HTML5视频音频达成
容易见到的视频格式
视频编码:H.264、Theora、VP8(谷歌开源)
视频的组成部分:画面、音频、编码格式
音频编码:ACC、MP3、Vorbis
容易见到的音频格式
Ogg=带有Theora视频编码+Vorbis音频编码的Ogg文件
HTML5支持的视频格式:
MEPG4=带有H.264视频编码+AAC音频编码的MPEG4文件
支持的浏览器:F、C、O
WebM=带有VP8视频编码+Vorbis音频编码的WebM格式
支持的浏览器: S、C
Video属性
支持的浏览器: I、F、C、O
controls 向用户显示播放控件
AuTOPlay 视频就绪自动播放
Height 设置播放器高度
Width 设置播放器宽度
Preload 是不是等加载完再播放
Loop 播放完是不是继续播放该视频,循环播放
Poster 加载等待的画面图片
Src 视频url地址
Video API办法
Autobuffer 设置为浏览器缓冲方法,不设置auTOPly才有效
pause()
play()
全屏: webkit element.webkitRequestFullScreen();
load()
W3C element.requestFullscreen();
Firefox element.mozRequestFullScreen();
webkit document.webkitCancelFullScreen();
退出全屏:
W3C document.exitFullscreen();
Firefox document.mozCancelFullScreen();
currentTime : 开始到播放目前所用的时间
Video API属性
volume : 0.0-1.0的音量相对值
duration : 媒体总时间(只读)
paused : 媒体是不是中止(只读)
muted : 是不是静音 false /true
error : 媒体发生错误的时候,返回错误代码 (只读)
ended : 媒体是不是播放完毕(只读)
loadstart progress suspend emptied stalled play pause loadedmetadata loadeddata waiting playing canplay canplaythrough seeking seeked
currentSrc : 以字符串的形式返回媒体地址(只读)
HTML5支持的音频格式:
timeupdate ended ratechange durationchange volumechange
MP3 收费 支持的浏览器: I、C、S
Ogg 免费 支持的浏览器:C、F、O
audio 属性
Wav 收费 支持的浏览器: F、O、S
controls 向用户显示播放控件
auTOPlay 自动播放
preload 是不是等加载完再播放
loop 循环
src 要播放的音频的 URL。
希望以上内容可以解决您的问题!
如有其他问题欢迎大家一起交流学习!
►本文网址:http://www.jiangyoumei.com/HTML/HTML5/20210325/11844.html
►凡本站提供教程均已验证教程的准确性。