在html5中audio标签用于定义播放( )文件的标准,html的audio标签
复制代码如下：
音频标签属性：src:URL音乐预加载：预加载自动播放：自动播放循环：循环控制：浏览器自带的控制条。
audio id= media src= http://www . ABC . com/test . MP3 控件/音频
视频标签属性：src:视频的URLposter:视频封面，没有播放时显示的图片。预加载：预加载自动播放：自动播放循环：循环播放控件：浏览器自带的控制栏宽度：视频宽度高度：视频高度
video id= media src= http://www . ABC . com/test . MP4 控件width= 400 px heigt= 400 px /video
获取HTMLVideoElement和HTMLAudioElement对象的复制代码代码如下：
//音频可以通过new直接创建对象
media=new audio( http://www . ABC . com/test . MP3 )；
//音频和视频都可以通过标签获取对象。
media=document . getelementbyid( media )；
媒体方法和属性：
HTMLVideoElement和HTMLAudioElement都继承自HTMLMediaElement。复制代码如下：
//错误状态
媒体错误；//null:正常
Media.error.code//1.用户终止2。网络错误3。解码错误4。无效的4。统一资源定位器
//网络状态
Media.currentSrc//返回当前资源的URL
Media.src=value//返回或设置当前资源的URL
Media.canPlayType(类型)；//可以播放某种格式的资源吗？
Media.networkState//0.此元素未初始化。1.很正常但是没有使用网络。2.下载数据。3.找不到资源。
media . load()；//重新加载src指定的资源
媒体.缓冲；//返回缓冲区，时间范围
Media.preload//none:不预加载元数据：预加载资源信息auto:
//就绪状态
Media.readyState//1:HAVE _ NOTHING 2:HAVE _ METADATA 3。HAVE_CURRENT_DATA 4拥有_未来_数据5。有足够的数据
寻求媒体；//你在寻求吗？
//回放状态
Media.currentTime=value//当前播放位置，赋值可以改变位置。
Media.startTime//一般是0。如果是流媒体或者不是从0开始的资源，就不是0。
媒体.持续时间；//当前资源长度流返回无穷大
媒体暂停；//暂停？
media . defaultplaybackrate=value；//默认回放速度，可以设置
Media.playbackRate=value//当前播放速度，设置后会立即改变。
Media.played//返回已经播放的区域，时间范围。该对象见下文。
Media.seekable//返回可以查找的区域时间范围。
媒体. ended；//结束了吗？
Media.autoPlay//是否自动播放？
媒体循环；//是否循环播放？
Media.play()。//播放
media . pause()；//暂停
//控件
媒体控制；//有没有默认的控制条？
Media.volume=value//音量
Media.muted=value//静音
//TimeRanges (area)对象
时间范围.长度；//区域段的数量
TimeRanges.start(index) //索引部分区域的开始位置
TimeRanges.end(index) //索引段区域的结束位置
事件：
eventTester=函数(e){
Media.addEventListener(e，function(){
console.log((newDate())。getTime()，e)；
});
}
event tester( loadstart )；//客户端开始请求数据
event tester(“progress”)；//客户端正在请求数据
event tester(“suspend”)；//延迟下载
event tester(“abort”)；//客户端主动终止下载(非错误导致)，
event tester(“error”)；//请求数据时遇到错误
event tester( stalled )；//网络速度停滞
event tester(“play”)；//play()和autoplay在开始播放时触发。
eventTester(“暂停”)；//pause()触发器
event tester(“loadedmetadata”)；//成功获取资源长度
event tester( loaded data )；//
eventTester(“等待”)；//等待数据，这不是错误
event tester( playing )；//开始播放
event tester( can play )；//可以播放，但是中间加载可能会暂停。
event tester( canplaythrough )；//可以播放，歌曲全部加载。
event tester( seeking )；//正在寻找
event tester(“seeked”)；//搜索完成。
event tester( time update )；//播放时间改变
eventTester(“已结束”)；//播放结束
event tester( rate change )；//回放速率改变
event tester( duration change )；//资源长度更改
事件检测器(“音量变化”)；//音量改变
自己写的一段js:复制代码代码如下：
$(function() {
var p=new Player()；
p。读(玩)；
$(#stop ).单击（函数(){
p。pause()；
});
$(#start ).单击（函数(){
p。play()；
});
$(#show ).单击（函数(){
alert(p . duration())；
});
setInterval(function() {
$(#currentTime ).文本(p . current time())；
},1000);
});
函数player(){ }；
玩家。原型=}
box : new Object()，
读取：函数(id) {
这个。框=文档。getelementbyid(id)；
},
play : function() {
这个。盒子。play()；
},
暂停：函数(){
这个。盒子。pause()；
},
src:函数(url){
这个。盒子。src=URL
},
currentTime:function(){
return (this.box.currentTime/60).toFixed(2)；
}
};
Player.prototype.duration=函数函数(){
返回(this.box.duration/60).toFixed(2)；
};
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。