监听audio事件
2022/3/5 6:15:43
本文主要是介绍监听audio事件,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
1、界面上:
- <!--音频-->
- <audio v-if="showAudio"
- ref="audioRef"
- class="bgMusic"
- controls
- :autoplay="true"
- style="display: none"
- @ended="overAudio"
- @pause="onPause"
- @play="onPlay"
- >
- <source :src="audioUrl" type="audio/mpeg">
- </audio>
2、js部分:
- /**
- * audio自身事件
- * */
- // 当音频播放
- onPlay () {
- console.log('开始播放声音');
- },
- // 当音频暂停
- onPause () {
- console.log('暂停播放声音');
- },
- //播放完毕执行
- overAudio(){
- console.log('播放声音完毕');
- this.audioArr.forEach(item=>{
- item.isStart = true;
- })
这篇关于监听audio事件的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-06-05做软件测试需要懂代码吗?
- 2024-06-0514-ShardingSphere的分布式主键实现
- 2024-06-03为什么以及如何要进行架构设计权衡?
- 2024-05-31全网首发第二弹!软考2024年5月《软件设计师》真题+解析+答案!(11-20题)
- 2024-05-31全网首发!软考2024年5月《软件设计师》真题+解析+答案!(21-30题)
- 2024-05-30【Java】百万数据excel导出功能如何实现
- 2024-05-30我们小公司,哪像华为一样,用得上IPD(集成产品开发)?
- 2024-05-30java excel上传--poi
- 2024-05-30安装笔记本应用商店的pycharm,再安排pandas等模块,说是没有打包工具?
- 2024-05-29java11新特性