FrameLinQ v0.4.1
0:00.00
+
🎬 YouTube URL を貼り付け、または 📁 動画ファイル を選択 Paste a 🎬 YouTube URL or choose a 📁 Video File Fügen Sie eine 🎬 YouTube-URL ein oder wählen Sie eine 📁 Videodatei Collez une 🎬 URL YouTube ou choisissez un 📁 Fichier vidéo
⋮⋮
8
0:00.00 / 0:00.00

🎨 FrameLinQ の使い方 🎨 How to use FrameLinQ 🎨 So verwenden Sie FrameLinQ 🎨 Comment utiliser FrameLinQ

📖 概要 📖 Overview 📖 Übersicht 📖 Aperçu

YouTube動画やローカル動画の上からペン・直線・矢印・円・角度計測などを描画できるPWAツール。Zoom / Teams の画面共有で、選手やお客さんへのレッスン・フォーム分析に最適。100%プライベート(動画はサーバーに送信されません)。

A PWA tool to draw pen, lines, arrows, circles and angle measurements over YouTube or local videos. Perfect for ski coaching, form analysis, and lessons via Zoom / Teams screen share. 100% private — videos are never uploaded.

Ein PWA-Tool zum Zeichnen von Stift, Linien, Pfeilen, Kreisen und Winkelmessungen über YouTube- oder lokalen Videos. Perfekt für Coaching, Formanalyse und Lektionen via Zoom-/Teams-Bildschirmfreigabe. 100% privat — Videos werden nie hochgeladen.

Un outil PWA pour dessiner stylo, lignes, flèches, cercles et mesures d'angle sur des vidéos YouTube ou locales. Parfait pour le coaching, l'analyse de forme et les leçons via partage d'écran Zoom / Teams. 100% privé — les vidéos ne sont jamais téléchargées.

🚀 はじめに 🚀 Getting Started 🚀 Erste Schritte 🚀 Pour commencer

1 🎬 YouTube: URLを貼り付けて Enter、または 📁 動画ファイル: ローカル動画を選択/ドロップ 🎬 YouTube: paste a URL and press Enter, or 📁 Video File: choose / drop a local video file 🎬 YouTube: URL einfügen und Enter drücken, oder 📁 Videodatei: lokale Videodatei auswählen / ablegen 🎬 YouTube: collez une URL et appuyez sur Entrée, ou 📁 Fichier vidéo: choisissez / déposez un fichier vidéo local
2 動画が読み込まれたら、再生/停止・コマ送り・シーク・スロー再生で注釈したい位置へ Once loaded, use play / pause, frame-step, seek, slow playback to navigate to the exact moment you want to annotate Nach dem Laden: Abspielen / Pause, Einzelbild, Suche, Zeitlupe verwenden, um zur gewünschten Stelle zu navigieren Une fois chargée, utilisez lecture / pause, image par image, défilement, ralenti pour accéder au moment à annoter
3 上部のツールバーからペン/角度等を選んで描画 Pick pen / angle / arrow etc. from the top toolbar and draw on the video Stift / Winkel / Pfeil usw. aus der oberen Werkzeugleiste wählen und zeichnen Sélectionnez stylo / angle / flèche etc. dans la barre d'outils en haut et dessinez
4 Zoom 等でこのブラウザウィンドウを画面共有すれば、相手にも注釈ごと動画が見えます Screen-share this browser window in Zoom / Teams and your viewers see the video with your live annotations Dieses Browserfenster in Zoom / Teams teilen — die Teilnehmer sehen das Video mit Ihren Live-Annotationen Partagez cette fenêtre de navigateur dans Zoom / Teams — les participants voient la vidéo avec vos annotations en direct

🎛 描画ツール 🎛 Drawing Tools 🎛 Zeichenwerkzeuge 🎛 Outils de dessin

