Problèmes de compatibilité liés à l'insertion de fichiers audio dans HTML et à la lecture de fichiers audio dans la production de pages browser_HTML/Xhtml_Web

Parlons de certains des problèmes que j'ai résumés après avoir inséré des fichiers audio dans du HTML (lecture de fichiers mp3) via mes tests locaux :

1
Problème : Cela fonctionne bien sur IE8 (lu via le plug-in du lecteur multimédia) mais ne fonctionnera pas sur IE6 et IE7
Sur Firefox, vous devez installer QuickTime plug-in pour jouer
Chrome En le convertissant en balise sur html5, il peut être lu mais tout l'écran sera bleu
Opera ne jouera pas automatiquement

2. ;embed type="audio/midi" src ="" autostart=true loop=false>
Problème : il ne fonctionnera pas normalement sur IE6, IE7, mais il fonctionnera normalement sur IE8
Cela fonctionnera bien sur Firefox
Chrome nécessite un plug-in QuickTime sale pour jouer normalement
Opera ne sera pas lu automatiquement

3. : Il ne peut pas être joué sur IE6 et 7. IE8 affichera "Articx non utilisé normalement", etc. Le libellé invite
Normal sur Firefox
Normal sur Chrome
Opera non pris en charge

4.

Copiez le code Le code est le suivant :

, IE7 ne sont pas pris en charge, les autres navigateurs sont pris en charge, Opera ne peut pas être lu automatiquement

6 J'ai adopté l'approche suivante (exécutée sous jquery) :

<🎜. >


Copiez le code


Le code est le suivant :

if(navigator.userAgent.indexOf("Chrome") > ; -1){ S'il s'agit de Chrome : }else if（navigator.userAgent.indexOf("Firefox")!=-1){ S'il s'agit de Firefox :

}else if（navigator.appName.indexOf("Microsoft Internet Explorer")!=-1 && document .all) { Si c'est IE(6 ,7,8) :

}else if（navigator.appName.indexOf("Opera")!=-1）{
Si c'est Oprea :
< ;embed src="" type="audio/mpeg" loop="false">
}else{

}


ou





Copier le code

Le code est le suivant :

var ua = navigator.userAgent.toLowerCase(); )/)){

jQuery('#__alert_sound').html(''); } else if(ua.match( /firefox/([d.] )/)){ jQuery('#__alert_sound').html(''); }

else if(ua.match(/chrome/([d.] ) /)){

jQuery ('#__alert_sound').html('' );

}
else if(ua.match(/opera.([d.] )/)){
jQuery('#__alert_sound').html( '<bgsounds src="/sounds/alert/1.mp3">&lt ;/noembed>'); <br>} <br>else if(ua.match(/version/([d.] ).*safari/)){ <br>jQuery('#__alert_sound').html( '<audio src="/ sounds/alert/1.mp3" type="audio/mp3" autoplay="autoplay" Hidden="true"></audio>'); <br>} <br> else { <br>jQuery(' #__alert_sound').html('<embed src="/sounds/alert/1.mp3" type="audio/mp3" Hidden="true" loop="false" mastersound> </embed>'); <br>} <br><br> </div></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>Déclaration：</span><div>Le contenu de cet article est volontairement contribué par les internautes et les droits d&apos;auteur appartiennent à l&apos;auteur original. Ce site n&apos;assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn</div></div></div><div class="nphpSytBox"><span>Article précédent：<a class="dBlack" title="Afficher et masquer les éléments HTML via l'affichage ou la production de pages visibilité_HTML/Xhtml_Web" href="https://m.php.cn/fr/faq/11442.html">Afficher et masquer les éléments HTML via l'affichage ou la production de pages visibilité_HTML/Xhtml_Web</a></span><span>Article suivant：<a class="dBlack" title="Afficher et masquer les éléments HTML via l'affichage ou la production de pages visibilité_HTML/Xhtml_Web" href="https://m.php.cn/fr/faq/11447.html">Afficher et masquer les éléments HTML via l'affichage ou la production de pages visibilité_HTML/Xhtml_Web</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Articles Liés</h2><em><a href="https://m.php.cn/fr/article.html" class="bBlack"><i>Voir plus</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><ul class="nphpXgwzList"><li><b></b><a href="https://m.php.cn/fr/faq/348757.html" title="Résumé des connaissances HTML" class="aBlack">Résumé des connaissances HTML</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/348804.html" title="Comment apprendre le HTML rapidement" class="aBlack">Comment apprendre le HTML rapidement</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/348873.html" title="La différence entre htmlxhtmlxml" class="aBlack">La différence entre htmlxhtmlxml</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/348884.html" title="La différence entre les attributs src et href" class="aBlack">La différence entre les attributs src et href</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/348902.html" title="关于HTML5和CSS替换使用" class="aBlack">关于HTML5和CSS替换使用</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！</p></div><div class="footermid"><a href="https://m.php.cn/fr/about/us.html">À propos de nous</a><a href="https://m.php.cn/fr/about/disclaimer.html">Clause de non-responsabilité</a><a href="https://m.php.cn/fr/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了，就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body><!-- Matomo --><script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '9']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script><!-- End Matomo Code --></html>