Comment ajouter de l'audio à votre HTML5 et pages web CSS3 base
HTML a soutenu les images pendant une longue période, mais maintenant il fonctionne aussi bien avec des fichiers audio. Ceci est une percée majeure, tant audio précédemment requis des programmes externes comme Flash.
Il est assez facile d'ajouter du son à une page Web en HTML5 avec le nouveau tag. Voici le code pour la création de cette page:
audio.html Démo Audio
Musique: J.S. Bach "Allemande" Partita pour violon n ° 2
Bien que presque tous les navigateur actuel prend en charge la balise, ils ne peuvent toujours pas d'accord sur le format à soutenir. Certains navigateurs en charge les fichiers MP3, certains soutiennent une norme plus récente, appelée Ogg, WAV et certains de support.
La meilleure façon d'être sûr que les pièces sonores est de fournir deux formats différents. Souvent, y compris les formats OGG et MP3 audio assure que va jouer sur tous les principaux navigateurs.
Pour ajouter un fichier audio à votre page, procédez comme suit:
Ajoutez la balise audio à votre page.
L'étiquette indique où un fichier audio sera placé. Où vous placez la balise dans le code correspond à l'endroit où les contrôles apparaissent.
Tourner sur les contrôles.
Vous pouvez spécifier un panneau de commande avec l'attribut. Cela provoque une petite commande à apparaître. Si vous laissez cette directive sur, il n'y aura pas de panneau de commande, ce qui signifie que l'utilisateur ne sera pas en mesure de jouer le clip.
Créer aelement ou deux.
A l'intérieur de la paire, ajouter un ou plusieurs éléments. Chaque élément de la source indique un fichier, vous lier.
Réglez thesrcattribute pour indiquer le fichier.
L'attribut de la balise est utilisée pour indiquer le nom de fichier du fichier audio que vous souhaitez jouer.
Ajouter un autre code pour les anciens navigateurs.
Tout code HTML supplémentaire entre les balises et sera interprété uniquement par les navigateurs qui ne comprennent pas la balise sonore. Vous pouvez ajouter une ancre ordinaire pour télécharger l'effet sonore si vous le souhaitez. De cette façon, même ceux avec les anciens navigateurs peut entendre ce qu'ils manquent.
-
Comment insérer des fichiers audio et vidéo dans Dreamweaver -
Comment insérer un objet sonore audio dans un diaporama PowerPoint 2013 -
Comment utiliser la balise canvas dans votre jeu de html5 -
Décomposer les éléments de HTML5 - Fichiers de code pour HTML5 et CSS3
-
Comment ajouter des images à votre HTML5 et CSS3 pages Web en fonction
Comment ajouter de la vidéo à votre HTML5 et CSS3 pages Web en fonction La capacité de jouer des vidéos via HTML est une percée majeure, et il est pas difficile à mettre en œuvre. Vous pouvez utiliser une balise pour ajouter la vidéo à votre page web, et la vidéo joue directement dans le navigateur sans…
Comment créer des paragraphes en HTML5 Paragraphes apparaissent plus souvent que tout autre bloc de texte dans les pages Web. Rappelez-vous, cependant, que les navigateurs HTML ne reconnaissent pas des retours que vous entrez lorsque vous créez votre page à l'intérieur d'un éditeur.…
Comment inclure des liens dans votre page Web de HTML5 La H signifie en HTML hypertexte, qui est un terme de fantaisie pour liens, qui donnent vie aux pages Web que vous construisez. Il est très facile d'ajouter un lien - voire deux - à une page web, comme dans cette capture d'écran:Le code de cette…
Maître HTML5 audio balisage Simplement dit, il ya deux éléments multimédias primaires pour HTML5, qui sont tous deux absurdement facile à utiliser. L'élément audio est nommé , et l'élément de vidéo est nommé . En HTML5, le navigateur détermine quels joueurs sont…
Maître vidéo HTML5 balisage Simplement dit, il ya deux éléments multimédias primaires pour HTML5, qui sont tous deux absurdement facile à utiliser. L'élément de vidéo est nommé , et l'élément audio est nommé .Contrairement audio, qui ne fait pas réellement besoin…
Ajout d'une vidéo, screencast, et des fichiers audio dans iBooks Author Vous pouvez ajouter iPad compatible MPEG-4 vidéo (.m4v) Des fichiers à vos iBooks Author texte - y compris des films et des screencasts - et audio AAC (.m4a ou .m4v) Des fichiers. Mais vous ne pouvez pas utiliser les méthodes d'importation ou…
Choisir d'utiliser ou non le son sur vos pages web Beaucoup de gens veulent avoir une bande son ou de la musique d'ambiance sur leurs sites Web. Les sons peuvent rendre l'utilisation du site plus agréable et contribuer à sa personnalité. Idéalement, l'utilisateur serait en mesure de transformer…
Comment ajouter du son à votre page avec coffeecup Bien qu'il ne soit pas nécessairement une bonne idée d'ajouter du son à votre page Web, CoffeeCup fait un excellent travail de soutenir l'intégration de sons. Suivez ces étapes pour ajouter du son à une page Web dans CoffeeCup:L'utilisateur…
Comment lier CSS externe à une page Pour créer un lien d'une page HTML à une feuille externe de style en cascade (CSS), il suffit d'insérer une simple ligne de code dans la tête de votre page qui référence le nom et l'emplacement du fichier CSS externe par rapport au niveau de…
Lien vers les fichiers audio téléchargeables Fournir un lien afin que les visiteurs de votre site mobile peuvent télécharger un fichier audio est l'option la plus simple, surtout par rapport à la diffusion audio. Il est préférable de créer un lien vers les fichiers audio plutôt que…
Ajouter un fichier audio à un blog wordpress La parole est une bonne chose à ajouter à un blog WordPress si vous êtes un politicien ou un vendeur de voitures d'occasion. Et la musique est une bonne chose si vous êtes un musicien. Vous pouvez ajouter un fichier audio à votre…
Comment ajouter un fichier audio à un blog wordpress Les fichiers audio peuvent être des fichiers de musique ou un enregistrement de vous parler à vos lecteurs. Audio ajoute une belle touche personnelle à votre blog WordPress, et vous pouvez facilement partager des fichiers audio sur votre blog…
Comment insérer des fichiers audio dans votre blog wordpress Les fichiers audio peuvent être des fichiers musicaux ou des enregistrements vocaux, tels que des enregistrements de vous parler à votre blog WordPress lecteurs. Ces fichiers ajoutent une belle touche personnelle à votre blog. Vous pouvez…
Formats audio et vidéo pris en charge dans des éléments de photoshop 10 En plus des différents formats d'image, les éléments en charge les fichiers audio et vidéo. Le support est limitée à l'ajout et l'affichage des fichiers audio et vidéo dans l'Organisateur et l'impression de la première image d'un fichier…