如何当用户在浏览器中滚动时自动播放音乐文件

Question

背景

• 我正在使用 html、css 和 javascript 创建一个活动网页。
• 我希望当用户滚动并到达某个位置时播放音乐文件。

问题

• 我听说为了获得良好的用户体验而禁止随机播放声音，这可能吗？
• 桌面端和移动端都不能用吗？

Answer 1

向网页添加声音时考虑用户体验是正确的。自动播放声音可能会造成干扰，尤其是在意外发生或未经用户同意的情况下。但是，根据用户操作（例如滚动到某个位置）触发声音是可行的，并且可以通过尊重用户偏好的方式来完成。

对于桌面浏览器，可以使用 JavaScript 根据滚动位置触发声音。您需要检测滚动事件并根据特定阈值检查滚动位置来决定何时播放声音。

但是，对于移动设备来说，由于旨在防止意外音频播放的更严格的政策，自动播放声音可能更具挑战性，尤其是在基于触摸的交互方面。许多移动浏览器限制自动播放声音以防止干扰体验。在移动设备上，您可能需要提供明确的用户操作（例如按下按钮）来启动声音。