指定した動画の再生時間を監視して、ユーザーによって再生位置が逆方向に操作されたら任意の関数を実行する。
逆方向への操作中は繰り返し関数を実行しようとする仕様なので、短時間で繰り返し実行すると不都合な関数の場合には、動作サンプルのように関数の実行後は一定時間は反応しないようなプログラム設計にすること。
動画の再生状況を監視して、逆方向に操作されたら2秒間だけメッセージを表示する。
PENTACON auto 50mm F1.8
HTML :
<button type="button" onclick="$videoCheckReverse('video_sample1',videocheckreverse_1)">監視を開始</button>
<button type="button" onclick="$videoCheckReverse('video_sample1',videocheckreverse_1,true)">設定を削除</button>
<div id="sample1">
<video id="video_sample1" src="images/mov_1.mp4" poster="images/mov_1.jpg" preload="auto" controls playsinline>
<p>PENTACON auto 50mm F1.8</p>
</div>
Javascript :
var working=false;
var tarP=$tag("p","sample1",0);
function videocheckreverse_1() { //逆方向に操作されたら実行する
if(!working) {
working=true; //短時間での繰り返し実行を防止するためにフラグを立てる
tarP.style.background="#8eb8bd";
$toHTML(tarP,"逆方向に操作されました");
setTimeout(videocheckreverse_reset,2000); //関数実行の2秒後にリセット
}
}
function videocheckreverse_reset() {
working=false;
tarP.style.background="#666666";
$toHTML(tarP,"PENTACON auto 50mm F1.8");
}