✏︎ ペン — フリーハンドで描画。描いた後少し待つと直線 / 円に自動補正(それ以外はスプライン平滑化) Pen — freehand. Auto-corrects to a line or circle after a short pause (otherwise spline-smoothed) Stift — freihändig. Wird nach kurzer Pause zu Linie / Kreis korrigiert (sonst Spline-geglättet) Stylo — à main levée. Auto-corrigé en ligne / cercle après une courte pause (sinon lissé par spline)
直線 — 2点を直線で結ぶ Line — connect two points with a straight line Linie — zwei Punkte mit einer geraden Linie verbinden Ligne — relie deux points par une ligne droite
矢印 — 矢印付き直線 Arrow — line with an arrowhead Pfeil — Linie mit Pfeilspitze Flèche — ligne avec une pointe
円 — 中心と半径で円を描画 Circle — draw a circle by center + radius Kreis — Mittelpunkt + Radius Cercle — tracer un cercle centre + rayon
四角 — 矩形を描画 Rectangle — draw a rectangle Rechteck — Rechteck zeichnen Rectangle — tracer un rectangle
角度 — 3点クリックで角度を計測・表示(1点目-頂点-3点目) Angle — click 3 points (end-vertex-end) to measure and display the angle Winkel — 3 Punkte klicken (Ende-Scheitel-Ende) zur Messung und Anzeige Angle — cliquez 3 points (fin-sommet-fin) pour mesurer et afficher l'angle
戻す — 最後の描画を取消 (Ctrl+Z / E) Undo — remove the last stroke (Ctrl+Z / E) Rückgängig — letzten Strich entfernen (Strg+Z / E) Annuler — supprimer le dernier trait (Ctrl+Z / E)
🗑 全消去 — 全ての描画を消去 Clear — erase all drawings Löschen — alle Zeichnungen entfernen Effacer — supprimer tous les dessins
⋮⋮ グリップ — ドラッグでツールバーを移動、ダブルクリックで縦⇔横切替 Grip — drag to move the toolbar, double-click to toggle vertical / horizontal Griff — ziehen zum Verschieben, Doppelklick: vertikal / horizontal Poignée — glissez pour déplacer, double-clic : vertical / horizontal

▶ 再生・コマ送り・スロー ▶ Playback, Frame-step & Slow-motion ▶ Wiedergabe, Einzelbild & Zeitlupe ▶ Lecture, image par image et ralenti

  • ▶ / ⏸ — 再生 / 一時停止
  • ▶ / ⏸ — Play / Pause
  • ▶ / ⏸ — Abspielen / Pause
  • ▶ / ⏸ — Lecture / Pause
  • ◀1f / 1f▶ — クリックで1フレーム(1/30秒)戻し / 送り
  • ◀1f / 1f▶ — click to step back / forward 1 frame (1/30 sec)
  • ◀1f / 1f▶ — Klick: 1 Bild (1/30 Sek.) zurück / vor
  • ◀1f / 1f▶ — cliquez pour reculer / avancer d'1 image (1/30 s)
  • 長押し — ◀1f / 1f▶ を長押しすると 0.25倍速スロー再生。離すと停止
  • Long-press — hold ◀1f or 1f▶ for 0.25x slow playback; release to stop
  • Gedrückt halten — ◀1f / 1f▶ halten für 0.25x Zeitlupe; loslassen zum Stoppen
  • Appui long — maintenir ◀1f / 1f▶ pour un ralenti 0.25x ; relâcher pour arrêter
  • シークバー — ドラッグで任意の位置へジャンプ
  • Seek bar — drag to jump to any position
  • Suchleiste — ziehen, um zu beliebiger Position zu springen
  • Barre de recherche — glissez pour sauter à n'importe quelle position
  • ⛶ フルスクリーン — クリーンな画面共有に最適
  • ⛶ Fullscreen — ideal for clean screen sharing
  • ⛶ Vollbild — ideal für saubere Bildschirmfreigabe
  • ⛶ Plein écran — idéal pour un partage d'écran propre

⏱ タイム計測(ストップウォッチ) ⏱ Time Measurement (Stopwatch) ⏱ Zeitmessung (Stoppuhr) ⏱ Mesure du temps (Chronomètre)

