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分钟,现在网络加载到了两分钟,我点击四分钟的位置,跳跃播放,就是缓冲的问题,这个求帮助。
...全文
362 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
灿尔哈擦苏 2017-05-09
  • 打赏
  • 举报
回复
有满意答案立马结帖,谢谢各路大神

39,084

社区成员

发帖
与我相关
我的任务
社区描述
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
社区管理员
  • HTML5社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