Discussion :

[apicultrice]

Bonjour,

Je souhaite lire une video h264 issue d'une caméra
J'ai essayé avec une balise <video> mais cela ne fonctionne pas
Qui pourrait m'aider ?
Je suis débutante
Merci d'avance
Estelle

[mathieu]

Avez-vous fait le test avec un navigateur récent qui supporte ce format ?
https://caniuse.com/#feat=mpeg4

[apicultrice]

Oui j'ai essayé avec CHROME
Sur un clic sur Play de la balise <video>, il ne se passe rien
Aussi avec FIREFOX
A l'ouverture de la page HTML, FIREFOX affiche "le format video ou le type MIME n'est pas géré"

[Invité]

Bonjour,

Formats pris en charge par <audio> et <video>

MP4 H.264 (AAC ou MP3)

Le format conteneur MPEG avec le codec vidéo H.264 et le codec audio AAC ou le codec audio MP3 est supporté nativement par Internet Explorer, Safari et Chrome mais pas par Chromium et Opera.
Firefox prendra bientôt en charge le format, mais seulement quand un décodeur tiers sera disponible.

[apicultrice]

J'ai essayé avec Explorer cela ne fonctionne pas

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<video src="/upload/pivideo.h264" controls poster="/upload/vol_17-03-06.jpg" width="600"></video>

Faut il déclarer autre chose ?
A+

[headmax]

Je vais pas épilogué sur le pourquoi tant de format et la guerre des "browser" qui souhaite imposé leur vision et ne pas respecter les recommandations du W3C ...
Pour la balise vidéo et la compatibilité cross navigateur passe malheureusement par 3 formats plus ou moins compatible selon les navigateurs (PC, Mobiles, TV...) il s'agit de :
ogg (ogv), webm, mp4 ses trois format doit être renseigné dans une balise source enfant de la balise video.

Pour ton cas il faut que tu passe par un convertisseur vidéo application ou convertisseur online de ton format .h264 dépendante de librairie libmp4v2 n'est pas géré actuellement par les navigateurs et nécessite un plugin plus contraignant ou un "polyfill" script qui adapte (rajoute les fonctionalités nécessaire au navigateur qu'il n'a pas), sinon tu peux adapté vers les 3 formats cités plus hauts pour la compatibilité "cross device".
Si tu es sous linux tu peux installer et utiliser ffmpeg

Code ssh :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
ffmpeg -i "pivideo.h264" -c:v copy -f mp4 "pivideo.mp4"  //De .h264 vers mp4
ffmpeg -i "pivideo.mp4" -c:v libtheora -q:v 7 -c:a libvorbis -q:a 4 "pivideo.ogv"  //De .mp4 vers  ogv
ffmpeg -i "pivideo.mp4" -vcodec libvpx -acodec libvorbis -aq 5 -ac 2 -qmax 25 -b 614400 -s 1280×720 "pivideo.webm" //De .mp4 vers webm

Sinon utilise des convertisseur en ligne :
De .h264 vers mp4
https://www.filezigzag.com/h264-mp4-en.aspx
http://www.avi-mp4.com/mp4/h264-to-mp4.htm

Applications sous :
Mac : http://media-converter.sourceforge.net/
LInux-windows : https://sourceforge.net/projects/ffm...?source=navbar
Liste open sources : https://sourceforge.net/directory/os...edia+converter

Pour la suite il suffira de faire un script html et le tag video qui va bien :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<video controls="" id="monid" poster="/upload/vol_17-03-06.jpg" width="600">
    <source type="video/mp4" src="/upload/pivideo.mp4">
    <source type="video/webm" src="/upload/pivideo.webm">
    <source type="video/ogg" src="/upload/pivideo.ogv">
</video>