即将上线的 Case 花了不少时间在调校手机网页与电脑网页互动的工作,是使用 Nodejs 来达成,但这篇讲的主题跟 Nodejs 无关,而是在制作手机版网页时用到 audio 标签用以播放音效所遇到的问题。
情况描述:Case 中有个互动效果是当使用者开启手机版网页后,会进行互动并播放 GIF 动画(噢,许多旧版本的 Android 装置是无法播放 GIF 动画的,这点也要提一下),动画播放过程中会播放音效。
在 Android 的内建浏览器中可自动播放音效,但在 Android 的 Chrome Beta 与 iPhone/iPad 上的 Safari 却无法正常播放,一点声音也没有。而且在台式电脑上都可正常地播放。
为什么呢?