HTML5Audio/Video全解（Media对象方法和属性）

  • 获取HTMLVideoElement和HTMLAudioElement对象
  1. //audio可以直接通过new创建对象
  2. Media = new Audio("http://www.abc.com/test.mp3");
  3. //audio和video都可以通过标签获取对象
  4. Media = document.getElementById("media");
  • Media方法和属性——HTMLVideoElement 和 HTMLAudioElement 均继承自 HTMLMediaElement
    1. //错误状态
    2. Media.error; //null:正常
    3. Media.error.code; //1.用户终止 2.网络错误 3.解码错误 4.URL无效
    4. //网络状态
    5. Media.currentSrc; //返回当前资源的URL
    6. Media.src = value; //返回或设置当前资源的URL
    7. Media.canPlayType(type); //是否能播放某种格式的资源
    8. Media.networkState; //0.此元素未初始化  1.正常但没有使用网络  2.正在下载数据  3.没有找到资源
    9. Media.load(); //重新加载src指定的资源
    10. Media.buffered; //返回已缓冲区域，TimeRanges
    11. Media.preload; //none:不预载 metadata:预载资源信息 auto:
    12. //准备状态
    13. Media.readyState;   //1:HAVE_NOTHING 2:HAVE_METADATA 3.HAVE_CURRENT_DATA 4.HAVE_FUTURE_DATA 5.HAVE_ENOUGH_DATA
    14. Media.seeking; //是否正在seeking
    15. //回放状态
    16. Media.currentTime = value; //当前播放的位置，赋值可改变位置
    17. Media.startTime; //一般为0，如果为流媒体或者不从0开始的资源，则不为0
    18. Media.duration; //当前资源长度 流返回无限
    19. Media.paused; //是否暂停
    20. Media.defaultPlaybackRate = value;//默认的回放速度，可以设置
    21. Media.playbackRate = value;//当前播放速度，设置后马上改变
    22. Media.played; //返回已经播放的区域，TimeRanges，关于此对象见下文
    23. Media.seekable; //返回可以seek的区域 TimeRanges
    24. Media.ended;    //是否结束
    25. Media.autoPlay; //是否自动播放
    26. Media.loop; //是否循环播放
    27. Media.play();   //播放
    28. Media.pause();  //暂停//控制
    29. Media.controls;//是否有默认控制条
    30. Media.volume = value; //音量
    31. Media.muted = value; //静音
    32. //TimeRanges(区域)对象
    33. TimeRanges.length; //区域段数
    34. TimeRanges.start(index) //第index段区域的开始位置
    35. TimeRanges.end(index) //第index段区域的结束位置
时间： 2024-11-10 20:22:18

HTML5Audio/Video全解（Media对象方法和属性）的相关文章

HTML5Audio/Video全解（Media JS事件）

   eventTester = function(e){           Media.addEventListener(e,function(){               console.log((newDate()).getTime(),e);           });      }         eventTester("loadstart");   //客户端开始请求数据      eventTester("progress");    //客户

HTML5Audio/Video全解（标签解读）

标签属性 <</span>audio id="media" src="http://www.abc.com/test.mp3" controls></</span>audio> src:音乐的URL (source标签在src属性不存在时使用) preload:预加载(none.metadata.auto.如果不使用此属性,默认为auto.) autoplay:自动播放 loop:循环播放 controls:浏览器自带

HTML5Audio/Video全解（浏览器对音视频格式支持说明）

Audio Firefox:支持 Ogg Vorbis和WAV Opera :支持Ogg Vorbis和WAV Safari :支持MP3,AAC格式 ,和MP4 Chrome :支持Ogg Vorbis,MP3,WAV,AAC和MP4 Internet Explorer 9+ :支持MP3,AAC格式 ,和MP4 IOS :支持MP3,AAC格式 ,和MP4 Android :支持AAC和MP3 为了最大程度支持所有上面提到的浏览器,建议开发者使用Ogg Vorbis和MP3这两种格式例如.

PHP获取类对象方法、属性、常量列表！

$r = new ReflectionClass($serv); print_r($r->getConstants()); print_r($r->getProperties()); print_r($r->getMethods());

BOM的节点方法和属性

一.HTML DOM >>>>>>>>>>>>>>>>>>>>具体可以参考W3SCHOOL中的讲解,接下来我会结合W3SCHOOL和本人总结的一些实例供大家理解. HTML 的标准对象模型 HTML 的标准编程接口 W3C 标准 HTML DOM 定义了所有 HTML 元素的对象和属性,以及访问它们的方法. 换言之,HTML DOM 是关于如何获取.修改.添加或删除 HTML 元素的标准

JavaScript原生对象属性和方法详解——Array对象 转载

length 设置或返回 数组中元素的数目. 注意:设置 length 属性可改变数组的大小.如果设置的值比其当前值小,数组将被截断,其尾部的元素将丢失.如果设置的值比它的当前值大,数组将增大,新的元素被添加到数组的尾部,它们的值为 undefined.所以length不一定代表数组的元素个数. var arr = new Array(3) arr[0] = "John" arr[1] = "Andy" arr[2] = "Wendy" cons

Python：file/file-like对象方法详解【单个文件读写】

IO中读写文件操作方法汇总!----The_Third_Wave的学习笔记! 本文由@The_Third_Wave(Blog地址:http://blog.csdn.net/zhanh1218)原创.不定期更新,有错误请指正. Sina微博关注:@The_Third_Wave 如果这篇博文对您有帮助,为了好的网络环境,不建议转载,建议收藏!如果您一定要转载,请带上后缀和本文地址. class file(object) |  file(name[, mode[, buffering]]) -> fi

Js基础知识1-对象、对象属性全解

Object对象 Object对象包含如下属性和方法,也就意味着一切对象(函数也是对象)都包含如下方法. 每种方法和属性在不同的对象中有不同的作用,并不是每种对象都有使用每个方法的必要. 下面是Object对象的派生对象在使用这些方法和属性时的意义.Object对象只是定义了他们,并没有使用他们. __proto__属性是保存当前对象的原型对象.对象通过这个属性产生了原型链,可以参考http://blog.csdn.net/luanpeng825485697/article/details/78

js中String常用方法详解及String对象方法扩展

一.JavaScript 中 slice .substr 和 substring的区别: 1: String.slice(start,end): 一个新的字符串.包括字符串 stringObject 从 start 开始(包括 start)到 end 结束(不包括 end)为止的所有字符. 2: String.substring(start,end) 这个就有点特别了,它是先从start,end里找出一个较小的值. 然后从字符串的开始位置算起,截取较小值位置和较大值位置之间的 字符串,截取出来的