web-dev-qa-db-fra.com

Lire un fichier son dans une page Web en arrière-plan

Je souhaite lire un fichier son sur ma page Web à l'arrière-plan (je ne souhaite pas que l'interface utilisateur du lecteur multimédia apparaisse), mon site Web s'exécutera sur Fire-Fox. J'ai utilisé l'élément Embed et défini l'attribut Hidden. pour être vrai <embed name="myMusic" src="Masgon.mp3" type="audio/midi" autostart="false" Hidden="true" loop="true"></embed> le problème est qu'aucun son n'est joué à moins que je supprime l'attribut masqué dans ce cas, le fichier son est joué et l'interface utilisateur du lecteur multimédia apparaît, mais je ne le souhaite pas.

19
Java Player
<audio src="/music/good_enough.mp3">
<p>If you are reading this, it is because your browser does not support the audio element.     </p>
</audio>

et si vous voulez les contrôles

<audio src="/music/good_enough.mp3" controls>
<p>If you are reading this, it is because your browser does not support the audio element.</p>
</audio>

et aussi en utilisant embed

<embed src="/music/good_enough.mp3" width="180" height="90" loop="false" autostart="false" hidden="true" />
27
topcat3
<audio src="/music/good_enough.mp3" autoplay>
<p>If you are reading this, it is because your browser does not support the audio element.     </p>
<embed src="/music/good_enough.mp3" width="180" height="90" hidden="true" />
</audio>

Ça marche très bien pour moi.

8
Adrian

Bien que cela puisse être trop tard pour le commenter, voici le code de travail pour des problèmes comme le vôtre.

<div id="player">
    <audio autoplay hidden>
     <source src="link/to/file/file.mp3" type="audio/mpeg">
                If you're reading this, audio isn't supported. 
    </audio>
</div>
4
Akash Adhikari
<audio controls autoplay loop>
  <source src="path/your_song.mp3" type="audio/ogg">
  <embed src="path/your_song.mp3" autostart="true" loop="true" hidden="true"> 
</audio>

[ps. remplacez le "path/your_song.mp3" par le dossier et le titre de la chanson, par exemple. "music/samplemusic.mp3" ou "media/bgmusic.mp3" etc.

Avec moi, le problème a été résolu en supprimant l'attribut type:

<embed name="myMusic" loop="true" hidden="true" src="Music.mp3"></embed>

Cerntainly pas la manière la plus propre.

Si vous utilisez HTML5: MP3 n'est pas pris en charge par Firefox. Wav et Ogg sont bien . Ici vous pouvez trouver un aperçu du support audio de quel type d’audio: http://www.w3schools.com/html/html5_audio.asp

1
Robin V.

Si vous ne voulez pas afficher les contrôles, essayez ce code 

<audio  autoplay>
 <source src="song.ogg"  type="audio/ogg">
Your browser does not support the audio element.
</audio>
0
jins