video tagで表示された動画を,一定以上の時間(たとえば,全体の60%以上)再生した場合に,DatabaseにInsertする処理がしたいです.
timeupdate eventとtemplate engineを利用し,以下のようにcurrentTime / duration > 0.6となったときに関数を呼ぶようにしてみたのですが,script tag内でTemplate engineを使用した場合ページ読み込み時に実行されるようで,望んでいた結果は得られませんでした.
どのような機能を用いれば,Play framework 2.6で上記の目的を達成可能でしょうか?
<script>
window.onload = function() {
var v = document.getElementById("video");
v.addEventListener('timeupdate', (event) => {
if(v.currentTime / v.duration > 0.6) {
@{dbManager.updateDB()}
}
});
};
</script>
<video controls autoplay id="video" width="640" preload="auto">
<source src="public/video/video.mp4" type="video/mp4" />
</video>