audio播放与暂停

audio标签的播放与暂停

实现效果
遇见问题:

不能实现暂停播放功能
第一次点击当前行会报以下错误,却可以播放文件
不能实现点击当前行播放,其他行暂停

代码展示(已解决第一个问题
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标签的播放、暂停、重播、进度拖拽等操作
前言最近在做题库项目的时候,需要对听力题进行手动控制等一系列操作,其中最主要的用到的一些方法就是loadeddata.timeupdate.ended等,次功能花了不少时间,此文仅作记录,不喜勿喷, ...
【Unity】Audio Source组件——用代码动态控制音效的播放、暂停
1.代码控制播放.暂停.停止给游戏物体添加Audio Source组件把音频文件拖入Audio Source组件的AudioCilp中创建一个脚本并挂载 using System.Collect ...
使用vue实现自己音乐播放器仿网易云移动端（audio、播放、暂停、上一首、下一首、展示评论、音量控制、进度条拖拽）
最终实现成果展示源码地址在线演示地址 - 网抑云音乐 1.播放暂停功能的实现这是audio标签 <audio @timeupdate="updateTime" @ca ...
H5多媒体（用面向对象的方法控制视频、音频播放、暂停、延时暂停）
视频,音频播放器会是我们在工作中用到的一些h5新标签,它自带一些属性,比如暂停播放,快进快退,但是,我们经常不用原生的样式或者方法,我们需要自定义这些按钮来达到我们需要的样式,也需要我们自定义来实现一 ...
python+tkinter+threading制作多线程简易音乐播放器（自动播放，上一曲，下一曲，播放，暂停，实时显示歌曲名并能自动切换歌曲的功能）
https://blog.csdn.net/qq_41962782/article/details/80106158 小弟是小白因大作业,在此博文的基础上,我增加了歌曲目录的选择,自动播放,实时显示歌 ...
Vue3+TypeScript实现网易云音乐WebApp（播放界面：播放、暂停、音量控制、播放进度控制(点击/拖拽进度条)、上一首、下一首）
1. 成果展示真实接口地址本项目使用的是真实线上的网易云API 线上演示地址目前只做了每日推荐(需登录)以及排行榜功能,点个star吧大佬们! 项目GitHub地址 main分支是Vue3+Ty ...
关于微信、QQ语音消息，语音电话的时候控制应用音频播放以及暂停
最近项目中有这样的需求,要求在用户使用QQ或微信在录制或播放语音消息的时候可以自动暂停后台的音频播放,完毕后可以恢复播放. Android是多任务系统,Audio系统是竞争资源,Android2.2之 ...
【微信小程序】简易音乐播放器，进度条拖拉、音乐的播放与暂停
小程序简易音乐播放器实现粗糙的页面设计: wxml部分: <view class="test"><view class="img">& ...
怎么隐藏audio播放器的播放进度条，只保留播放按钮？
怎么隐藏audio播放器的播放进度条,只保留播放按钮? 截图在页面最右边的button中嵌套了audio音频播放器,播放器默认的样式有一个播放进度条,导致页面宽度被撑开了,布局被破坏. 第一种: 第 ...

audio播放与暂停

audio标签的播放与暂停

问题3,待解决

audio播放与暂停相关推荐

最新文章

热门文章