加入收藏 | 设为首页 | 会员中心 | 我要投稿 焦作站长网 (https://www.0391zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 站长学院 > MySql教程 > 正文

HTML5中视频音频的使用详解

发布时间:2020-03-14 20:22:55 所属栏目:MySql教程 来源:站长网
导读:这篇文章主要给大家总结介绍了关于HTML5中视频音频的使用的相关资料,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起

属性 属性值 注释
src   url   播放的音乐的url地址(火狐只支持ogg的音乐,而IE9只支持MP3格式的音乐。chrome貌似全支持)  
preload   preload   预加载(在页面被加载时进行加载或者说缓冲音频),如果使用了autoplay的话那么该属性失效。  
loop   loop   循环播放  
controls   controls   是否显示默认控制条(控制按钮)  
autoplay   autoplay   自动播放  

对于音乐格式的支持 

音频格式 Chrome Firefox IE9 Opera Safari
OGG   支持   支持   支持   不支持   不支持  
MP3   支持   不支持   支持   不支持   支持  
WAV   不支持   支持   不支持   支持   不支持  

audio可通过new来创建。也可以通过用document来获取

//通过new关键字来创建Audio对象 var Music = new Audio("test.mp3"); //通过document来获取已经存在的Audio对象 var Music = document.getElementById("audio"); //当然这里也可以使用document.getElementsByClassName('className')等其他的方法来获取。

2.3 api所提供的对audio标签操作的一些属性和方法

属性 注释
duration   获取媒体文件的总时长,以s为单位,如果无法获取,返回NaN  
paused   如果媒体文件被暂停,那么paused属性返回true,反之则返回false  
ended   如果媒体文件播放完毕返回true  
muted   用来获取或设置静音状态。值为boolean  
volume   控制音量的属性值为0-1;0为音量最小,1为音量最大  
startTime   返回起始播放时间  
error   返回错误代码,为uull的时候为正常。否则可以通过Music.error.code来获取  
currentTime   用来获取或控制当前播放的时间,单位为s。  
currentSrc   以字符串形式返回正在播放或已加载的文件  

2.4 常用的控制用的函数

函数 作用
load()   加载音频、视频软件  
play()   加载并播放音频、视频文件或重新播放暂停的的音频、视频  
pause()   暂停出于播放状态的音频、视频文件  
canPlayType(obj)   测试是否支持给定的Mini类型的文件  

2.5 audio标签API中的常用事件

首先绑定事件的话可以通过js中的addEventListener方法来绑定事件  

事件名称 事件作用
loadstart   客户端开始请求数据  
progress   客户端正在请求数据(或者说正在缓冲)  
play   play()和autoplay播放时  
pause   pause()方法促发时  
ended   当前播放结束  
timeupdate   当前播放时间发生改变的时候。播放中常用的时间处理  
canplaythrough   歌曲已经载入完全完成  
canplay   缓冲至目前可播放状态。  

其实video的api和audio几乎一致。稍稍有点不同。所以基本上会了一个其他的也就都会了

(编辑:焦作站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

推荐文章
    热点阅读