博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html audio basic funcs
阅读量:7143 次
发布时间:2019-06-28

本文共 1498 字,大约阅读时间需要 4 分钟。

hot3.png

<	
test audio
Your browser does not support the audio tag.
暂停
上一首
下一首
后退5s
前进5s
速度 X 0.5
var am = { index : 0, musics : [ "music/yixiangren.mp3",  "music/dukou.mp3",  "music/gebenhagendetonghua.mp3", "music/ruguoyoulaisheng.mp3" ] }; $(document).ready(function(){ $("#btn_pause").click(function(){ $("#myaudio")[0].pause() }); $("#btn_pre").click(function(){ if(am.index <= 0){ alert("已经是第一首啦") return; } am.index--; $("#myaudio").attr("src", am.musics[am.index]); $("#myaudio")[0].load(); }); $("#btn_next").click(function(){ if(am.index >= am.musics.length-1){ alert("已经是最后一首啦") return; } am.index++; $("#myaudio").attr("src", am.musics[am.index]); $("#myaudio")[0].load(); }); $("#btn_back5s").click(function(){ var t = $("#myaudio")[0].currentTime - 5 if(t < 0){ t = 0 } $("#myaudio")[0].currentTime = t; }); $("#btn_forward5s").click(function(){ var t = $("#myaudio")[0].currentTime + 5 if(t > $("#myaudio")[0].duration){ t = $("#myaudio")[0].duration } $("#myaudio")[0].currentTime = t; }); $("#btn_speed").click(function(){ // $("#myaudio").attr("playbackRate", 0.5); $("#myaudio")[0].playbackRate = 0.5; }); $("#myaudio").attr("src", am.musics[am.index]); $("#myaudio")[0].load(); });

转载于:https://my.oschina.net/cwzhang/blog/524961

你可能感兴趣的文章
Pam认证模块
查看>>
解决tomcat"Could not reserve enough space for object heap"
查看>>
sersync实现主机实时双向同步
查看>>
卸载并重新配置mysql服务
查看>>
同行的一个案例---删除表,需要恢复
查看>>
python splinter 小坑说明
查看>>
JAVA并行框架:Fork/Join
查看>>
控制input输入格式
查看>>
linux系统上安装java
查看>>
38.进程管理与计划任务---PS、Top、Crontab
查看>>
0301_互连模拟
查看>>
一次XEN启动中的错误捕获
查看>>
重大里程碑:顶级科学家达成23条人工智能发展原则!
查看>>
esxi嵌套华为Fusioncomputer安装VRM几个关键步骤。
查看>>
/etc/init.d/mysqld:line 260:my_print_defaults:command not found
查看>>
DNS设置引起的登录延迟
查看>>
*** $CI =& get_instance() 用法:关于CodeIgniter中get_instance() 函数
查看>>
简单的ISIS协议的路由重分发实验详解
查看>>
Python模块学习--shutil和hashlib和json
查看>>
Linux防火墙iptables学习笔记(一)入门要领
查看>>