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

相关内容

热门资讯

第3分钟带你了解!新畅游互娱科... 第3分钟带你了解!新畅游互娱科技(透视挂)透视存在外挂开挂辅助安装(一直真的有挂) 了解更多开挂安装...
重大发现"越乡游辅助... 重大发现"越乡游辅助脚本"开挂(透视)辅助工具(果然是有挂)-哔哩哔哩；致您一封信；亲爱越乡游辅助脚...
六分钟带你了解!人海大厅脚本(... 六分钟带你了解!人海大厅脚本(透视挂)透视黑科技外挂开挂辅助脚本(一直是有挂)《详细加薇136704...
分享开挂内幕"大菠萝... 分享开挂内幕"大菠萝789辅助器下载"开挂(透视)辅助下载(原来确实是有挂)-哔哩哔哩;大菠萝789...
八分钟带你了解!八闽福建辅助(... 八分钟带你了解!八闽福建辅助(辅助挂)我来分享外挂开挂辅助神器(一直确实有挂)1、下载安装好八闽福建...
透视脚本"情怀宜春辅... 透视脚本"情怀宜春辅助挂定制交易平台"开挂(透视)辅助软件(一直是有挂)-哔哩哔哩；小薇（透视辅助）...
第3分钟带你了解!小程序牵手跑... 第3分钟带你了解!小程序牵手跑得有辅助器(透视挂)重大通报外挂开挂辅助平台(原来是有挂)；亲，小程序...
技术分享"微乐小程序... 技术分享"微乐小程序挂哪里"开挂(透视)辅助神器(原来真的有挂的)-哔哩哔哩;1、不需要AI权限，帮...
6分钟带你了解!闲逸碰胡辅助器... 6分钟带你了解!闲逸碰胡辅助器(辅助挂)科技揭秘外挂开挂辅助脚本(原来是有挂的);闲逸碰胡辅助器是一...
透视辅助"热血江湖手... 透视辅助"热血江湖手游辅助"开挂(透视)辅助平台(一直确实是有挂的)-哔哩哔哩；小薇（透视辅助）致您...