Audio.play()在鼠标点击事件中可以正常工作，但在触摸事件中无法工作，显示“DOMException:play()failedbecausetheuserdidn'tinteractwiththedocument”。 _编程开发

Audio.play()在鼠标点击事件中可以正常工作，但在触摸事件中无法工作，显示“DOMException:play()failedbecausetheuserdidn'tinteractwiththedocument”。

创始人

2024-09-22 02:31:59

0次

触摸事件需要用户的主动参与，因此一些浏览器阻止了自动播放声音。为了解决这个问题，可以在触摸事件的回调函数中添加一个空的音频播放，并在用户触摸屏幕后立即播放声音。以下是示例代码：

// 声音文件的URL
const audioUrl = "path/to/sound.mp3";
// 创建 Audio 对象
const audio = new Audio(audioUrl);

// 在触摸事件回调函数中添加音频播放
document.addEventListener("touchstart", function() {
  // 设置音频播放器的音量为 0
  audio.volume = 0;
  audio.play().then(function() {
    // 在音频播放时将音量调整为 1，以使声音正常播放
    audio.volume = 1;
  });
});

上一篇：Audio.play()在iOS用户代理下不起作用。

下一篇：audio.play()在现有函数中可以工作，但作为单独的函数不起作用。

Audio.play()在鼠标点击事件中可以正常工作，但在触摸事件中无法工作，显示“DOMException:play()failedbecausetheuserdidn'tinteractwiththedocument”。

相关内容

热门资讯