Les API multimédia et graphiques en HTML5, exemples avec <audio/>, <video/> et <canvas/>

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.

audio.mp3

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.

video.mp4

PrécédentPrécédentSuivantSuivant
AccueilAccueilImprimerImprimer Rihab Hachem, Cindy Pinvin, Baptiste Perraud, 2014-2016 (Contributions : Stéphane Crozat, les étudiants de l'UTC) Paternité - Partage des Conditions Initiales à l'IdentiqueRéalisé avec Scenari (nouvelle fenêtre)