音视频标签

video

controls = “controls”--->控件

width和height指定的是video标签的高宽

audio标签指定高宽无用

• 容器

.avi .mp4 是容器的格式，决定怎么讲视频存起来，不关系储存的内容

视频文件：视频轨道，音频轨道，元数据（视频的封面，标题，子标题，字幕）

视频格式 ： .mp4 .flv .webm .avi 

音频格式：  .mp3 .acc .agg

• 编解码器

对一段特定音频或视频进行解码和编码

视频编解码器： H.264 VP8 Ogg Theroa 

音频编解码器 ： AAC MPEG-3 Ogg Vorbis

• 格式转化   

video标签的属性

poster:视频未播的海报界面

controls：显示或隐藏用户控制页面

autoplay：媒体是否自动播放

loop：是否循环播放

muted：是否静音

perload： 告诉作者认为用户达到的最佳体验 none：浏览器不需要缓存，metadata：提示尽管用户不需要下载视频，但是可以加载抓取元数据。auto = " "：如果需要的话，可以下载整个视频

property属性

currentTime:开始播放到现在所用的时间

duration：媒体总时间

muted：是否静音

volume：音量相对值

paused：是否暂停

ended：是否完毕

error：媒体错误的时候返回错误代码

currentSrc：以String形式返回媒体地址

视频多出的：poster ：海报  width height  videoHeight videoHeight：本身视频的分辨率

音视频js相关函数

 play()  :  媒体播放
 pause()  :  媒体暂停
 load()  :  重新加载媒体

js相关事件   

 视频:
        abort     在播放被终止时触发,例如, 当播放中的视频重新开始播放时会触发这个事件。
        canplay    在媒体数据已经有足够的数据（至少播放数帧）可供播放时触发。这个事件对应CAN_PLAY的readyState。
        canplaythrough    在媒体的readyState变为CAN_PLAY_THROUGH时触发，表明媒体可以在保持当前的下载速度的情况下不被中断地播放完毕。注意：手动设置currentTime会使得firefox触发一次canplaythrough事件，其他浏览器或许不会如此。
        durationchange    元信息已载入或已改变，表明媒体的长度发生了改变。例如，在媒体已被加载足够的长度从而得知总长度时会触发这个事件。
        emptied    媒体被清空（初始化）时触发。
        ended    播放结束时触发。
        error    在发生错误时触发。元素的error属性会包含更多信息。参阅Error handling获得详细信息。
        loadeddata    媒体的第一帧已经加载完毕。
        loadedmetadata    媒体的元数据已经加载完毕，现在所有的属性包含了它们应有的有效信息。
        loadstart    在媒体开始加载时触发。
        mozaudioavailable    当音频数据缓存并交给音频层处理时
        pause    播放暂停时触发。
        play    在媒体回放被暂停后再次开始时触发。即，在一次暂停事件后恢复媒体回放。
        playing    在媒体开始播放时触发（不论是初次播放、在暂停后恢复、或是在结束后重新开始）。
        progress    告知媒体相关部分的下载进度时周期性地触发。有关媒体当前已下载总计的信息可以在元素的buffered属性中获取到。
        ratechange    在回放速率变化时触发。
        seeked    在跳跃操作完成时触发。
        seeking    在跳跃操作开始时触发。
        stalled    在尝试获取媒体数据，但数据不可用时触发。
        suspend    在媒体资源加载终止时触发，这可能是因为下载已完成或因为其他原因暂停。
        timeupdate    元素的currentTime属性表示的时间已经改变。
        volumechange    在音频音量改变时触发（既可以是volume属性改变，也可以是muted属性改变）.。
        waiting    在一个待执行的操作（如回放）因等待另一个操作（如跳跃或下载）被延迟时触发

    音频:
        abort     在播放被终止时触发,例如, 当播放中的视频重新开始播放时会触发这个事件。
        canplay    在媒体数据已经有足够的数据（至少播放数帧）可供播放时触发。这个事件对应CAN_PLAY的readyState。
        canplaythrough    在媒体的readyState变为CAN_PLAY_THROUGH时触发，表明媒体可以在保持当前的下载速度的情况下不被中断地播放完毕。注意：手动设置currentTime会使得firefox触发一次canplaythrough事件，其他浏览器或许不会如此。
        durationchange    元信息已载入或已改变，表明媒体的长度发生了改变。例如，在媒体已被加载足够的长度从而得知总长度时会触发这个事件。
        emptied    媒体被清空（初始化）时触发。
        ended    播放结束时触发。
        error    在发生错误时触发。元素的error属性会包含更多信息。参阅Error handling获得详细信息。
        loadeddata    媒体的第一帧已经加载完毕。
        loadedmetadata    媒体的元数据已经加载完毕，现在所有的属性包含了它们应有的有效信息。
        loadstart    在媒体开始加载时触发。
        mozaudioavailable    当音频数据缓存并交给音频层处理时
        pause    播放暂停时触发。
        play    在媒体回放被暂停后再次开始时触发。即，在一次暂停事件后恢复媒体回放。
        playing    在媒体开始播放时触发（不论是初次播放、在暂停后恢复、或是在结束后重新开始）。
        progress    告知媒体相关部分的下载进度时周期性地触发。有关媒体当前已下载总计的信息可以在元素的buffered属性中获取到。
        ratechange    在回放速率变化时触发。
        seeked    在跳跃操作完成时触发。
        seeking    在跳跃操作开始时触发。
        stalled    在尝试获取媒体数据，但数据不可用时触发。
        suspend    在媒体资源加载终止时触发，这可能是因为下载已完成或因为其他原因暂停。
        timeupdate    元素的currentTime属性表示的时间已经改变。
        volumechange    在音频音量改变时触发（既可以是volume属性改变，也可以是muted属性改变）.。
        waiting    在一个待执行的操作（如回放）因等待另一个操作（如跳跃或下载）被延迟时触发

 

音阶导航练习

 

    
    
    
    


    

        
        

            

                我的主页
                

            
            

                新闻头条
                

            
            

                电视剧
                

            
            

                小说
                

            
            

                旅游度假
                

            
            

                团购
                

            
            

                大长腿
                

            
            

                小短腿
                

            
            

                长脱发