2017-09-08 8 views
0

Je suis un débutant écrit ma première page Web.jouer de l'audio en html en utilisant <audio>

Aujourd'hui, je suis en train de mettre une musique de fond sur elle et pour elle, j'ai écrit ceci:

</style> 
</head> 
<audio src = "cookingMusic.mp3" autoplay></audio> 
<body> 
<div class="container-fluid"> 
<div class="heading"> 

(la partie après avoir également omis)

Alors, je mets l'étiquette audio in- entre la tête et le corps. J'ai essayé plusieurs endroits différents aussi. Tous n'ont pas réussi à générer de l'audio. Le fichier cookingMusic.mp3 se trouve sur le bureau de mon ordinateur dans le même dossier que mon document HTML. Qu'est-ce que je fais mal?

+0

Salut maintenant j'ai une question brûlante. Cela a fonctionné, mais j'essaie maintenant de faire le même changement sur Github (c'est juste là où je garde ma page web), mais le référentiel ne prendra pas les fichiers mp3 comme un nouveau problème (c'est la seule façon que je connais et où je mets mes images). Comment puis-je intégrer l'audio dans ce cas? – turtlemeng

+0

Vous devez utiliser Git si vous souhaitez ajouter un fichier repo. Installez Git, clonez votre repo localement, placez le fichier dans le répertoire approprié, utilisez 'git add', puis' git commit -a -m "Ajout de fichiers MP3" ', puis poussez en utilisant quelque chose comme' git push -u origin maître ». – Brad

Répondre

-1

Votre partie audio devrait dans la balise body, comme ceci:

<body> 
    <audio autoplay> 
     <soruce src="cookingMusic.mp3" type="audio/mpeg"> 
    </audio> 
</body> 

Ne pas oublier de mettre un type comme je l'ai fait.

-1

<audio preload="auto" autoplay="autoplay"> 
 
    <source src="https://www.w3schools.com/tags/horse.mp3" type="audio/mpeg"/> 
 
</audio>

code ci-dessus va travailler très bien avec audio en ligne URL/chemin.
Vérifiez votre chemin audio et placez le chemin relatif complet avec un nom audio dans l'étiquette src.

0

Toutes les autres réponses sont très bien, mais si vous ne voulez pas d'autres personnes de voir votre lecteur audio puis ceci:

<audio loop autoplay> 
 
<source src="https://www.w3schools.com/tags/horse.mp3" type="audio/mp3"> 
 
</audio>

Loop est facultative. Mettez-le n'importe où dans votre étiquette de corps et ça marchera bien.

1

Merci, tout le monde, ça a marché! Parce que je saute entre le chinois et l'anglais, je pense que mes guillemets ont de nouveau été bousillés. Je les ai changés et j'ai eu la musique.

-1
<audio autoplay> 
    <soruce src="cookingMusic.mp3" type="audio/mpeg"> 
    </audio> 

Et mettez-le dans tout le monde tag <body>