Newer
Older
m3 / html5video / README.md
@HIROSE Yuuji HIROSE Yuuji on 5 Jan 2020 742 bytes Add plan as of 2020-01-05

動画とマップの同期

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

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

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

Next Step

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