ツールバーの ボタンでタイム計測パネルを開閉。動画時間モード(デフォルト)は動画の再生位置を基準に計測するので、動画内の 2 点間のタイム(例: ゲート1 → ゲート5)を正確に測れます。実時間モードは通常のストップウォッチ。+ Lap ボタンでラップタイムを記録、↺ Reset で全消去。パネルは ⋮⋮ でドラッグ移動できます。

Toggle the time panel with the button in the toolbar. Video time mode (default) measures relative to the video playback position — perfect for timing between two points in the video (e.g., gate 1 → gate 5). Wall clock mode is a regular stopwatch. Use + Lap to record lap times, ↺ Reset to clear. Drag the panel via the ⋮⋮ grip.

Die Zeitmessung mit der -Schaltfläche öffnen. Der Video-Zeit-Modus (Standard) misst relativ zur Videowiedergabeposition — ideal für Zeiten zwischen zwei Punkten im Video (z. B. Tor 1 → Tor 5). Der Echtzeit-Modus ist eine normale Stoppuhr. + Lap für Rundenzeiten, ↺ Reset zum Löschen. Das Panel mit dem ⋮⋮-Griff verschieben.

Ouvrez le panneau de chrono avec le bouton . Le mode temps vidéo (par défaut) mesure par rapport à la position de lecture — parfait pour chronométrer entre deux points dans la vidéo (ex : porte 1 → porte 5). Le mode temps réel est un chronomètre classique. Utilisez + Lap pour enregistrer des tours, ↺ Reset pour effacer. Déplacez le panneau via la poignée ⋮⋮.

🎚 スクラブバー(一時停止時のみ) 🎚 Scrub Bar (paused only) 🎚 Scrub-Leiste (nur pausiert) 🎚 Barre de scrub (pause uniquement)

動画を一時停止した時だけ、下部に DJ 風スクラブバーが出現します。タイムラインを左右にドラッグすると、固定の Playhead(シアン色の縦線)の下を時間軸が流れ、レコードをスクラッチする感覚で精密にフレーム位置合わせができます。再生するとバーは自動的に消えます。

💻 Mac のトラックパッド 2 本指スワイプでも動画領域を直接スクラブ可能(一時停止中)。

When the video is paused, a DJ-style scrub bar appears at the bottom. Drag the timeline left/right to scrub under the fixed cyan playhead — like scratching a record — for precise frame alignment. The bar disappears when you press play.

💻 Mac trackpad two-finger swipe over the video area also scrubs directly (while paused).

Im pausierten Zustand erscheint unten eine DJ-Scrub-Leiste. Zeitleiste links/rechts ziehen — die Zeitachse läuft unter dem fixierten cyanfarbenen Playhead durch, wie beim Scratchen einer Platte — für präzises Einzelbild-Alignment. Bei Wiedergabe verschwindet die Leiste.

💻 Zwei-Finger-Wischen auf dem Mac-Trackpad über dem Videobereich scrubbt ebenfalls direkt (im pausierten Zustand).

Lorsque la vidéo est en pause, une barre de scrub style DJ apparaît en bas. Glissez la ligne de temps à gauche/droite — le temps défile sous le playhead cyan fixe, comme en scratchant un disque — pour un alignement image par image précis. La barre disparaît à la lecture.

💻 Glissement à deux doigts sur le trackpad Mac sur la zone vidéo permet aussi de scruber directement (en pause).

⌨️ キーボードショートカット ⌨️ Keyboard Shortcuts ⌨️ Tastenkürzel ⌨️ Raccourcis clavier

