Newer
Older
m3 / html5video / README.md
@HIROSE Yuuji HIROSE Yuuji on 11 Oct 2020 793 bytes Link fixed

動画とマップの同期

index.html

時計が正確なことを前提とし、

  1. 屋外で移動する様子を撮った動画を用意する
  2. 同時に移動を記録したGPXログファイルを用意する
  3. このスクリプトでGPXを専用JSONに変換する ←不要になった
  4. videoとmap用のdivを用意し、再生と地図表示をHTMLに記述する
  5. ブラウザで見て再生ボタン

のようにすると、再生時刻に応じた地点にマーカが移動するようなものを 作りたい。ここまでできた。

Next Step

  • 動画ファイルとgpxファイルを用意
  • 動画始まりの位置を地図上で指定するとgpxファイルの何秒目からかに換算