Médias avec vidéo HTML5 et les balises audio

Parmi les nouvelles que le "HTML 5 de fonctionnalités que les versions précédentes, il ya la possibilité d'appeler directement le contenu multimédia via les balises dédiées.
Auparavant, l'inclusion de ce type de contenu dans une page HTML nécessaire, dans la plupart des cas, l'utilisation de fichiers externes (non standard) comme Adobe Flash. L'alternative à Flash a été soumis à des conditions très restrictives à l'égard de multimédia, aujourd'hui les conditions pour être inapte à répondre aux exigences minimales requises par de nombreux services du web 2.0 (pensez, par exemple, YouTube).

Avec l'avènement de ces fonctionnalités sont intégrées dans le langage HTML5. Les balises principales qui sont pertinentes au multimédia:

• <audio>
• <video>

Se référant à l'référence officielle du W3C illustrer l'utilisation de ces balises riferrimento faisant, également, pour des exemples pratiques.

Le <audio> tag

Le <audio> balise définit tout ce qui a à voir avec le son, par exemple, la musique ou d'autres sons.

En plus des attributs standards (la liste est facilement disponible sur le Net, par exemple sur le site w3cschools.com ) de la balise audio prend en charge les propriétés spécifiques suivantes:

• Autoplay: si cet attribut est présent, le jeu va automatiquement lire le fichier audio;
• contrôles: s'il est déclaré, sera d'affichage des contrôles tels que boutons de lecture et d'arrêt;
• boucle: si elle est utilisée, détermine la boucle (répétition) de fichiers de musique quand vous avez fini;
• précharge: s'il est présent, le fichier audio sera préchargé quand la page se charge, afin d'être prêt à jouer, sans attentes. Si l'attribut de lecture automatique est déclarée, la précharge est ignoré;
• src: Spécifie l'URL du fichier audio à jouer.

 <audio src="driin.ogg" autoplay="autoplay" controls="controls">



  



 Votre navigateur ne supporte pas géré avec HTML5 audio.







 </ Audio>

La balise soutient également <audio> la capacité à gérer plus d'une source, auquel cas l'attribut src est omis, et se cache dans les balises <audio>, les balises <source> ceci:

 <audio controls="controls">



  



 <source src="canzone1.ogg" type="audio/ogg">



  



 <source src="canzone2.mp3" type="audio/mpeg">



  



 Votre navigateur ne supporte pas géré avec HTML5 audio.







 </ Audio>

Remarque: actuellement pris en charge les formats audio MP3, WAV et OGG.

Ci-dessous est une capture d'écran faite avec Firefox:

• <<
• 1
• 2
• >>