说明: 需求要求这个音频标签首先要是可适配移动端浏览器的,音频样式就是参考微信做的。 最终效果如下: 具体实现 思路: H5 的 <audio> 标签是由浏览器负责实现 ...
lt body gt lt audio src b.mp controls controls preload id music hidden gt lt audio gt lt span onclick control gt 播放 暂停 lt span gt lt span onclick repeat gt 重播 lt span gt lt script gt function repeat ...
2017-11-09 11:26 0 15785 推荐指数:
说明: 需求要求这个音频标签首先要是可适配移动端浏览器的,音频样式就是参考微信做的。 最终效果如下: 具体实现 思路: H5 的 <audio> 标签是由浏览器负责实现 ...
分享站又有新功能了:将文件站上的语音文件正确播放出来。效果图: 暂停: 播放: 实现的效果:类似于音乐播放器一般,但是较之更简单一些,可以正常播放语音,有拖动、快进后退效果便可。 思路: 首先想到的便是利用H5中的audio ...
<audio id="audio" src='music.mp3'></audio> <script type="type/javascript"> $("#audio")[0].play();//播放 $("#audio")[0].pause ...
$(".gameSound").bind("click",function() { var audio = document.getElementById('music1 ...
<!DOCTYPE HTML><html><head><meta charset="utf-8"><meta name="viewport" co ...
audio不仅是一个标签,也是window下的一个对象,作为对象,具有一些对象属性和对象方法: 对象属性: currentTime:获取当前播放时间 duration:获取歌曲的总时间 pause:是否暂停,返回布尔值 对象方法: play ...
//html部分 <audio controls src="http://sc1.111ttt.com/2016/1/12/09/205090905133.mp3"></audio> <audio controls src="http ...