video网络加载速度

灿尔哈擦苏 2017-05-09 05:50:04
//获取缓冲的进度条
var timer = setInterval(function onprogress(){
//获得buffered数据
var ranges = [];
for(var i = 0; i < medias.buffered.length; i++){
ranges.push([
medias.buffered.start(i),
medias.buffered.end(i)
]);
}
//获得在容器中的当前缓冲进度
var spans = document.getElementsByClassName('progressBuffer');
for(var i = 0; i < medias.buffered.length; i++){
// spans[i].style.left = Math.round((100 / medias.duration)*ranges[i][0])+ '%';
spans[i].style.width = Math.round((100 / medias.duration)*(ranges[i][1] - ranges[i][0]))+ '%';
}
if(medias.buffered.end(0)>medias.duration){
clearInterval(timer)
}
},1000)
这样我可以获得网络加载速度,现在想实现的是就是获取网络下载的速度,比如当这个视频长为5分钟,现在网络加载到了两分钟,我点击四分钟的位置,跳跃播放,就是缓冲的问题,这个求帮助。
...全文
316 1 打赏 收藏 举报
写回复
1 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
灿尔哈擦苏 2017-05-09
有满意答案立马结帖,谢谢各路大神
  • 打赏
  • 举报
回复
发帖
HTML5

3.8w+

社区成员

HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
社区管理员
  • HTML5社区
加入社区
帖子事件
创建了帖子
2017-05-09 05:50
社区公告
暂无公告