通知声音无法在移动浏览器

时间:2016-09-29 09:56:55

标签: javascript android jquery twitter-bootstrap mobile

我有一个如下的javascript代码:

<script type="text/javascript" charset="utf-8">
        function addmsg(count, play){
        if(play == 'true')
        {               
            $("#my_audio").get(0).play();
        }
        }

</script>
<html>
  <audio id="my_audio" src="popsound.mp3"></audio>
</html>

在上面的代码&#34; play&#34;变量就像一个包含真值或假值的标志,它在播放==&#39; true&#39;时播放声音。上面的代码在我的笔记本电脑浏览器上工作正常,但是当我访问该页面时通过我的手机,声音无法播放。我做了一些研究,但在我的案例中我无法弄清楚如何做到这一点。我对这个领域很新,很抱歉,如果这个问题毫无意义,但任何人都可以帮助我。我想让移动浏览器也能正常工作。提前谢谢你。

1 个答案:

答案 0 :(得分:0)

您需要为所有设备(.ogg和.mp3)添加不同的格式。

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio> 

来源:http://www.w3schools.com/html/html5_audio.asp