Fork: 0

yuuji / m3

Download ZIP 41 commits

m3 / html5video /

latest commit b19c03d87e HIROSE Yuuji authored on 3 Feb 2020
	..
	.htaccess	add .htaccess getgpx.cgi in html5video/	6 years ago
	2019_07_29-Yawata.gpx	Incorporate HTML5Video test module to this	6 years ago
	README.md	Add plan as of 2020-01-05	6 years ago
	getgpx.cgi	add .htaccess getgpx.cgi in html5video/	6 years ago
	index.html	Temporarily use yawata movie for debugging	6 years ago
	kamo.mp4	Incorporate HTML5Video test module to this	6 years ago
	kamo.webm	Incorporate HTML5Video test module to this	6 years ago
	movplay.js	temporary	6 years ago

README.md

動画とマップの同期

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

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

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

Next Step

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