Voici donc ces fameuses balises <video> </video> et <audio> </audio> HTML5 voit se dessiner une bataille rangée du propriétaire contre le libre. Puisqu'il s'agit du ouaibe en première ligne bien sûr les navigateurs ouaibe. Plutôt que transférer ma video.ogg sur Dailymotion où parfois on a de mauvaises surprises à l'encodage comme des erreurs de buffering, je l'ai placée directement dans une rubrique de mon site grâce aux balises <video> à: http://www.wubijacq.com/capturesonore/ . Où j'ai converti la vidéo OGV en WEBM et en MP4 pour qu'elle soit lisible par la plupart des navigateurs. La vidéo en OGV supporte mal le redimensionnement
il y a donc fort à parier que... webM/VP8.
HTML5 ce n'est pas simplement de la vidéo ou de l'audio
C'est le successeur de HTML 4.01
Pour construire une page en HTML5, plus besoin de DOCTYPE suivi du DTD strict, transitional ou frameset Juste <!doctype html> en haut de la page suivi de <html lang fr>
alsacréation le moteur dl'inventivité
Mon éditeur est Lauyan TOWeb
Aller dans le volet de droite
Ajouter aussi à ce paragraphe: Un fichier à télécharger
Car il ne reconnait pas le fichier .ogv à: Une vidéo / musique
pour un fichier vidéo.ogv:
<video controls=controls width=550 height=450><source src="wubijacq.ogv" type=video/ogv>mettez ce que vous voulez ici</video> ce qui donne pour aller sur le ouaibe: <video controls=controls width=550 height=450><source src="http://monsite/rubrique/wubijacq.ogv" type=video/ogv>get firefox,google or opera to read these files</video>
Particularité du format OGG
Le format OGG comme le format AVI est un conteneur, son codec video est Theora et son codec audio est Vorbis. Je renomme maintenant automatiquement mes vidéo .ogv en vidéo .ogg. Pour les fichiers audio .oga, je fais de même, ce qui me permet de mettre parfois les sons .ogg entre des balises <video>....</video>, c'est pratique avec un "width" et un "height" adaptés aux dimensions du bouton exemple 100px sur 30px:
pour un fichier audio pour le fichier .ogg <audio controls=controls><source src="http://monsite/rubrique/ma_musique.ogg" type="audio/ogg"></audio>
Parfois il faut bidouiller un peu comme par exemple sur Opera où j'ai du remplacer les balises <audio> par des balises <video> puisque cela ne fonctionnait pas du tout avec les balises <audio> pour un son .ogg
pour le fichier.wav la balise <embed> qui avait été dépréciée par le HTML4 est réhabilitée avec HTML5 (pas de balise de fermeture) <embed width=300 height=15 src="http://machin.com/rubrique/ma_musique.wav" controller="true" autoplay="false" autostart="false" type="audio/wav" />
Voici donc ces fameuses balises <video> </video> et <audio> </audio>
à propos de
