Fork: 0

yuuji / m3

Download ZIP 62commits

m3 / html5video /

latest commit 41fd1fe85c HIROSE Yuuji authored on 1 Jun
	..
	.htaccess	add .htaccess getgpx.cgi in html5video/	4 years ago
	2019_07_29-Yawata.gpx	Incorporate HTML5Video test module to this	4 years ago
	README.md	Link fixed	3 years ago
	getgpx.cgi	add .htaccess getgpx.cgi in html5video/	4 years ago
	index.html	Movie file restored to kamo	3 years ago
	kamo.mp4	Incorporate HTML5Video test module to this	4 years ago
	kamo.webm	Incorporate HTML5Video test module to this	4 years ago
	movplay.js	Chage GPX URL to that in GitBucket	10 months ago

README.md

動画とマップの同期

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

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

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

Next Step

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