绕过chrome浏览器音频自动播放限制

主动要求用户点击不可能,根本不可能!!!!

解决思路,监听鼠标移动,当然还有其他。。。。

vue亲测能用

mounted() {
      this.handleMouseMoveOnce();
    },
   methods: {
      //跳过用户点击事件打开声音
      handleMouseMoveOnce() {
        const handleMouseMove = (event) => {
          // 在这里执行你希望执行的逻辑
          this.$refs.ring.openSound()

          // 移除事件监听器
          document.removeEventListener('mousemove', handleMouseMove);
        };
        // 添加事件监听器
        document.addEventListener('mousemove', handleMouseMove);
      }
}

你可能感兴趣的:(vue)