js获取html5 audio 音频时长方法
2016-03-31 18:51
701 查看
<audio src="我的好兄弟.mp3" controls="controls" id="audio" style="width:500px; max-height:40px; background:#ccc">
您的老牛已经拉不动破车了,赶紧换了吧,想听中国好声音么?
</audio>
js:
var _audio = $('#audio')[0];
//默认的时候让所有的音频加载,否则在火狐ie等浏览器下由于jquery插件的存在导致onloadedmetadata事件不响应
_audio.load();
//音频加载完成后的一系列操作
function duration(){
if( _ReviewsBox.hasClass('homework-audio-loading') ){
return false;
}
var time = _audio.duration;
//分钟
var minute = time / 60;
var minutes = parseInt(minute);
if (minutes < 10) {
minutes = "0" + minutes;
}
//秒
var second = time % 60;
var seconds = Math.round(second);
if (seconds < 10) {
seconds = "0" + seconds;
}
//总共时长的秒数
var allTime = parseInt(minutes*60 + seconds);
}
_audio.onloadedmetadata = duration;
您的老牛已经拉不动破车了,赶紧换了吧,想听中国好声音么?
</audio>
js:
var _audio = $('#audio')[0];
//默认的时候让所有的音频加载,否则在火狐ie等浏览器下由于jquery插件的存在导致onloadedmetadata事件不响应
_audio.load();
//音频加载完成后的一系列操作
function duration(){
if( _ReviewsBox.hasClass('homework-audio-loading') ){
return false;
}
var time = _audio.duration;
//分钟
var minute = time / 60;
var minutes = parseInt(minute);
if (minutes < 10) {
minutes = "0" + minutes;
}
//秒
var second = time % 60;
var seconds = Math.round(second);
if (seconds < 10) {
seconds = "0" + seconds;
}
//总共时长的秒数
var allTime = parseInt(minutes*60 + seconds);
}
_audio.onloadedmetadata = duration;
相关文章推荐
- JavaScript之DOM-2 读取和修改节点信息(节点信息、元素的内容、属性)
- javascript跳跃式前进(2) - 作用域及引用类型
- javascript跳跃式前进(2) - 作用域及引用类型
- 如何通过实体组件系统在Javascript中构建游戏
- js实现图片左右垂直翻转
- JavaScript函数部分
- 超简单的js题
- JS中Date对象getYear()方法和getFullYear()方法区别
- 怎么设置JSP代码中算数相乘以后的结果小数点只取后2位
- 无处不在的JavaScript
- JavaScript、Java正则表达式详解
- Web-Json
- JS学习笔记(三)
- 从零开始学_JavaScript_系列(五)——dojo(基础,动画移动,重力模拟,动画合并,添加标签)
- Javascript 中的 && 和 || 使用小结
- javascript执行顺序
- JavaScript之DOM-1 DHTML概述 DOM概述
- 从零开始学_JavaScript_系列(三)——CSS相关(基础、选择器、position、div)
- 从零开始学_JavaScript_系列(二)——弹框及读取、条件判断、事件处理、注释、图片、超链和div
- angular js 指令