在 iOS 中以编程方式从 html5 画布播放声音剪辑？答案

【问题标题】：Play sound clips programmatically from html5 canvas in iOS?在 iOS 中以编程方式从 html5 画布播放声音剪辑？
【发布时间】：2014-08-15 12:09:51
【问题描述】：

我希望可以制作交互式演示文稿，使用画布在某些用户事件上播放声音，并且让它正常工作并在 iOS 上加载，无论是作为移动网站，phonegap 类型的东西, 或包装的 webview。我知道 html5 和视频在 iOS 上完全是死胡同（愚蠢），因为没有自动播放并且没有吞噬所有点击问题。如果我不使用视频而只是四处移动图片（也可以考虑带有按钮的“Ken Burns 效果”），并且我希望在单击按钮时播放一些简短的音频剪辑，这是否适用于 iOS 或是否有疯狂no-autoplay-no-preload 限制也可以防止这种情况？任何指向工作示例的指针也可以，搜索这个问题的信噪比非常糟糕。 ;-)

【问题讨论】：

相同的限制适用于 iOS 上的视频和音频。您必须获得用户的直接物理交互才能开始播放或预加载。

标签： ios html5-canvas html5-video html5-audio

【解决方案1】：

要在 iOS 和 android 上播放音频，您必须使用 html5 音频标签。

<audio controls>
  <source src="yourFile.mp3" type="audio/mp3">
</audio>

这带有内置控制。如果你想要自定义外观和填充，那么 jquery 中有一些库，你可以使用它。

【讨论】：