HTML5中音频和视频媒体回放元素综述

HTML5中音频和视频媒体回放元素综述
视频编解码是一组算法,用来对特定的音频或视频流进行编码和解码,使音频和视频播放,原始的媒体文件非常大。如果没有编码,构成视频和音频的数据就足够大,可以在因特网上传播。如果没有解码器,接收方就不能将编码数据重组成原始媒体数据。编解码器可以读取特定的容器格式并解码其中的音频和视频磁道。
理解媒体元素
1,基本操作:声明媒体元素
xml代码将内容复制到剪贴板。
您使用的浏览器不支持HTML5音频。
代码中的控件特性告诉浏览器显示一般的用户控件,包括启动、停止、跳跃和音量控制。如果未指定控件属性,用户将不能在页面上播放音频。
2。使用源元素
在最简单的情况下,SRC属性直接指向媒体文件,但在浏览器不支持相关容器或编码器的情况下呢这需要使用备用语句。备用声明可以包含多种来源,浏览器可以从很多来源选择:
xml代码将内容复制到剪贴板。


对于消息源,浏览器将按照声明的顺序进行判断,如果支持多个浏览器,浏览器将选择第一个支持源。
3,媒体控制
通过在音频元素或元素设置自动播放视频功能,不需要用户交互,和音频或视频文件会自动播放加载完成后。
常见的控制功能

功能
行动
(负载)
加载音频/视频文件来准备播放,通常不需要调用,除非是动态生成的元素。
(播放)
加载(必要时)播放音频/视频文件。除非音频/视频在其他位置被暂停,默认情况下将从零开始播放。
暂停()
在播放状态中暂停音频/视频文件。
CanPlayType(型)
测试视频元素是否支持给定的MIME类型文件。

只读媒体特性

只读特性
价值
持续时间
整个媒体文件播放很长时间,以s为单位,如果时间不长,则返回。
停下来
如果媒体文件当前处于暂停状态,则返回真值。如果尚未启动,则返回false。
结束了
如果媒体文件已经完成,返回true
开始时间
返回最早的播放开始时间,通常为0,除非是缓冲媒体文件,并且部分内容不在缓冲区中。
误差
错误情况下返回的错误代码
currentsrc
以字符串的形式返回当前或加载的文件,它对应于源元素中浏览器选择的文件。

脚本控制的特征值

特征
价值
自动播放
设置媒体文件来创建自动播放,或查询是否已设置为自动播放

如果媒体文件可以重播之后就一直播放媒体文件,返回真,或媒体文件设置为运行(或不流通)。
当前时间
S是用来返回用于从开始到现在玩的时间。在游戏中,它将搜索和定位到媒体文件的具体位置
控制
显示或隐藏用户控件接口,或查询用户控件接口当前是否可见。
体积
音频音量的相对值设置在0和1之间,或者查询当前卷的相对值。
静音
静音或静音设置为音频文件,或渐变层是否仍然静音。
自动缓冲
通知玩家是否一个缓冲之前媒体文件启动时加载。如果媒体文件已设置为自动播放,测量特征被忽略。

3.1使用音频和视频元素
HTML5视频元素非常类似于音频元素,但只是音频元素的一些特性。

特征
价值
海报
在视频加载完成之前,可以将代表视频内容的图片的URL地址想象为电影海报;此功能不仅可读,而且可以修改替换图片。
宽度、高度
读取或设置显示大小。如果设置的宽度与视频本身的大小不匹配,则可能导致中间显示,而黑色区域可能出现在上下或左右。
videowidth,videoheight
返回固有的或自适应的video.read-only视频元素的宽度和高度也有一个关键的功能,音频元素不支持:它可以称为HTML5 Canvas的功能。

提示:当画布使用视频作为绘图源时,它仅是当前播放的帧。

免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部