如何在 Noty 通知中添加声音

Posted 2023-05-08

【中文标题】如何在 Noty 通知中添加声音

【英文标题】：How to add sound to Noty notification

【发布时间】：2019-06-03 15:11:13

【问题描述】：

我正在尝试向我的 Laravel 5.7 应用程序的 Noty 实例添加声音，但似乎遇到了一些问题。我得到的错误是Uncaught(in promise) DOMException 和Get... 404，但我在VScode 中使用Path intellisense 插件，所以我确信它是正确的。这是我的代码：

 new Noty(
        text:'Example',
        type:'info',
        timeout:2000
    ).on('onShow', function() 
                var audio = new Audio('../../../public/sounds/appointed.mp3');
                audio.play();
            )
        .show();

非常感谢您的帮助

【问题讨论】：

修复new Audio('/sounds/appointed.mp3')路径。

@ljubadr 帖子应该是正确的路径

虽然 '../../../public/sounds/appointed.mp3' 在您使用编辑器时是正确的相对路径，但它在服务器上不存在 (404)。应使用/ 访问public/ 文件夹中的文件。所以你的 mp3 文件应该使用/sounds/appointed.mp3（没有public/）来访问。通过尝试加载 mp3 文件来测试它http://localhost/sounds/appointed.mp3

啊，谢谢你，我会试一试

@ljubadr 你能把这个作为答案发布吗

【参考方案1】：

虽然../../../public/sounds/appointed.mp3 在您使用编辑器时是正确的相对路径，但它在服务器上不存在（404 页面）。

应使用/ 访问public/ 文件夹中的文件。

您的 mp3 文件应使用/sounds/appointed.mp3（不带public/）访问。

尝试加载mp3文件http://localhost/sounds/appointed.mp3进行测试