видео с javascript и html

Question

Так что за последние несколько дней я возился с javascript и html. На html 5 видео-тегах. Я хочу создать сплошной видеопроигрыватель без jquery. Я рассмотрел различные руководства, касающиеся пользовательских элементов управления, таких как громкость, воспроизведение, пауза и полноэкранный режим. Я хочу погрузиться немного больше, но не очень хорошо смотрю на поиск хорошего источника, в отношении более продвинутого контроля. Такие вещи, как зависание на временной шкале и получение изображения того, что показано в то время. Очень похоже на то, как работают YouTube и другие видеоплееры. Добавление большего количества материалов туфа, таких как информация о времени, скраб-бар, ключевые моменты, микрочипирование и субтитры.

Может ли кто-нибудь указать мне направление, в котором я мог бы найти что-то вроде того, что я перечислил?

Спасибо: D

Answer 1

HTML тег видео может обеспечить все, что вам нужно сюда вложение средств массовой информации внутри страницы

хорошее руководство обеспечивает по this Mozilla MDN Using HTML5 audio and video

от простого тега

<video src="http://v2v.cc/~j/theora_testsuite/320x240.ogg" controls> 
    Your browser does not support the <code>video</code> element. 
</video> 

к контрольной линии г воспроизведения медиа для аудио видеоконтроллер

<audio id="demo" src="audio.mp3"></audio> 
<div> 
    <button onclick="document.getElementById('demo').play()">Play the Audio</button> 
    <button onclick="document.getElementById('demo').pause()">Pause the Audio</button> 
    <button onclick="document.getElementById('demo').volume+=0.1">Increase Volume</button> 
    <button> onclick="document.getElementById('demo').volume-=0.1">Decrease Volume</button> 
    </div>