HTML5：如何在每个移动设备上播放声音

Question

我想知道如何在每个移动设备上播放声音。

• iPhone / ipad公司
• 的Android
• Windows Phone 7
• Windows Phone＆lt; = 6.5
• 的Symbian
• 黑莓
• Bada

这应该用作Webapp（HTML）。

Answer 1

这是您在每个设备的页面中实现HTML5音频的方式：

<audio controls preload>
    <source src="path/to/file.ogg" type="audio/ogg" />
    <source src="path/to/file.mp3" type="audio/mpeg" />
    <!--
    Here comes the Flash (in case you want any) fallback,
    or you can write something here like this
    -->
    <p class="error-message">Try another browser...</p>
</audio>

如果您尝试通过SSL使用它，它将无法正常工作，请阅读：https://stackoverflow.com/a/10089632/819194 这就是我们已经想到的以及我们如何解决我们的问题。

问候！

Answer 2

不确定Bada，但是避免使用Flash，而是使用JavaScript或服务器端浏览器/设备检测来提供 .mp3 或 .ogg 文件应涵盖大多数基础