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()在现有函数中可以工作，但作为单独的函数不起作用。

相关内容

热门资讯

无独有偶！pokernow辅助... 无独有偶！pokernow辅助工具，智星德州插件2024最新版，好像是真的有挂（有挂实锤）智星德州插...
备受关注的！wepoker作弊... 备受关注的！wepoker作弊视频，德扑之星透视软件免费入口官网，切实是真的有挂（有挂秘诀）1、游戏...
第三方辅助！wpk私人局有透视... 第三方辅助！wpk私人局有透视吗，如何下载德普之星辅助软件，一直存在有挂（有挂技巧）1、如何下载德普...
在玩家背景下！wepoker软... 在玩家背景下！wepoker软件靠谱么，智星德州插件怎么下载，竟然真的是有挂（有挂细节）1、玩家可以...
无独有偶！wepoker模拟器... 无独有偶！wepoker模拟器哪个，德普辅助器怎么用，真是是真的有挂（有挂方略）1、玩家可以在德普辅...
此事迅速冲上热搜！德州局HHp... 此事迅速冲上热搜！德州局HHpoker透视脚本，德扑之心免费透视，本来真的是有挂（有挂方法）1、德扑...
据权威媒体报道！hhpoker... 据权威媒体报道！hhpoker怎么破解，智星德州可以透视吗，确实真的是有挂（有挂分享）1、起透看视 ...
2026版辅助挂！德普之星有辅... 2026版辅助挂！德普之星有辅助软件吗，德普之星app安卓版破解版，一直确实有挂（有挂教学）1、德普...
第三方技巧！德扑HHpoker... 第三方技巧！德扑HHpoker有挂吗，德扑之星的辅助工具介绍，果然是有挂（有挂规律）1、在德扑之星的...
有消息称！微扑克透视脚本，德扑... 有消息称！微扑克透视脚本，德扑之星怎么设置埋牌，竟然真的是有挂（有挂实锤）1、德扑之星怎么设置埋牌辅...