标签归档:弹幕播放器

个人弹幕站更新:2014-11-30

这次更新给视频数据表加了两个字段,一个是视频描述,一个是视频封面。

现在描述和封面暂时都只用在视频信息页面上,演示见 https://go.luojia.me/11

如果有人要升级到这个版本的话,请从我的git分支拉下更新,并在更新文件之后登录并执行updateDB命令,此命令会自动补全不完整的数据表。

编辑视频描述

编辑视频封面地址

编辑命令参数依然可以合并在一个命令里。添加视频命令同时也有这些参数。

弹幕播放器修复获取弹幕

恢复弹幕站以后我发现新弹幕里有人说弹幕发不出去,但是明明就发出去了嘛。。
然后我看了个测试视频,发现弹幕都不见了,于是我赶紧上vps去找php日志了,结果发现了错误,原来我把新建数组的语句写成了
$arr=[]; ……已经开始语言混淆了。。关键是这还被我推上了github,我也一直没有发现这个错误( ́•ु ω•ू),现在已经修好咯

个人弹幕站点发布

本文不再更新,最新内容见菜单里的个人弹幕站

上一篇博文发了个迷你弹幕播放器,然后我发现我自己也不方便发视频。。。于是我就决定做个后台来管理,用phpmyadmin手动加根本不靠谱嘛!

现在我已经把迷你播放器和后台搞在一起了,变成了一套站点。从此以后人人都可以有自己的方便配置的弹幕站点,投稿审核什么的都见鬼去吧!

GitHub:iTisso/SelfDanmakuSite

建议使用git克隆到服务器而不是下载文件搬到服务器,这样方便接收更新(如果有的话),当然如果不会用git那就点GitHub的下载Zip按钮下包然后传到网站上吧。。

在GitHub里我已经大概写了这个站点的食用方法,在这里再写一份非常详细的版本。

 

先上一个炫酷的osu视频

继续阅读个人弹幕站点发布

迷你弹幕播放器完工

由于文件床难产,弹幕播放器也难产,所以我把弹幕播放器做了个阉割版本,取名叫迷你弹幕播放器

【经检测此播放器对移动设备不友好,请谨慎观看。】

danmaku.luojia.me已上线,管理页面赶制中。
没有托管到github
迷你版里我稍微改了一下Glory一直吐槽的图标问题(改了两个,不过剩下的两个看起来就有点不和谐了。。。
然后也做了个CanvasObjLibrary的阉割版,不过似乎也没什么性能上的提升,唯一的好处就是js文件小了。
以下放出正式版本(目测没有后续版本了。。)的演示
继续阅读迷你弹幕播放器完工

弹幕播放器更新 0.3.5

这周新界面还没做好,所以暂时用上周没有放出的更新补上,虽然这是篇更新日志但是由于没有其他人可以用,所我还是只发个demo吧。。。
demo:demo.luojia.me/danmuPlayer/20140615/

这一个版本里有如下特性
·同步发送框里的颜色和设置的颜色
·加了逗逼loading界面
·可以调弹幕跑过的时间
·我把新发送的弹幕的边框去掉了,换成了半透明背景色
·修正了之前版本不能发带+号的弹幕的问题
·好像没有什么其他的更改了呢

弹幕播放器增加div弹幕模式

经过我不泻的努力,终于把canvas弹幕和div弹幕融合到一个播放器里了,其中还因为把splice写成slice搞得我两周都没想明白为什么明明显示在屏幕上的弹幕会没有parentNode,同时我还给COL加了直接矩阵变换模式,减小对不一直移动对象的位置计算压力(可惜弹幕是一只移动的诶,只有上下弹幕受益了)(这个更新没有推到COL的github,因为还有点问题)
上demo:http://demo.luojia.me/danmuPlayer/20140602/

默认还是canvas弹幕,在边栏的设置里点“普通弹幕”,再点“单独渲染”,就会进入div弹幕状态了,现在经测试在弹幕密集是div弹幕会很卡,性能远不如canvas弹幕
另外我还加上了描边宽度和阴影厚度的拉条,这自定义简直不敢相信(≧∇≦)(PS:两种弹幕的描边效果有些不一样。。。.canvas是往里面描,div是往外面)

弹幕寻轨

我在这里把弹幕播放器里的寻轨函数贴出来

首先用四个数组代表四种弹幕的轨道,轨道高度就是屏幕高度
然后生成弹幕时用寻轨函数找到能容得下这个弹幕的空轨道

轨道数组:(原谅我放荡不羁地用拼音英语混合命名。。。)

实际上每个轨道的数组只是分页数组,轨道在每一个里面

继续阅读弹幕寻轨

弹幕播放器小幅更新

这一次修复了以下问题:
·弹幕发送重复
·弹幕不贴合时间

添加了以下功能:
·视频变速(用来做高级弹幕的时候获取精确时间用的)
·设置里的“默认隐藏边栏选项

优化:
·弹幕移动
·把弹幕位置设定器放到了canvas帧循环里,移动更流畅

经过我超神的优化,这个播放器在我的小红上CPU占用终于从50%几降到了20%几,在大红黑上看不出什么区别,一直都是2%。。。。

小红的截图
小红

大红黑的截图
大红黑

DEMO:http://demo.luojia.me/danmuPlayer/20140510/