audio播放与暂停

audio标签的播放与暂停

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

  1. 不能实现暂停播放功能
  2. 第一次点击当前行会报以下错误,却可以播放文件
  3. 不能实现点击当前行播放,其他行暂停
    在这里插入图片描述
    代码展示(已解决第一个问题
    htmlaudio播放与暂停_第1张图片
    data
    audio播放与暂停_第2张图片
    methods
    audio播放与暂停_第3张图片问题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,待解决

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

你可能感兴趣的:(功能问题)