HTML5中的音频和视频媒体播放元素小结

1、html5中的音频和视频媒体播放元素小结音频和视频的编码/解码器是一组算法，用来对一段特定的音频或视频流举行编码和解码，以便音频和视频能够播放。原始的媒体文件体积十分大，如果不对其举行编码，那么构成一段视频和音频的数据可能会十分浩大，以至于在因特网上传扬需耗费无法忍受的时光。若没有解码器的话，接收方就不能把编码过的数据重组为原始的媒体数据。编解码器可以读懂特定的容器格式，并且对其中的音频轨道和视频轨道解码。理解媒体元素1、基本操作：声明媒体元素xml/html code复制内容到剪贴板 您所用法的扫瞄器不支持html5 audio 代码中的controls 特性是告知扫瞄器显示通用的用户控件，

2、包括开头、停止、跳播以及音量控制。假如不指定controls属性，用户将无法播放页面上的音频。2、用法source元素最容易的状况下，src属性挺直指向媒体文件就可以了，但是，万一扫瞄器不支持相关容器或者编码器呢？这就需要用到备用声明白。备用声明中可以包含多种来源，扫瞄器可以从这么多的来源中举行挑选：xml/html code复制内容到剪贴板 对于来源，扫瞄器会根据声明挨次推断，假如支持的不止一种，那么扫瞄器会挑选支持的第一个来源。3、媒体的控制在audio元素或video元素中通过设置特性autoplay,不需要任何用户交互，音频或视频文件就会在加载完成后自动播放。常用的控制函数函数 动作l

3、oad() 加载音频/视频文件，为播放做预备，通常状况下不必调用，除非是动态生成的元素。用来在播放前预加载。play() 加载（有须要的话）并播放音频/视频文件。除非音频/视频已经暂停在其他位置了，否则默认从头开头播放pause() 暂停处于播放状态的音频/视频文件canplaytype(type) 测试video元素是否支持给定mime类型的文件 只读的媒体特性只读特性 值duration 囫囵媒体文件的播放时长，以s为单位。假如无法猎取时长，则返回nan。paused 假如媒体文件当前被暂停，则返回true。假如还未开头播放，则返回false。ended 假如媒体文件已经播放完毕，则返回t

4、ruestarttime 返回最早的播放起始时光，普通是0.0，除非是缓冲过的媒体文件，并且一部分内容已经不在缓冲区error 在发生了错误的状况下返回的错误代码currentsrc 以字符串形式返回当前正在播放或已加载的文件。对应于扫瞄器在source元素中挑选的文件。 可脚本控制的特性值特性 值autoplay 将媒体文件设置为创建后自动播放，或者查询是否已设置为autoplayloop 假如媒体文件播放完毕后能重新播放则返回true，或者将媒体文件设置为循环播放（或者不循环播放）currenttime 以s为单位返回从开头播放到现在所用的时光。在播放过程中，设置currenttime来举

5、行搜寻，并定位到媒体文件的特定位置controls 显示或躲藏用户控制界面，或者查询用户控制界面当前是否可见volume 在0.0到1.0之间设置音频音量的相对值，或者查询当前音量的相对值。muted 为音频文件设置静音或者消退静音，或者渐层当前是否为静音autobuffer 通知播放器在媒体文件开头播放前，是否举行缓冲加载。假如媒体文件已经设置为autoplay，则忽视测特性。 3.1用法audio和video元素html5 video元素同audio元素十分类似，只是比audio元素多了一些特性。特性 值poster 在视频加载完成之前，代表视频内容的的url地址，可以想象一下电影海报。该特性不仅可读，而且可以修改，以便更换width、height 读取或设置显示尺寸。假如设置的宽度与视频本身大小不匹配，可能导致居中显示，上下或左右可能浮现黑色条状区域。videowidth、videoheight 返回视频固有的或自适应的宽度和高度。只读video元素还有