web-dev-qa-db-fra.com

Comment intégrer un fichier vidéo .h264 dans une page Web HTML à l'aide de balises vidéo

J'essaie de lire le fichier . H264 dans le navigateur, en essayant d'accomplir cela en utilisant des balises vidéo html. Le résultat est toujours un cadre vide.

J'ai vérifié certains liens sur le Web, ils recommandent de lire la vidéo dans le conteneur . Mp4 .

Quelqu'un peut-il m'aider à accomplir cela?

CODE MIS À JOUR:

<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>

Références:

Comment lire une vidéo H264?

Joueur web .h264

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

htmlvideo-streaminghtml5-videoh.264mp4
10
Ramaraju.d

Vous n'avez pas besoin d'inclure h.264 dans votre code html, il vous suffit d'inclure le chemin d'accès à votre fichier vidéo et le nom du fichier vidéo. Supposons donc que votre fichier vidéo soit .mp4 et que le nom de votre fichier soit myvideo.mp4 et ton myvideo.mp4 est dans un dossier nommé videos et votre fichier html est juste à l'extérieur de ce dossier videos dans votre dossier de projet, alors voici ce que vous devez faire:

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

Cela fonctionnera, à condition que votre vidéo soit encodée au format mp4. Le h264 est un codec et il est complètement hors de propos dans cette situation.

Vous devez d'abord trouver un encodeur mp4 en ligne, il existe de nombreux encodeurs gratuits, encodez votre vidéo en .mp4 puis utilisez le code html ci-dessus et votre vidéo se jouera bien.

0
Joe T. Boka

J'ai écrit un lecteur vidéo HTML5 autour du codec broadway h264 (emscripten) qui peut lire des vidéos h264 en direct (sans délai) sur tous les navigateurs (bureau, iOS, ...).

Le flux vidéo est envoyé via websocket au client, décodé image par image et affiché dans une canva (en utilisant webgl pour l'accélération)

Découvrez https://github.com/131/h264-live-player sur github.

2
131

Le fichier . H264 contient le flux H.264 brut qui n'est pas directement pris en charge dans les navigateurs. Vous pouvez utiliser un outil comme FFmpeg pour le mettre dans un conteneur comme les autres réponses recommandées:

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

Modifier:

Si vous devez lire un flux d'octets H.264 brut, alors vous avez besoin d'un plugin de navigateur. Exemple pour le plugin Web VLC:

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

2
aergistal