html5中time属性怎么用,html5中返回TimeRanges对象的属性buffered

实例

获得视频的第一段缓冲范围(部分)，以秒计：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)

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));

}

html5中time属性怎么用,html5中返回TimeRanges对象的属性buffered相关推荐

java 对象拷贝属性_使用Java对两个对象的属性进行拷贝
最近和Java的反射打交道比较多一点,可能是因为自己以后的方向是架构师的缘故吧,他们主要搞业务.我能也就搞架构,整天画一些流程图. 虽然对于只有一年实习经验的我,不知道这样是否好,但是我还是那句话,不 ...
JS-面向对象-操作对象的属性 / 检测对象的某个属性是否存在 / 遍历（枚举）对象的属性 / 属性的分类
操作对象的属性 <!DOCTYPE html> <html lang="en"> <head><meta charset="UT ...
mybatis中查询字段为空时需要赋值_当数据表中的列和需要返回的对象的属性不完全一致， MyBatis是不会自动赋值的。此时，就可以使用【】元素进行处理。...
[判断题]在 Windows7中,回收站与剪贴板一样,是内存中的一块区域.(1.0分) [填空题]在 Windows7中,若要选定多个连续的文件时,可先单击要选定的第一个文件,然后按下()键,再单击最 ...
小程序中ajax返回数据,请问在小程序中如何从请求success中将数据返回给对象data？...
我的代码如下: App({ data: { posts: {} }, onLaunch(event) { // console.log('onLaunch'); var that = this; sw ...
php取json子对象属性,PHP注意：试图获取非对象的属性(JSON)
我有一个问题让我一整天都在头脑中... 我试图检索我的JSON对象,但它无法检索数据. 我正在发出GET请求. 如果'id'是空的,它应该检索我的数据库(PHPMyAdmin)的数组列表中的所有笔记. ...
细说JavaScript中对象的属性和方法
最近在回家的路上读了尼古拉斯的新书<JavaScript面向对象精要>,发现自己对对象的属性和方法不是很熟悉,特别是es5新增的部分,特写此文总结一下,同时也与大家共勉. 本文分为两部分, ...
JavaScript（3）之——对象的属性描述符
对象的属性描述符是一个初学者容易忽略但是非常重要的特性,像是vue的数据双向绑定就是用它做文章.且关于它的方法和属性也很多,今天我来总结一下. 属性描述符概述对象的每个属性都具备了属性描述符 ...
python属性使用教程_Python对象的属性访问过程详解
只想回答一个问题: 当编译器要读取obj.field时, 发生了什么? 看似简单的属性访问, 其过程还蛮曲折的. 总共有以下几个step: 1. 如果obj 本身(一个instance )有这个属性, ...
python属性_深入理解python对象及属性
类属性和实例属性首先来看看类属性和类实例的属性在python中如何存储,通过__dir__方法来查看对象的属性 >>> class Test(object): pass >& ...

html5中time属性怎么用,html5中返回TimeRanges对象的属性buffered

html5中time属性怎么用,html5中返回TimeRanges对象的属性buffered相关推荐

最新文章

热门文章