Как вставлять.видео файл H264 в веб-страницу HTML, используя теги видео

Я пытаюсь играть .кодек H264 файл в браузере, пытаясь выполнить это с помощью html-тегов видео. Результатом всегда является пустой кадр.

Я проверил некоторые ссылки в интернете, они рекомендуют воспроизводить видео в .mp4 контейнер.

может кто-нибудь помочь мне в этом?

ОБНОВЛЕННЫЙ КОД:

<video width="560" height="340" preload controls>

  <source src="hh.h264" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
  	<!--<source src="hh.mov" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
	<source src="hh.ogv" type='video/ogg; codecs="theora, vorbis"' />
	<source src="hh.webm" type='video/webm; codecs="vp8, vorbis"' />-->



</video>

ссылки:

как играть в H264 видео?

играть .H264 файлы webplayer

http://www.htmlgoodies.com/html5/client/how-to-embed-video-using-html5.html#fbid=6u-u00TH7Je

10
h.264 html5 html5-video mp4 video-streaming

3 ответов

вы не должны включать h.264 в html-коде необходимо указать только путь к видеофайлу и имя видеофайла. Допустим, это ваш видеофайл .mp4 и имя вашего файла myvideo.mp4 и свой myvideo.mp4 в папке с именем videos и ваш html-файл находится прямо за пределами этого videos папка в папке проекта, то это то, что вы должны сделать:

<video width="560" controls>
  <source src="videos/myvideo.mp4" type="video/mp4">
</video>

это будет работать, при условии, что видео кодируется в формате mp4. H264-это кодек, и это совершенно неуместно в этой ситуации.

вы должны сначала найти кодировщик mp4 онлайн, есть много бесплатных кодировщиков, кодировать ваше видео .mp4 затем используйте html-код выше, и Ваше видео будет воспроизводиться нормально.

0

на .кодек H264 файл содержит поток raw H. 264, который непосредственно не поддерживается в браузерах. Вы можете использовать такой инструмент, как FFmpeg поместить его в контейнер, как и другие рекомендуемые ответы:

ffmpeg -f h264 -i test.h264 -c:v copy test.mp4

Edit:

Если вы должны играть raw H. 264 байт-поток, то вам нужен плагин для браузера. Пример для веб-плагина VLC:

<embed type="application/x-vlc-plugin" pluginspage="http://www.videolan.org" target="test.h264" />

2

Я написал видеоплеер HTML5 вокруг кодека broadway h264 (emscripten), который может воспроизводить живое (без задержки) видео h264 во всех браузерах (desktop, iOS,...).

видеопоток отправляется через websocket клиенту, декодируется кадр на кадр и отображается в canva (используя webgl для ускорения)

проверить https://github.com/131/h264-live-player на github.

2