我是靠谱客的博主 诚心缘分,最近开发中收集的这篇文章主要介绍audio播放与暂停,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

audio标签的播放与暂停

实现效果
在这里插入图片描述遇见问题:

  1. 不能实现暂停播放功能
  2. 第一次点击当前行会报以下错误,却可以播放文件
  3. 不能实现点击当前行播放,其他行暂停
    在这里插入图片描述
    代码展示(已解决第一个问题
    html在这里插入图片描述
    data
    在这里插入图片描述
    methods
    在这里插入图片描述问题1:解决方法
<audio ref="audio" autoplay :src="src" @ended="audioEnd" ></audio>

autoplay:属性规定一旦视频就绪马上开始播放
@ended=“audioEnd”:是音频结束播放后执行的方法

问题2:解决方法
这是我的src没有正确赋值的问题

this.$refs.audio.src =
        process.env.VUE_APP_FILE_URL +
        "/crm/record/record-play/?recordid=" +
        this.record_uuid;

问题3,待解决

如果有知道方案的大神,就解答

最后

以上就是诚心缘分为你收集整理的audio播放与暂停的全部内容,希望文章能够帮你解决audio播放与暂停所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(46)

评论列表共有 0 条评论

立即
投稿
返回
顶部