Multimédia
Reprendre le code de l'exercice précédent.
Le but de cet exercice est d'utiliser les balises <audio> et <video>.
Question
Choisir un fichier son sur le site libre http://freemusicarchive.org/ et l'intégrer au premier article avec les commandes basiques (lecture, pause...).
Sur http://freemusicarchive.org/, le lien source d'un fichier est le même que le lien de téléchargement, de la forme :
https://freemusicarchive.org/music/download/[clé Hexa]
Un fichier audio.mp3 est mis à disposition en téléchargement ci-dessous pour faire des tests en localhost.
Utiliser les attributs "src" et "controls".
<--! Ressource locale -->
<audio src="audio.mp3" controls>
Veuillez mettre à jour votre navigateur !
</audio>
<--! Ressource à distance -->
<audio src="https://freemusicarchive.org/music/download/179d4fd3a596779d670cd9792990bfbde09c3479" controls>
Veuillez mettre à jour votre navigateur !
</audio>
Question
Accéder au site http://download.blender.org/peach/bigbuckbunny_movies/ où est disponible le trailer de Big Buck Bunny. Intégrer le fichier 'big_buck_bunny_480p_stereo' au deuxième article en respectant les règles suivantes :
utilisation de sources multiples ;
on listera ces dernières dans l'ordre .mov, .avi puis .ogg ;
ne pas oublier de renseigner le MIME type ;
observer si le format est reconnu par le navigateur au fur et à mesure.
Un fichier video.mp4 est mis à disposition en téléchargement ci-dessous pour faire des tests en localhost sans multisource.
<source src="" type=""/>
<video controls>
<source src="http://download.blender.org/peach/bigbuckbunny_movies/big_buck_bunny_480p_stereo.avi" type="video/x-msvideo"/>
<source src="http://download.blender.org/peach/bigbuckbunny_movies/big_buck_bunny_480p_h264.mov" type="video/quicktime"/>
<source src="http://download.blender.org/peach/bigbuckbunny_movies/big_buck_bunny_480p_stereo.ogg" type="audio/ogg"/>
Veuillez mettre à jour votre navigateur !
</video>
Les navigateurs Chrome ou Mozilla devraient lire le fichier ogg (ou le fichier mp4 disponible en téléchargement) mais pas les fichiers avi ou mov.