通知声音在移动浏览器上不起作用答案

【问题标题】：Notification sound not working on mobile browswer's通知声音在移动浏览器上不起作用
【发布时间】：2016-09-29 09:56:55
【问题描述】：

我有一个类似下面的 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>

在上面的代码中，“play”变量就像一个包含 true 或 false 值的标志，它在 play=='true' 时播放声音。上面的代码在我的笔记本电脑浏览器上运行良好，但是当我通过我的手机访问该页面，声音不会播放。我做了一些研究，但我无法弄清楚如何在我的情况下做到这一点。我对这个领域很陌生，如果这个问题毫无意义，我很抱歉，但是任何人都可以帮助我。我想让它也适用于移动浏览器。提前谢谢你。

【问题讨论】：

标签： javascript android jquery twitter-bootstrap mobile

【解决方案1】：

您需要为所有设备（.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

【讨论】：

当我通过创建按钮并使用 onclick 事件单击它来触发相同的功能时，即使在移动设备中它也确实播放了该声音。
这里可能有一些东西：www.mediaflash.ca/jimscroll/examples/navigationV.html :)
我认为移动浏览器的编码方式不会自动播放音频/视频，所以认为这可能就是我面临这个问题的原因。