电话锁定期间可以触发音频播放吗

Question

我正在制作一个网络聊天应用程序，现在我需要在新消息到达时播放通知声音。

首先我使用howler.js 来播放声音。在 howler 中，我们可以开始播放声音，然后如果我们锁定屏幕或更改浏览器选项卡焦点，它会继续播放。 但是如果标签页打开并且手机屏幕被锁定，它不会开始播放声音，如果用户在另一个标签页上打开另一个标签页上的应用程序，它也不会播放。

所以基本上我的问题是，是否可以在屏幕锁定时开始播放声音，或者当用户在另一个选项卡上时开始播放声音？

app.js

var notify_sound = new Howl({
    src: ['./assets/sounds/notify2.mp3'],
    volume: 1.0
});
.
.
.
.
.
.
.
.
if(type == "user"){
        if(userAddress == remoteAddress) {
            typing.html('').fadeOut('fast');
            messages.append('<li class="self"><p class="message">'+ obj.message + '</p><p class="time">' + time +'</p></li><p class="username_self">' + userAddress + '</p>');
        }
        else {
            typing.html('').fadeOut('fast');
            messages.append('<li class="other"><p class="message">'+ obj.message + '</p><p class="time">' + time +'</p></li><p class="username_other">' + userAddress + '</p>');

            notify_sound.play();
        }
    }

Answer 1

HTML5 音频和移动设备并不能真正相处。 Howler.js（如果您使用的是 2.0）通过将事件处理程序附加到将触发播放的第一个触摸事件来使用一种解决方法来让音频完全“自动播放”。如果视图未激活，则不会有触摸事件（甚至是模拟事件）来触发播放。

来自文档：

移动播放

默认情况下，iOS、Android 等设备上的音频会被锁定，直到发出声音 在用户交互中播放，然后正常播放其余部分 页面会话（Apple 文档）。的默认行为 howler.js 是尝试通过播放来静默解锁音频播放 第一个 touchend 事件的空缓冲区。这种行为可以 通过调用禁用：

Howler.mobileAutoEnable = false;

如果没有最初的互动，你就无能为力了。