我是靠谱客的博主 诚心缘分,这篇文章主要介绍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播放与暂停内容请搜索靠谱客的其他文章。

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

评论列表共有 0 条评论

立即
投稿
返回
顶部