Skip to main content

Incorporer des fichiers audio dans des pages Web Dreamweaver

creation d'un siteWeb dynamique en utilisant DreamWeaver (Juin 2026)

creation d'un siteWeb dynamique en utilisant DreamWeaver (Juin 2026)
Anonim
01 sur 07

Insert Media Plugin

Utilisez Dreamweaver pour ajouter une musique de fond à vos pages

Ajouter du son aux pages Web est quelque peu déroutant. La plupart des éditeurs Web ne disposent pas d'un simple bouton sur lequel ajouter du son, mais il est possible d'ajouter de la musique de fond à votre page Web Dreamweaver sans trop de problèmes, sans code HTML à apprendre.

N'oubliez pas que la musique de fond qui se diffuse automatiquement sans aucun moyen de la désactiver peut être agaçante pour beaucoup de gens, utilisez donc cette fonction avec précaution. Ce tutoriel explique comment ajouter du son avec un contrôleur et vous permet de décider si vous souhaitez ou non qu'il joue automatiquement.

Dreamweaver n’ayant pas d’option d’insertion spécifique pour un fichier son, vous devez donc insérer un plug-in générique pour en insérer une en mode Création, puis indiquer à Dreamweaver qu’il s’agit d’un fichier son. Dans le menu Insertion, allez dans le dossier multimédia et choisissez "Plugin".

02 de 07

Rechercher le fichier son

Dreamweaver ouvre une boîte de dialogue "Sélectionner un fichier". Naviguez jusqu'au fichier que vous souhaitez intégrer à votre page. Je préfère avoir mes URL relatives au document actuel, mais vous pouvez également les écrire relatives à la racine du site (en commençant par la barre oblique initiale).

03 de 07

Sauvegarder le document

Si la page Web est nouvelle et qu'elle n'a pas été enregistrée, Dreamweaver vous invite à la sauvegarder afin que le chemin relatif puisse être calculé. Jusqu'à ce que le fichier soit enregistré, Dreamweaver laisse le fichier audio avec un chemin chemin: // URL.

De même, si le fichier audio ne se trouve pas dans le même répertoire que votre site Web Dreamweaver, Dreamweaver vous invitera à le copier. C’est une bonne idée, afin que les fichiers du site Web ne soient pas éparpillés sur votre disque dur.

04 de 07

L'icône du plugin apparaît sur la page

Dreamweaver affiche le fichier audio incorporé sous forme d’icône de plug-in en mode Création. C’est ce que verront les clients qui n’ont pas le plug-in approprié.

05 de 07

Sélectionnez l'icône et ajustez les attributs

Lorsque vous sélectionnez l'icône du plug-in, la fenêtre Propriétés devient Propriétés du plug-in. Vous pouvez ajuster la taille (largeur et hauteur) à afficher sur la page, l'alignement, la classe CSS, les espaces vertical et horizontal autour de l'objet (espace v et espace h) et la bordure. Ainsi que l'URL du plugin. Je laisse généralement toutes ces options en blanc ou par défaut, car la plupart d'entre elles peuvent être définies avec CSS.

06 de 07

Ajouter deux paramètres

Vous pouvez ajouter de nombreux paramètres à la balise embed (les divers attributs), mais vous devez toujours en ajouter deux aux fichiers audio:

  • lecture automatiqueCela indique au navigateur Web si le son doit commencer immédiatement après son chargement (généralement juste après le chargement de la page) ou attendre la lecture. La plupart des gens sont agacés par les sites dont le son est défini sur autoplay = true.
  • manetteCela fournit à votre client un moyen de contrôler le fichier son - en l'éteignant ou en le rejouant depuis le début, etc. Si la lecture automatique est définie sur false, vous avez besoin d'un contrôleur pour que le son puisse démarrer (ou d'une fonction JavaScript pour l'activer).
07 de 07

Voir la source

Si vous êtes curieux de savoir comment Dreamweaver installe votre fichier audio, affichez le code source en mode code. Là, vous verrez la balise incorporée avec vos paramètres définis comme attributs. N'oubliez pas que la balise incorporée n'est pas une balise HTML ou XHTML valide. Par conséquent, votre page ne sera pas validée si vous l'utilisez. Mais comme la plupart des navigateurs ne supportent pas la balise object, c'est mieux que rien.