上面的画布:宽800,高500
我打算绘制: 800 * 500 = 40万个随机坐标的白点
然后 60fps 刷新,做一个 视频加载失败后的动画效果....
结果:就单绘制一次 都会导致浏览器卡一阵子,更不用说动画效果了。
怎么解决??
// 绘制点 _drawPoint: function(x , y , r , pointColor){ var startAngle = 0; var endAngle = getRad(360); this._ctx.beginPath(); this._ctx.arc(x , y , r , startAngle , endAngle , false); this._ctx.fillStyle = pointColor; this._ctx.fill(); this._ctx.closePath(); } , _draw: function(){ // 初始化画布 this._setCssStyle(); // 绘制点 var pointNum = this._cavW * this._cavH; var pointR = 0.5; var pointFillColor =
付费偷看金额在0.1-10元之间
从这段log可以看到,湖北dns节点出现问题,此时如果有电脑高手,只需要把别的省份的cdn ip,做个host强制解析到hb节点就行了。
改成用webgl画, 或者预先生成一段雪花动画直接播
第一级,控制在15字以内,说明主要问题,比如视频播放失败、网络连接失败,等等。
第二级,把问题log显示出来,因为很多有经验的用户,或者来帮忙解决问题的电脑高手,可以通过log自行排查问题。比如:
2016-10-16 10:10:01 开始连接视频URL解析服务器。
2016-10-16 10:10:02 视频URL解析服务器返回CDN URL [ http://hb.xx.com/yyyy.mp4 ]
2016-10-16 10:10:03 开始连接http://hb.xx.com/yyyy.mp4
2016-10-16 10:10:18 连接超时,1秒后重试。
2016-10-16 10:10:19 开始连接http://hb.xx.com/yyyy.mp4
......
当计算机系统出现错误时,正确的做法是,分级提示错误信息,而不是搞什么视频创新。
如果一定要雪花图片,可以试试两张jpg切换,或gif,或100ms的flv,或flash生成。
实时在canvas上绘制40W个点无论如何都是不现实的。
一周热门 更多>