首页 / HTML5 / HTML5视频音频实现步骤
HTML5视频音频实现步骤
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了HTML5视频音频实现步骤，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2333字，纯文字阅读大概需要4分钟。
内容图文
我们知道，常见的视频格式的组成部分有：画面、音频、编码格式，常见的音频格式有音频编码：ACC、MP3、Vorbis，在HTML5里，支持的视频格式有三种，今天就来说一下HTML5视频音频实现步骤HTML5支持的视频格式：
Ogg=带有Theora视频编码+Vorbis音频编码的Ogg文件
支持的浏览器:F、C、O
MEPG4=带有H.264视频编码+AAC音频编码的MPEG4文件
支持的浏览器: S、C
WebM=带有VP8视频编码+Vorbis音频编码的WebM格式
支持的浏览器: I、F、C、O
Video属性
Autoplay 视频就绪自动播放
controls 向用户显示播放控件
Width 设置播放器宽度
Height 设置播放器高度
Loop 播放完是否继续播放该视频，循环播放
Preload 是否等加载完再播放
Src 视频url地址
Poster 加载等待的画面图片
Autobuffer 设置为浏览器缓冲方式，不设置autoply才有效
Video API方法
play()
pause()
load()
全屏: webkit element.webkitRequestFullScreen();
Firefox element.mozRequestFullScreen();
W3C element.requestFullscreen();
退出全屏：
webkit document.webkitCancelFullScreen();
Firefox document.mozCancelFullScreen();
W3C document.exitFullscreen();
Video API属性
currentTime : 开始到播放现在所用的时间
duration : 媒体总时间(只读)
volume : 0.0-1.0的音量相对值
muted : 是否静音 false /true
paused : 媒体是否暂停(只读)
ended : 媒体是否播放完毕(只读)
error : 媒体发生错误的时候，返回错误代码 (只读)
currentSrc : 以字符串的形式返回媒体地址(只读)
loadstart progress suspend emptied stalled play pause loadedmetadata loadeddata waiting playing canplay canplaythrough seeking seeked
timeupdate ended ratechange durationchange volumechange
HTML5支持的音频格式：
Ogg 免费 支持的浏览器:C、F、O
MP3 收费 支持的浏览器: I、C、S
Wav 收费 支持的浏览器: F、O、S
audio 属性
autoplay 自动播放
controls 向用户显示播放控件
loop 循环
preload 是否等加载完再播放
src 要播放的音频的 URL。
相信看了这些案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！
相关阅读：
Js获取获取样式的常见方式
Js操作DOM对象的流程
Js操作window窗口对象的实现步骤
以上就是HTML5视频音频实现步骤的详细内容，更多请关注Gxl网其它相关文章！
内容总结
以上是互联网集市为您收集整理的HTML5视频音频实现步骤全部内容，希望文章能够帮你解决HTML5视频音频实现步骤所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。