• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > html5中返回TimeRanges对象的属性buffered

html5中返回TimeRanges对象的属性buffered

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含TimeRanges,html5,h5等相关知识,匿名希望在学习及工作中可以帮助到您

实例

获得视频的第一段缓冲范围(部分),以秒计:

myVid=document.getElementById("video1");
alert("Start: " + myVid.buffered.start(0)
+ " End: " + myVid.buffered.end(0));

定义和用法

buffered 属性返回 TimeRanges 对象。

TimeRanges 对象表示用户的音视频缓冲范围。

缓冲范围指的是已缓冲音视频的时间范围。如果用户在音视频中跳跃播放,会得到多个缓冲范围。

浏览器支持

所有主流浏览器都支持 buffered 属性。

注释:Internet Explorer 8 或更早的浏览器不支持该属性。

语法

audio|video.buffered
值描述
TimeRanges 对象

表示音视频的已缓冲部分。

TimeRanges 对象属性:

  • length - 获得音视频中已缓冲范围的数量

  • start(index) - 获得某个已缓冲范围的开始位置

  • end(index) - 获得某个已缓冲范围的结束位置

注释:首个缓冲范围的下表是 0。

实例一:audio中的buffered

Audio的缓存只有一个分段,开始位置为0,结束位置为timeRange.end(0)

<audio id="myAudio"></audio>
<script>
    var myAudio = document.getElementById('myAudio');
    myAudio.preload = true;
    myAudio.autoplay = true;
    myAudio.src = '../content/audio/海阔天空.mp3';
    myAudio.onplay = function () {
        console.info("开始播放");
    }
    myAudio.oncanplay = function () {
        console.info('进入可以播放状态');
        console.info('总长度:' + myAudio.duration);
    }
    //加载状态监听
    myAudio.ontimeupdate = function (e) {
        /*
        * Audio的缓存只有一个分段,开始位置为0,结束位置为timeRange.end(0)
        */
        //console.info(myAudio.buffered);
        //console.info(myAudio.buffered.length);
        // console.info('start:'+myAudio.buffered.start(0)+',end:'+myAudio.buffered.end(0));
        var timeRange = myAudio.buffered;
        console.info(timeRange);
        console.info('start:' + timeRange.start(0) + ',end:' + timeRange.end(0));
    }
</script>

以上就是html5中返回TimeRanges对象的属性buffered的详细内容,更多请关注微课江湖其它相关文章!

您可能想查找下面的文章:

  • html5中返回TimeRanges对象的属性buffered

相关文章

  • 2018-12-03HTML5每日一练之Canvas标签的应用-绘制坐标变换图形
  • 2018-12-03html5中的Canvas 和 SVG分别是什么?它们的区别在何处?(实例)
  • 2018-12-03HTML5网页版黑白子五子棋游戏的示例代码分享
  • 2018-12-03分享HTML5制作Banner的实例
  • 2018-12-03移动端实现选中实现高亮全选文本事件
  • 2018-12-03html5新增标签--nav标签介绍
  • 2018-12-03HTML5注册表单的自动聚焦与占位文本示例代码_html5教程技巧
  • 2017-08-06HTML5使用Audio标签实现歌词同步的效果
  • 2018-12-03如何实现HTML5页面音视频在微信和app下自动播放
  • 2018-12-03HTML5 游戏移植为 iOS 原生应用,需要注意哪些地方?有什么经验可以分享?

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • HTML5基础,第1部分:初试锋芒
    • REM相对单位使用案例分享
    • 新浪微博的 HTML5 页面体验已经和 native app 差不多了,是否意味着 HTML5 可以取代 native 了?
    • 详细介绍HTML5模拟齿轮动画的代码示例详情
    • 五分钟学会HTML5!(一)
    • HTML5游戏开发 之 循环的控制(2)
    • 利用HTML5的新特点实现图片文件异步上传
    • HTML5实战与剖析之是否从主屏幕图标进入的网站
    • svg和css3实现环形渐变进度条的代码示例
    • 如何自动获取HTML5的data-*属性示例代码详解

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有