2020-08-31 23:18:19 +03:00
|
|
|
<script>
|
|
|
|
|
async function playToTheEnd() {
|
|
|
|
|
const video = document.querySelector('video');
|
|
|
|
|
const result = new Promise(r => video.onended = r);
|
|
|
|
|
video.play();
|
|
|
|
|
return await result;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
async function playOneFrame() {
|
|
|
|
|
const video = document.querySelector('video');
|
|
|
|
|
const result = new Promise(r => video.onpause = r);
|
|
|
|
|
video.ontimeupdate = () => {
|
|
|
|
|
video.pause();
|
|
|
|
|
video.ontimeupdate = null;
|
|
|
|
|
};
|
|
|
|
|
video.play();
|
|
|
|
|
return await result;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
async function playNFrames(n) {
|
|
|
|
|
for (let i = 0; i < n; i++)
|
|
|
|
|
await playOneFrame();
|
|
|
|
|
}
|
|
|
|
|
|
2020-09-11 04:09:17 +03:00
|
|
|
let _frameCount = -1;
|
2020-08-31 23:18:19 +03:00
|
|
|
async function countFrames() {
|
2020-09-11 04:09:17 +03:00
|
|
|
if (_frameCount === -1) {
|
|
|
|
|
const video = document.querySelector('video');
|
|
|
|
|
|
|
|
|
|
if (!video.duration)
|
|
|
|
|
return 0;
|
|
|
|
|
|
|
|
|
|
if (video.currentTime)
|
|
|
|
|
await playToTheEnd();
|
|
|
|
|
|
|
|
|
|
let count = 0;
|
|
|
|
|
while (true) {
|
|
|
|
|
++count;
|
|
|
|
|
await playOneFrame();
|
|
|
|
|
if (video.ended)
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
_frameCount = count;
|
2020-08-31 23:18:19 +03:00
|
|
|
}
|
2020-09-11 04:09:17 +03:00
|
|
|
return _frameCount;
|
2020-08-31 23:18:19 +03:00
|
|
|
}
|
|
|
|
|
|
2020-09-11 04:09:17 +03:00
|
|
|
async function seekLastFrame() {
|
2020-09-02 23:59:15 +03:00
|
|
|
let frameCount = await countFrames();
|
2020-08-31 23:18:19 +03:00
|
|
|
await playNFrames(frameCount);
|
|
|
|
|
return frameCount;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
<body>
|
|
|
|
|
<video controls>
|
|
|
|
|
<source src="v.webm" type="video/webm">
|
|
|
|
|
Your browser does not support HTML video.
|
|
|
|
|
</video>
|
|
|
|
|
</body>
|
