Nous mettrons à jour notre Politique de confidentialité prochainement. En voici un aperçu.

Dreamweaver CS6 : Les nouveautés

Utilisation de la balise <audio>

Testez gratuitement nos 1341 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Depuis sa version CS5, Dreamweaver propose également la balise
03:14

Transcription

Depuis ses versions CS5, Dreamweaver permet d'intégrer des balises audio à un HTML5. Seulement, jusqu'à présent, il fallait utiliser l'aperçu code ici, pour pouvoir intégrer l'intégralité des paramètres. Aujourd'hui, avec cette mise à jour 12.1, Dreamweaver permet, depuis l'onglet Médias de la palette Insertion, ou depuis le menu Insertion ici, Médias Audio HTML5, d'intégrer directement une balise audio HTML5. Alors, dès qu'on utilise cette fonctionnalité-là, on se retrouve avec un placeholder ici, un garde-place sur notre document, et en le sélectionnant, ici, l'inspecteur de propriétés propose tout un ensemble de réglages. Par défaut, simplement les contrôles sont activés pour pouvoir permettre quand même de prendre la main sur l'audio ici, et on va pouvoir pointer, depuis l'onglet Source, sur un audio de type mp3. Alors une alternative a été fournie au format ogg ici, et comme pour la vidéo, on va simplement utiliser un des formats, et Dreamweaver va automatiquement proposer les sources alternatives. Non seulement les sources alternatives reconnues vont être affichées ici, mais en plus, les types mîmes vont être définis, vont être décrits dans chacun de ces éléments. Alors bien entendu, les navigateurs plus anciens ne pourront pas reconnaître la balise audio d'HTML5, donc pour cela on pourra prévoir un texte alternatif. Et ce texte alternatif va être fourni dans une balise de paragraphe ici automatiquement, et ne sera vu uniquement que par les navigateurs qui ne reconnaissent pas la balise audio. Alors on peut aller un peu plus loin dans les paramètres qui nous sont fournis par l'inspecteur de propriétés ici. On a la possibilité donc, du contrôleur qui est activé, et qui nous laisse la main sur ce fichier audio. On a la possibilité de mettre l'audio en boucle, de lancer une lecture automatique, je vous suggère d'éviter ce genre d'éléments-là, surtout si vos internautes ouvrent plusieurs onglets de navigateurs pour parcourir votre site, là, on se retrouve avec une page qui va automatiquement jouer la musique, qui peut être quelque part désagréable. La possibilité de le mettre en mute, alors à ce moment-là on met une balise audio, mais elle ne donnera pas l'audio. Le preloader ici va permettre donc un pré-chargement automatique des métadonnées ou aucun. Pour avoir un pré-chargement aucun, il faut implicitement le demander, donc, pour ça on va passer en auto, puis après revenir à none, pour explicitement venir écrire ce pré-chargement ici, donc là, je vais laisser le navigateur charger le son par défaut, voilà, et enfin, dernier paramètre ici, on a la possibilité de donner un titre à cet élément. Alors, si on teste directement dans l'aperçu indirect de Dreamweaver, on s'aperçoit que la barre audio est en place ici, et voilà, tout simplement en jouant sur le contrôleur, on peut lancer ce fichier audio. Donc, la 12.1, CS6 12.1 de Dreamweaver, on s'aperçoit que les flux d'intégration de balises audios sont grandement simplifiés, c'est efficace, c'est rapide, donc, avec deux clics, on arrive à pouvoir ajouter une partie audio à nos pages web.

Dreamweaver CS6 : Les nouveautés

Allez à la découverte des nouveautés de Dreamweaver CS6, qui gravitent autour du développement d’applications mobiles, de la pluri-distribution et de sites Internet réactifs.

3h16 (40 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Date de parution :23 avr. 2012
Mis à jour le:5 avr. 2017

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !