Audio.play()在鼠标点击事件中可以正常工作，但在触摸事件中无法工作，显示“DOMException:play()failedbecausetheuserdidn'tinteractwiththedocument”。
创始人
2024-09-22 02:30:39
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()在现有函数中可以工作，但作为单独的函数不起作用。

相关内容

热门资讯

三分钟实锤！德州ai人工智能（... 三分钟实锤！德州ai人工智能（德州俱乐部）本来是真的有挂（详细辅助科技教程）德州ai人工智能辅助器中...
第9分钟实锤！德扑之星作弊（德... 第9分钟实锤！德扑之星作弊（德扑ai）果然真的是有挂（详细辅助教你攻略）1、全新机制【德扑之星作弊软...
2分钟实锤！德州之星辅助（nz... 2分钟实锤！德州之星辅助（nzt德州）真是有挂（详细辅助必胜教程）德州之星辅助辅助器中分为三种模型：...
第五分钟实锤！智星德州菠萝辅助... 第五分钟实锤！智星德州菠萝辅助器（德扑之星）切实是有挂（详细辅助技巧教程）该软件可以轻松地帮助玩家将...
第三分钟实锤！智星德州菠萝辅助... 第三分钟实锤！智星德州菠萝辅助器（智星德州）切实真的是有挂（详细辅助黑科技教程）第三分钟实锤！智星德...
4分钟实锤！德扑起手牌胜率图（... 4分钟实锤！德扑起手牌胜率图（wpk德州）一贯是真的有挂（详细辅助2025新版）1、下载好德扑起手牌...
8分钟实锤！德州微扑克辅助（线... 8分钟实锤！德州微扑克辅助（线上德州）真是有挂（详细辅助普及教程）1、点击下载安装，德州微扑克辅助插...
第一分钟实锤！德州ai机器人（... 第一分钟实锤！德州ai机器人（德州机器人）切实是有挂（详细辅助第三方教程）小薇（透视辅助）致您一封信...
第三分钟实锤！德扑之星作弊（手... 第三分钟实锤！德扑之星作弊（手机德州）都是有挂（详细辅助揭秘教程）；1）德扑之星作弊辅助挂：进一步探...
7分钟实锤！德扑ai智能（来玩... 7分钟实锤！德扑ai智能（来玩德州）本来真的有挂（详细辅助揭秘教程）1、德扑ai智能ai辅助优化，德...