HTML5视频音频实现

2019-09-11 郑州网站建设  

常见的视频格式

         视频的组成部分:画面、音频、编码格式

         视频编码:H.264TheoraVP8(谷歌开源)

常见的音频格式

         音频编码:ACCMP3Vorbis

HTML5支持的视频格式:

         Ogg=带有Theora视频编码+Vorbis音频编码的Ogg文件

                 支持的浏览器:FCO

         MEPG4=带有H.264视频编码+AAC音频编码的MPEG4文件

                 支持的浏览器: SC

         WebM=带有VP8视频编码+Vorbis音频编码的WebM格式

                 支持的浏览器: IFCO

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  :   以字符串的形式返回媒体地址(只读)


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/dede/1960.html转载请标明出处,谢谢合作!
标签:
  • HTML5
  • 视频
  • 格式
  • 常见
  • 组成部分