龙空技术网

html使用这种audio音频标签,用户需要首先与页面进行了交互。

kingkangone 86

前言:

今天各位老铁们对“html触发声音”大概比较注意,看官们都需要知道一些“html触发声音”的相关内容。那么小编在网上收集了一些有关“html触发声音””的相关知识,希望大家能喜欢,看官们一起来了解一下吧!

html使用这种audio音频标签,当用户没有与页面发生交互(也就是输入了网址,没有点击网页任何位置),就会报下面的错误

DOMException: play() failed because the user didn’t interact with the document first.

实际上,根据安全策略,现代的浏览器在尝试自动播放音频时可能会阻止播放,除非用户首先与页面进行了交互。

解决:

为了避免这个错误并让音频播放有声音,您可以尝试以下几种方法:

用户交互触发播放:在用户与页面有交互时,例如点击按钮或执行其他事件时,再调用音频的play()方法进行播放。这样的交互可以满足浏览器的要求,并且能够成功播放音频。使用muted属性:将音频元素的muted属性设置为true,这种方法可能会导致浏览器自动将音频静音,因此在采用这种方法时需要权衡。浏览器设置

edge:

google:

所以用这类标签要注意!

标签: #html触发声音 #htmlaudiobase64