h5+js判断网速连接最快的服务器
最近写了一个视频播放的H5,视频的带宽资源是有限的,所以将视频放在不同的服务器上,当用户访问的时候将选择最快的服务器进行播放。
播放器采用的是ckplayer插件,现贴出以下代码进行备份。
<script>function xplayer(vpath,vpic){document.body.scrollTop = 0;document.documentElement.scrollTop = 0;var videoObject = {container: '#video', //容器的ID或classNamevariable: 'player',//播放函数名称poster:vpic,//封面图片seek: 0,video:[//视频地址列表形式[vpath, 'video/mp4', '中文标清', 0]]};var player = new ckplayer(videoObject); player.videoPlay();}function getQueryString(name){var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");var r = window.location.search.substr(1).match(reg);if(r != null){ return unescape(r[2]);}return null}var mydata1 = {"video_list_id":getQueryString('video_list_id'),"course_id":getQueryString('course_id')}; //这里传入视频IDvar autoname = [];var autourl = new Array();var autwz = new Array();var jump=1var t={};var yy = 0 ;var mm = [0,999999999];var test = (function(){let result;$.ajax({type: "get",url: directUrl = "http://www.xxx.com/api/getserver", //这里得到服务器的列表data: {"data":JSON.stringify(mydata1)},async: false,success: function(data) {var i=data.length ;for (var i=0;i<data.length;i++){//document.write('<input type="text" name="v' + i + '" id="v' + i +'">'); //这里可以注释掉autoname[i] = data[i]['server_list_name'];autourl[i] = data[i]['url'] ;autwz[i] = data[i]['server'];// ************ 检测网速核心代码 start *************var img = new Image;img.onerror= (function(j){return function(){t[autourl[j]] =(new Date())- t[autourl[j]]; //记入时间差yy= parseInt(t[autourl[j]]);//$("#v"+j).val(t[autourl[j]]); //这里可以注释掉if (yy<parseInt(mm[1])){mm[0] = j;mm[1] = yy;}if(jump) {jump=0;// console.log(mm); //>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 得到最快的网速console.log(autwz[mm[0]]); //>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 得到最快的服务器playervideo(autwz[mm[0]]);//alert("网速最快的服务器是 " + autwz[mm[0]]);}}})(i);//闭包传值img.src = autourl[i] + Math.random();t[autourl[i]] = (+new Date());//记录开始载入时间// ************ 检测网速核心代码 end *************}}});return result;})();//播放影片function playervideo(server){console.log(token);$.ajax({type: "post",url: "http://www.xxx.com/api/video",data: {"data":JSON.stringify(mydata1)},headers:{"token":token},async: true,success: function(data) {console.log(data);var json = data;video_list_pic = 'http://www.xxx.com/upfiles/' + json[0].video_list_pic;console.log(video_list_pic);video_list_path = server + json[0].video_list_path;console.log(video_list_path);setTimeout(xplayer(video_list_path,video_list_pic),3000);form.render();}})}</script>
h5+js判断网速连接最快的服务器相关推荐
- 无线网可拼服务器吗6,当WiFi 6遇到了WiFi 6+,我们的网速真的变快了吗?
原标题:当WiFi 6遇到了WiFi 6+,我们的网速真的变快了吗? 新技术的普及总会伴随着争议,当WiFi 6开始被越来越多消费者熟悉时,WiFi 6+的出现是不是让小伙伴有些蒙呢?今天,小A想要给 ...
- 计算机网络mtu值设置,应该如何设置mtu值才可以让网速达到最快-电脑自学网
应该如何设置mtu值才可以让网速达到最快. 操作步骤: 第一步.测出自己当前网络最佳MTU值 敲下 "Win键+R",然后在运行窗口后输入"cmd",再敲回车键 ...
- 网速网吧服务器型号,网吧的网速为什么那么快(无盘系统为何那么快)
网吧用的是光纤本身传输速度就要比电话线快的多,而且网吧的带宽基本都百m的, 而家用的adsl也就一两m, 你想啊是家用的50-100倍啊. 当然快了. 都有那些方面的原因? 请说清楚点! 谢谢! 网速 ...
- 双频WiFi手机的网速为何那么快?看完这篇你就懂了
最近,手机市场上双WiFi一词走红,很多旗舰手机都称自家搭载了双WiFi,网速会更快.那它的原理是什么呢?今天就为大家解析一下. 首先,一定要注意,双频WiFi和双路WiFi可不是一回事! 双频WiF ...
- 一周新闻纵览:工信部组织召开综合整治骚扰电话专项行动;智能锁百万指纹泄密;4G不会降速5G网速会更快
不知不觉 又到了周五了 伴随着一周的小尾巴 开始我们今天的一周IT新闻盘点吧 我们曾如此期盼外界的认可,到最后才知道:世界是自己的,与他人毫无关系.-杨绛 1 网络黑产无孔不入 随着社会进入数字经济时 ...
- php网速测试程序,js简单网速测试方法完整实例
本文实例讲述了js简单网速测试方法.分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: /p> "http://www.w3.org/TR/html4/loose.d ...
- 华为5G英国首秀,BBC主持人震惊了!到底网速有多快?
当地时间5月30日,英国电信运营商EE携手华为,正式开启英国首个商用5G信号. 据了解,本次5G商用发布覆盖英国六大城市(包括伦敦.加的夫.爱丁堡.曼彻斯特.伯明翰.贝尔法斯特),约有45万名EE用户 ...
- 用计算机发射wifi经常很卡,WiFi信号满格,网速却时快时慢,解决方法在这里……-电脑网速慢怎么办...
我们日常生活中上网,最烦的就是网速慢了,有时候着急看一个网页或者视频,半天缓冲不出来的话,简直让人抓狂.而无线网作为很多人的上网方式,总让人有种时快时慢的感觉,那么WiFi信号究竟受哪些因素影响?如何 ...
- 5g信号频率是多少赫兹_5G的网速为什么那么快?这得从一个简单的公式说起
" 信道就像城市道路,信号就像汽车.一条道路上的车流量会受到道路宽度.车辆速度等因素的制约,任何道路都不能无限增加车流量:同样,任何信道也不可能无限增加信息的传输速率. 制图:mohamed ...
最新文章
- Java高级特性增强-多线程
- Windows 软件管理命令行工具scoop介绍
- python模块调用的用法_如何使用Python语言中的random模块调用方法
- LINQ to SQL语句(4)之Join
- Java高并发编程(二):Java并发机制的底层实现机制
- 【技术综述】人脸年龄估计研究现状
- Windows平台编译Webkit
- Java,想说爱你真不容易
- 【C语言笔记初级篇】第七章:结构体相关
- spark on yarn 配置history server
- javascript版购物网站图片轮转
- ios键盘横屏_平板电脑就只能追剧玩游戏?看这款外设键盘如何让iPad爱上办公...
- SSLH:让 HTTPS 和 SSH 共享同一个端口
- L1-017 到底有多二 (15 分) — 团体程序设计天梯赛
- Windows 2008下Exchange Server部署攻略
- axure插件安装360浏览器
- 互换性测量与技术——偏差与公差的计算,公差图的绘制,配合与公差等级的选择方法
- android闹钟设置功能吗,Android编程闹钟设置方法详解
- 重启该计算机 选择操作系统,电脑为什么会自动重启 电脑经常自动重启修复方法...
- 通过 Docker 化一个博客网站来开启我们的 Docker 之旅