У меня есть видео 10 секунд, которое я хотел бы контролировать с помощью HTML5.
Есть 2 поля ввода для пользователя.
Одним из них является время начала (например, 3 секунды) в первом окне и продолжительность воспроизведения (6 секунд) во втором окне.
Например, пользователь может захотеть запустить видео через 3 секунды и воспроизвести в течение 6 секунд.
Как я могу загрузить определенную часть этого видео или показать эту часть видео в другом элементе видео и загрузить его?
Я попытался использовать воспроизведение видео на canvas
и загрузить его, но мне это не удалось. Нет информации о воспроизведении видео на другом элементе.
Я попытался реализовать его с помощью метода drawImage()
, но он ничего не отображает на canvas
.
function extractFunction(){
video.addEventListener('timeupdate', function() {
if (video.currentTime >= endTime) {
this.pause;
}
}, false);
video.load();
video.play();
try {
video.currentTime = starttime;
ctx.drawImage($this, 0, 0);
setTimeout(loop, 1000 / 30); // drawing at 30fps
} catch (ex) {
}
}
В приведенном выше коде у меня есть кнопка, которая вызовет эту функцию.