如何在浏览器上播放自定义警报声音？

Posted 2023-02-25

【中文标题】如何在浏览器上播放自定义警报声音？

【英文标题】：How to play customized alert sound on browser?

【发布时间】：2014-04-23 02:04:36

【问题描述】：

我想在浏览器上播放自定义的提示音。它将从我创建的 .wav 文件中播放。

目前，我正在使用 AngularJS 通过 $window.alert(alert_msg) 创建警报。但是，此功能没有声音。弹出提示框时如何在浏览器上播放自定义提示音？

AngularJS 方式将是首选。否则，普通的 javascript 或 jquery 也可以。

感谢您的帮助。

【问题讨论】：

无法播放声音，除非它们是由某种用户操作启动的 - 您是否触发了用户操作（例如点击）的警报？

没有。我正在检查后端数据库是否有一些新数据到达以触发警报。这会是个问题吗？有没有简单的播放声音的内置函数？

【参考方案1】：

你可以做到，当某些动作发生时，我会在我的应用中做到这一点：

var mp3 = $('<audio id="soundHandle" style="display:none;"></audio>').attr('src','sound/plop.wav');

$(mp3)[0].play();

所以你在 jquery 中创建对象，然后你只需定位对象并点击播放

【参考方案2】：

您可能需要编写一个自定义对话框。

看这个例子

Bootstrap 3 & AngularJS Dialog/Modals