h5 播放.mp3 音频

效果图如下要实现的功能是一个音频列表点击对应的音频进行播放暂停操作

1. html代码

 <div onclick="bf('${srtList.commentContent}');" ondblclick="zt()" id="control" class="vartBox"><img class="vartImg" src="${pageContext.request.contextPath }/static/works/images/03.png" class="missingIcon" />${srtList.voiceLength}s</div>

<!-- 播放音频 -->
<audio src="" controls="controls" preload id="audio" hidden >

2.js方法

 //单击播放       function bf(url){var audio = document.getElementById('audio'); audio.src = url; //动态赋值audio.play();//audio.play();// 这个就是播放  }//双击暂停
function zt(){var audio = document.getElementById('audio'); audio.pause();// 这个就是暂停
}//播放结束  自动触发
var audio = document.getElementById('audio'); audio.addEventListener("ended", function() {}, false)

参考博客

https://blog.csdn.net/rocling/article/details/82050767

h5 播放.mp3 音频相关推荐

Python播放MP3音频文件
Python播放MP3音频文件(转载) 按推荐顺序排列 ①使用playsound库 from playsound import playsoundplaysound('xx.mp3') ②使用pyga ...
ios端无法播放mp3音频 ffmpeg mp3 转aac
最近用到ffmpeg,需要把mp3转成aac,调用以下命令参数: 如果不加 -strict experimental ios端可能播放MP3音频失败 ffmpeg -i xxx.mp3 -acodec ...
记录-java如何播放mp3音频的
原文链接: https://blog.csdn.net/xietansheng/article/details/85056358 使用JLayer类来播放mp音频 (Java Layer)是一个用于播 ...
SoundPool播放.mp3音频
之前做了一个需求是在接收到推送时给一个自定义的提示音,比较了一下MediaPlayer.SoundPool等几种播放方式,最终选择了SoundPool. 但是遇到了坑,在此记录一下,12s的音频在大 ...
【代码】Python播放MP3音频文件
按推荐顺序排列 ①使用playsound库 from playsound import playsoundplaysound('xx.mp3') ②使用pygame库 from pygame impo ...
解决nw.js中无法播放mp3音频问题
最近有个项目使用nw.js开发的桌面应用,在开发中发现nw.js默认不能播放mp3,我是用的版本是最新的nwjs-v0.16.1-win-64版本的.由于MP3编码属于专利编码,非开源授权的,所以在n ...
uniapp实现点击播放mp3音频文件
需要在main.js中加入以下代码: Vue.prototype.ScanAudio = function() {var music = null;music = uni.createInnerAud ...
termux播放mp3音频
github解决方案:https://github.com/termux/play-audio 曲线救国:https://steemit.com/utopian-io/@rufans/how-to-p ...
【代码+实例】Python播放MP3音频作为背景音乐
来源:百度动图还记得之前发表的3D星空图吗?一直想给喜欢的星空图加上背景图片和音乐. 经过研究终于实现啦!戳 Python画好看的星空图(唯美的背景) 本文就教大家怎么在Pyth ...

h5 播放.mp3 音频

h5 播放.mp3 音频相关推荐

最新文章

热门文章