首页 > 解决方案 > 当我们通过 chrome android 通知暂停音频时,howler.js 未检测到暂停事件

问题描述

我正在使用 howler.js 播放音频并将实例声明为

sound = new Howl({
  src: ['../assets/test.mp3'],
  html5: true,
  onpause: () => {
    this.playButton = true;
  }  });

一切正常,但是当播放音频时,chrome android 会显示歌曲播放的通知,当我们通过通知暂停音频时,howler.js 不会检测到它。

请让我知道如何在我们的代码中检测到它。

标签: javascriptangularhtml5-audiohowler.jsandroid-chrome

解决方案


听起来像一个错误,我想你可以在项目的 tracker上打开一个问题。

对于一个丑陋的解决方法,您可以通过访问原始 HTMLAudioElement

const elem = sound
  ._sounds[0] // OP has only one media
  ._node; // the DOM element

该元素将适当地接收 DOM 事件,因此您可以直接挂钩它:

elem.addEventListener('pause', () => {
  this.playButton = true;
});

推荐阅读