解决audio标签报错

<audio :src="url"></audio>

这是错误信息

DOMException: The play() request was interrupted by a new load request.

解决方法：

<button @click="play">
<audioref="audio":src="currentSong.url"@canplay="ready"
></audio>
export default {data(){return {audioReady: false}}methods:{ready(){this.audioReady = true},play(){// 解决方法一： 这个方法不需要添加以上ready方法this.$nextTicker(()=>{this.$refs.audio.play()})// 解决方法二：if(!this.audioReady){return}this.$refs.audio.play()this.audioReady = false}}
}

这里扩展一下，如果有切换歌曲的话只能使用第二种方法在每次切换都要判断

audio标签报错：DOMException: The play() request was interrupted by a new load request.相关推荐

搭建dubbo项目解决dubbo.xml标签报错的问题
搭建dubbo项目解决dubbo.xml标签报错的问题参考文章: (1)搭建dubbo项目解决dubbo.xml标签报错的问题 (2)https://www.cnblogs.com/ajax-li/ ...
解决iview中＜/Input＞标签报错的方法
解决iview中标签报错的方法参考文章: (1)解决iview中标签报错的方法 (2)https://www.cnblogs.com/lanyb009/p/9246712.html 备忘一下.
js复制方法navigator.clipboard兼容性处理，控制台直接执行报错 DOMException: Document is not focused
js复制方法navigator.clipboard兼容性处理,直接执行报错 DOMException: Document is not focused 目录 js复制方法navigator.clipb ...
解决导入maven项目之后pom.xml中的project标签报错：批量删除没有下载完全的pom依赖bat脚本
报错现象: 导入maven项目之后pom.xml中的project标签报错. 问题原因: 这个项目我来来回回导入的很多次,有些依赖没有下完全,只下了一半.当我再一次导入该项目时,那些没有下载完全的依赖 ...
Eslint校验fragments标签报错
Eslint校验fragments标签报错简单排查, 貌似是因为Eslint在2020年08月12号更新了版本. 修改.新增了一些默认的校验rules. 新增rules(包含但不限于以下) 'rea ...
Edge浏览器安装插件报错：显示出现错误 Download interrupted
目录出现错误经过解决出现错误 Edge浏览器安装插件报错:显示出现错误 Download interrupted. 或者新换电脑无法同步安装插件. 经过查询后,较多为修改C盘下Host文件, ...
关于编辑器对input标签报错提示“表单输入没有相关label”的问题
相信很多朋友在制作表单的时候,我们的编辑器会有下图的相关提示吧我们发现虽然这样并不影响我们的正常使用,但是看着这样的报错提示总是很让人心烦,那么这到底是为什么呢? 其实,这是因为编辑器建议我们在使用 ...
primeNG DataTable中Templating ng-template标签报错
DataTable - Templating中自定义模板的时候报错:Template parse errors: 'ng-template' is not a known element: 解决:因为 ...
ES组件elasticsearch-head报错 npm ERR! Please include the following file with any support request
环境Ubuntu 1.报错信息: npm ERR! Please include the following file with any support request: npm ERR! /usr/ ...

audio标签报错：DOMException: The play() request was interrupted by a new load request.

解决audio标签报错

audio标签报错：DOMException: The play() request was interrupted by a new load request.相关推荐

最新文章

热门文章