Space 再生 / 一時停止 Play / Pause Abspielen / Pause Lecture / Pause
← / → 1フレーム戻し / 送り Step 1 frame back / forward 1 Bild zurück / vor Reculer / avancer d'1 image
Shift+← / → 押している間スロー再生(逆 / 正方向) Hold for slow playback (reverse / forward) Halten für Zeitlupe (rückwärts / vorwärts) Maintenir pour ralenti (arrière / avant)
P L A C R G ツール切替(ペン / 線 / 矢印 / 円 / 四角 / 角度) Tool switch (pen / line / arrow / circle / rectangle / angle) Werkzeugwechsel (Stift / Linie / Pfeil / Kreis / Rechteck / Winkel) Changement d'outil (stylo / ligne / flèche / cercle / rectangle / angle)
Ctrl+Z / E 元に戻す Undo Rückgängig Annuler
F フルスクリーン切替 Toggle fullscreen Vollbild umschalten Basculer plein écran

💡 ヒント 💡 Tips 💡 Tipps 💡 Astuces

  • YouTube モードは公式 IFrame Player API 経由。著作権保護された動画も合法的に再生できます
  • YouTube mode uses the official IFrame Player API, so copyrighted videos play legally
  • YouTube-Modus verwendet die offizielle IFrame Player API — urheberrechtlich geschützte Videos werden legal abgespielt
  • Le mode YouTube utilise l'IFrame Player API officielle — les vidéos protégées sont lues légalement
  • ローカル動画モードはブラウザ内で完結。動画はアップロードされません
  • Local file mode runs entirely in your browser — nothing is uploaded
  • Lokaler Modus läuft komplett im Browser — nichts wird hochgeladen
  • Le mode fichier local s'exécute entièrement dans le navigateur — rien n'est téléversé
  • 角度計測はスキーのフォーム分析(内傾角・膝曲げ・上体の捻り)に特に便利
  • Angle measurement is great for ski form analysis (inclination, knee flex, upper-body rotation)
  • Winkelmessung ist ideal für Ski-Formanalyse (Neigung, Kniebeugung, Oberkörperrotation)
  • La mesure d'angle est parfaite pour analyser la forme de ski (inclinaison, flexion du genou, rotation du haut du corps)
  • ⏱ タイマーは動画時間/実時間の 2 モード。ゲート間スプリットやラップ計測に便利(詳しくは下の「タイム計測」を参照)
  • ⏱ Timer supports video-time and wall-clock modes — handy for inter-gate splits and lap times (see "Time Measurement" below)
  • ⏱ Timer mit Video-Zeit- und Echtzeit-Modus — praktisch für Tor-Zwischenzeiten und Rundenzeiten (siehe „Zeitmessung" unten)
  • Le ⏱ chronomètre propose les modes temps vidéo et temps réel — pratique pour les temps entre portes et les tours (voir « Mesure du temps » ci-dessous)
  • フルスクリーン+画面共有で、相手にはクリーンな動画+注釈だけが見えます
  • Fullscreen + screen share gives your viewers a clean video with annotations only
  • Vollbild + Bildschirmfreigabe: saubere Ansicht für Zuschauer
  • Plein écran + partage d'écran : vue propre avec annotations uniquement pour vos spectateurs
  • オンラインミーティング・レッスンにも活用可。Zoom/Teams で画面共有しながらライブ指導する使い方は問題ありません(動画の録画販売は不可)
  • Works great for online meetings & lessons — live coaching via Zoom/Teams screen share is fine (recording/reselling videos is not)
  • Auch für Online-Meetings & Lektionen geeignet — Live-Coaching via Zoom/Teams-Bildschirmfreigabe ist zulässig (Aufnahme/Weiterverkauf nicht)
  • Adapté aux réunions en ligne & leçons — le coaching en direct via partage d'écran Zoom/Teams est autorisé (pas l'enregistrement ni la revente)
  • PWAとしてインストール可能(Chrome アドレスバーのインストールアイコン)。オフラインでも動きます
  • Installable as a PWA (install icon in Chrome address bar). Works offline
  • Als PWA installierbar (Install-Symbol in der Chrome-Adressleiste). Funktioniert offline
  • Installable en tant que PWA (icône d'installation dans la barre d'adresse Chrome). Fonctionne hors ligne