我的弹幕播放器不可能这么可爱

明天终于要回到久别的学校了(鬼才想回去),我的弹幕时间轴的问题还没解决,现在它可以发弹幕了,不过还是不显示弹幕的。

另外这次有demo了哦,地址→:http://demo.luojia.me/danmuPlayer/20140424/
因为明天去学校了,所以研究又要拖一段时间,于是先把这个只能发弹幕不能看弹幕的弹幕播放器demo发出来了。(它只是个demo,没有过滤机制,请好好对待它( • ˍ •ू ))

要正常查看此demo你需要:最新的火狐、opera、chrome。(最新的IE10+和safari也可以用但是由于IE和safari不支持webm格式的视频,就没法看这个demo了)

视频区域有一排红字而且鼠标移上去视频会变白,是因为我用canvas做弹幕层,然后调用了我的CanvasObjLibrary,而且打开了Debug模式,所以会出现。

围观群众们有什么关于时间轴的意见吗?

CanvasObjLibrary大更新

COL

本次更新做了如下改动
GitHub:https://github.com/iTisso/CanvasObjLibrary/pull/26/files

  • 把图形元素的left和top分别改成了x和y,不然看着太别扭了
  • 把绘制对象的代码块缩减了
  • 优化了代码结构。。。
  • 修复上次所谓优化遗留下的错误:上一次做了一个鼠标检测优化,但是后来我发现这样就出错了,于是这一次更新里就把它又恢复了
  • 优化了Debug:底部状态条增加了FPS,鼠标移到可接收事件的对象上时它会发白
  • 取消了右键截获,如果需要这样的功能的话就自己对canvas增加阻止事件吧。
  • 终于解决了鼠标移的越远离左上角,误差就越大的问题。(与其说解决了不如说干脆不进行浏览器坐标校正了。。)现在只要不给canvas添加border,margin,padding这样会使元素实际坐标产生歧义的css,鼠标 就会在它应该在的地方
  • 为图形增加了自定义边缘功能,通过元素的borderPathFun路径函数来定义元素的边缘,边缘的作用是在overflow=”hidden”的时候正确裁剪掉边缘外部的图形。
  • 给元素增加clipBy属性,定义裁剪区域使用的边界。”border”为使用borderPathFun定义的边界。如果是drawtype==”function”的元素,可以使clipBy=”drawfunction”把绘图函数当作裁剪边缘(虽然似乎不靠谱。。。)。clipBy为其它任意值的时候都会使用元素定义的宽高来裁剪。

差不多就这些了。

博主已连续挂水14小时。。。目测还有一小时(;´༎ຶ∀༎ຶ)
在这期间我又去mysql官网学习,还去看了看opengl,在知乎看了好多奇葩问题,也玩了脑残的小鸟和愤怒的小鸟和古庙逃亡和太鼓达人。

我一天也没有吃东西,医生说不能吃(;´༎ຶ∀༎ຶ)但是怎么一点也不饿呢。

博主已断网

博主断网啦啦啦啦啦啦!原来我作为骄傲的蹭网一族,每周都蹭着人家的WIFI,如今不知人家是单纯关了路由器还是换了个路由器(那就真心糟糕了),总之我已经落入了一个无网的环境(除了手机)。

这样一来我基本就没法发什么有具体内容的博文了,不过没网让我在家写代码效率更高了,最近我在做一个js的弹幕播放器,目前只做好了播放器部分,还没搞好弹幕部分。本来做好了播放器部分就想发出来展示一下的,不过恰好没网了,那就等着完全体吧。

文件床这个坑我还要拖一拖,因为在PHP的文件传输什么的方面我还太弱,本着对作品负责的态度,还是先放着。

CanvasObjLibrary小更新

刚刚断了一会儿网,所以我又打开了COL这个库的代码来看看有没有啥好改进的,没想到一打开附带的dome就一堆报错,原来是事件冒泡的终点出问题了,于是我就花了点时间修补了它一下,顺便加点功能。
·修复事件冒泡bug
·添加Debug鼠标十字(加了十字以后可以明显看出鼠标坐标计算是必须优化的,实际坐标永远拖在鼠标指针后面)
·优化鼠标位置判断(绘制一个图形的时候会判断鼠标在不在上面,如果在的话就告诉后面要绘制的图形不要再判断鼠标位置了)