码迷,mamicode.com
首页 > Web开发 > 详细

HTML5Audio/Video全解(Media对象方法和属性)

时间:2015-12-20 16:00:01      阅读:357      评论:0      收藏:0      [点我收藏+]

标签:

  • 获取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. //网络状态  
    6. Media.currentSrc; //返回当前资源的URL  
    7. Media.src = value; //返回或设置当前资源的URL  
    8. Media.canPlayType(type); //是否能播放某种格式的资源  
    9. Media.networkState; //0.此元素未初始化  1.正常但没有使用网络  2.正在下载数据  3.没有找到资源  
    10. Media.load(); //重新加载src指定的资源  
    11. Media.buffered; //返回已缓冲区域,TimeRanges  
    12. Media.preload; //none:不预载 metadata:预载资源信息 auto:  
    13.   
    14. //准备状态  
    15. Media.readyState;   //1:HAVE_NOTHING 2:HAVE_METADATA 3.HAVE_CURRENT_DATA 4.HAVE_FUTURE_DATA 5.HAVE_ENOUGH_DATA  
    16. Media.seeking; //是否正在seeking  
    17.   
    18. //回放状态  
    19. Media.currentTime = value; //当前播放的位置,赋值可改变位置  
    20. Media.startTime; //一般为0,如果为流媒体或者不从0开始的资源,则不为0  
    21. Media.duration; //当前资源长度 流返回无限  
    22. Media.paused; //是否暂停  
    23. Media.defaultPlaybackRate = value;//默认的回放速度,可以设置  
    24. Media.playbackRate = value;//当前播放速度,设置后马上改变  
    25. Media.played; //返回已经播放的区域,TimeRanges,关于此对象见下文  
    26. Media.seekable; //返回可以seek的区域 TimeRanges  
    27. Media.ended;    //是否结束  
    28. Media.autoPlay; //是否自动播放  
    29. Media.loop; //是否循环播放  
    30. Media.play();   //播放  
    31. Media.pause();  //暂停//控制  
    32. Media.controls;//是否有默认控制条  
    33. Media.volume = value; //音量  
    34. Media.muted = value; //静音  
    35.   
    36. //TimeRanges(区域)对象  
    37. TimeRanges.length; //区域段数  
    38. TimeRanges.start(index) //第index段区域的开始位置  
    39. TimeRanges.end(index) //第index段区域的结束位置

HTML5Audio/Video全解(Media对象方法和属性)

标签:

原文地址:http://www.cnblogs.com/zhaoq/p/5061034.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!