Maison  >  Article  >  interface Web  >  Implémenter le code js de lecture de musique compatible avec divers navigateurs

Implémenter le code js de lecture de musique compatible avec divers navigateurs

小云云
小云云original
2017-11-18 10:00:102702parcourir

Parfois lorsque nous créons une page Web. Nous devons utiliser de la musique de fond, mais nous ne nous attendions pas à ce que certains navigateurs ne puissent pas la lire du tout. Alors, quel type de code js peut réaliser cette fonction compatible ? Si cela n’existe pas, l’éditeur ci-dessous partagera avec vous le code js pour la lecture en boucle de musique de fond compatible avec différents navigateurs.

var bgSoundFile = " 
if (navigator.userAgent.toLowerCase().indexOf("msie") != -1) 
{    document.write(&#39;<bgsound src="&#39; + bgSoundFile + &#39;" loop="-1">&#39;);
} else if (navigator.userAgent.toLowerCase().indexOf("firefox") != -1) 
{    document.write(&#39;<object data="&#39; + bgSoundFile + &#39;" type="application/x-mplayer2" 
width="0" height="0"><param name="filename" value="&#39; + bgSoundFile + &#39;">
<param name="autostart" value="1"><param name="playcount" value="infinite">
</object>&#39;);} 
else {    document.write(&#39;<audio src="&#39; + bgSoundFile + &#39;" autoplay="autoplay" loop="loop">
<object data="&#39; + bgSoundFile + &#39;" type="application/x-mplayer2" width="0" height="0">
<param name="filename" value="&#39; + bgSoundFile + &#39;"><param name="autostart" value="1">
<embed height="2" width="2" src="&#39; + bgSoundFile + &#39;" pluginspage="http://www.apple.com/quicktime/download/" 
type="video/quicktime" controller="false" controls="false" autoplay="true" autostart="true" loop="true" bgcolor="#000000">
</embed>
</object>
</audio>&#39;);
}

Ce qui précède est le code js qui peut réaliser une lecture en boucle de musique de fond compatible avec divers navigateurs. Peut-être qu'il pourra être utilisé à l'avenir, alors dépêchez-vous et enregistrez-le.

Recommandations associées :

Comment écrire un lecteur de musique Web à l'aide de HTML5

Bouton JS pour ajouter le code d'implémentation de la musique de fond

Exemple d'implémentation du lecteur de musique Java

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn