Comment créer un lecteur audio HTML5. Ce tutoriel va démontrer comment s'interfacer avec un lecteur audio HTML5.
On connait tous le lecteur mais je veux aller complètement ailleurs ici. Évidemment, tous les fureteurs ne rendent pas le même résultat visuellement et vous ne voulez pas briser votre design. Donc, je vais démontrer comment créer votre propre lecteur en HTML/CSS en utilisant l'API Javascript de la balise audio en HTML5. La balise audio dans IE9, Chrome, FireFox et Safari D'abord, on va créer un lecteur audio de base en ajoutant pas "controls" pour ne pas qu'il n'apparaisse à l'écran. <audio preload="auto" autobuffer controls id="audio"> <source src="04_1904.ogg" type="audio/ogg" /> <source src="04_1904.mp3" type="audio/mpeg" /> <source src="04_1904.wav" type="audio/wav" /> Votre fureteur ne supporte pas les objects audio. N'oubliez pas le DOCTYPE HTML5 ! <!
Attention, ce ne sont pas tous les fureteurs qui acceptent tous les formats de fichier. Voici un tableau des compatibilités des navigateurs. autoplay loop controls. Stat My Web - Website Analysis and Tools. Outils pour les webmasters - URL à explorer. Static.googleusercontent.com/external_content/untrusted_dlcp/www.google.com/fr//intl/fr/webmasters/docs/search-engine-optimization-starter-guide-fr.
Les problèmes de validation HTML courants. Autres langues : English Veuillez me contacter si vous pensez à un autre problème courant qui mérite de figurer ici. Écrire du HTML dans un élément SCRIPT Une erreur courante (à l'origine de la plupart des faux relevés de bogue à l'encontre du validateur HTML du WDG) est celle produite lors de l'écriture de balises HTML dans un élément SCRIPT : <script type="text/javascript"><!
-- // Voici l'erreur ! Comme mentionné par une note de la recommandation HTML 4 à propos de la présence de données non HTML dans le contenu d'un élément, les balises fermantes sont reconnues à l'intérieur des éléments SCRIPT mais pas les autres types de balisage, tels que les balises et commentaires ouvrants. Les auteurs devraient éviter d'employer des chaînes telles que « </P> » dans les scripts incorporés. <script type="text/javascript"><! Remarquez que, dans le cas de XHTML, les auteurs doivent également faire attention aux balises ouvrantes dans l'élément script. Les esperluettes (&) dans les adresses URL <! C QA - Recommended list of Doctype declarations you can use in your Web document. Warning The list is informative and does not try to be exhaustive (there are many other proper declarations you could use), but it has most of the declarations commonly used on the Web at the moment.
Recommended Doctype Declarations to use in your Web document. When authoring document is HTML or XHTML, it is important to Add a Doctype declaration. The doctype declaration must be exact (both in spelling and in case) to have the desired effect, which makes it sometimes difficult. To ease the work, below is a list of recommended doctype declarations that you can use in your Web documents. Template Use the following markup as a template to create a new XHTML 1.0 document using a proper Doctype declaration.
<! (X)HTML Doctype Declarations List Strict Transitional Frameset Strict (quick reference) Transitional Frameset XHTML Basic 1.1 (quick reference): HTML 5 [NOT a standard yet] MathML Doctype Declarations MathML 2.0 - DTD: MathML 1.01 - DTD: