zoukankan      html  css  js  c++  java
  • 多媒体播放

    audio:
    video:
    source元素为媒体数据指定多个播放格式与编码格式。
    <video>
    <sourec src="a.ogv" type="cideo/ogg" codecs="theora,voebis">
    //type为MIME类型,codecs媒体编码格式
    ...
    </video>
    属性:
    src,autoplay,preload,
    poster(video特有)属性可以在视频不可用的时候,为用户展示一幅图片。
    loop,controls,width,height,
    error只读属性
    networkState属性:媒体数据加载过程中读取当前网络状态。
    currentSrc
    buffered:通过该属性对象来确认浏览器是否已缓存媒体数据。
    readyState:媒体当前播放位置的就绪状态。
    seeking与seekable:浏览器是否在请求某一特定播放位置的数据。
    currentTime,startTime,duration(总时间)
    played,paused,ended
    defaultPlaybackRate(默认播放速率)和playbackRate(当前播放速率)
    volume(音量0到1),muted(是否静音)
    方法:
    play,pause,load,
    canPlayType:var support=VideoElement.canPlayType(type);//返回值:空字符串,maybe,probably
    事件:
    第一中监听方式:videoElement.addEventListener(type,listener,useCapture);
    参数:事件名,绑定函数,响应顺序(bool),true为Capture响应方式,false为bubbing响应方式,一般用false。
    第二种:JavaScript脚本中常见的获取事件句柄的方式。
    <video onplay="begin_playing();" id="video1" src="a.mov" > </video>
    functions begin_playing(){...}
    loadstart,process,suspend,abort,error,emptied(初始状态),stalled(尝试获取媒体数据失败),paly,pause,loadedmetadata,waiting,playing,canplay,canplaythrough,seeking,seeked,timeupdate,ended,ratechange,durationchange(播放时长改变),volumechange.

  • 相关阅读:
    javascript语句语义大全(6)
    javascript语句语义大全(5)
    javascript语句语义大全(4)
    javascript语句语义大全(3)
    javascript语句语义大全(2)
    javascript语句语义大全(1)
    javascript基础知识(1)
    模版引擎Handlebars语法(1)
    一个完整的项目中,需要的基本gulp
    HTML5新特性总览
  • 原文地址:https://www.cnblogs.com/lynn-/p/3451969.html
Copyright © 2011-2022 走看看