我正在使用 howler.js 播放音频并将实例声明为
sound = new Howl({
src: ['../assets/test.mp3'],
html5: true,
onpause: () => {
this.playButton = true;
} });
一切正常,但是当播放音频时,chrome android 会显示歌曲播放的通知,当我们通过通知暂停音频时,howler.js 不会检测到它。
请让我知道如何在我们的代码中检测到它。
我正在使用 howler.js 播放音频并将实例声明为
sound = new Howl({
src: ['../assets/test.mp3'],
html5: true,
onpause: () => {
this.playButton = true;
} });
一切正常,但是当播放音频时,chrome android 会显示歌曲播放的通知,当我们通过通知暂停音频时,howler.js 不会检测到它。
请让我知道如何在我们的代码中检测到它。
听起来像一个错误,我想你可以在项目的 tracker上打开一个问题。
对于一个丑陋的解决方法,您可以通过访问原始 HTMLAudioElement
const elem = sound
._sounds[0] // OP has only one media
._node; // the DOM element
该元素将适当地接收 DOM 事件,因此您可以直接挂钩它:
elem.addEventListener('pause', () => {
this.playButton = true;
});