嗨,老铁,欢迎来到我的博客!

如果觉得我的内容还不错的话,可以关注下我在 segmentfault.com 上的直播。我主要从事 PHP 和 Java 方面的开发,《深入 PHP 内核》作者之一。

直播中我将毫无保留的分享我这六年的全部工作经验和踩坑的故事,以及会穿插着一些面试中的 考点难点加分点

周梦康 发表于 2017-03-10 4956 次浏览

chrome 升级不让使用未验证的拓展了,所以下面的无法演示了

项目地址:https://github.com/zhoumengkang/chrome-plugin-danmu

演示地址:http://mengkang.net/demo/websocket/

src 目录是源代码,src.crx是打包的扩展,将src.crx拖入chrome插件列表就安装成功了,然后对比演示地址的前后效果。

制作原因

只有直播没有弹幕,能行吗?昨天公司举行了一场大会,我们只能在屏幕前看直播,所以我做了这个插件来给直播加上弹幕。

工作原理

找到视频DIV,然后在视频上面添加一层弹幕遮罩,下面添加一个input框,后端统一请求一个websocket服务。

截图对比

safari 上无插件原始状态

chrome 安装插件之后

分享到

评论列表

如果填写邮箱了,当我我回复您的时候会给您邮箱发送消息提醒,方便交流
提交 可以使用`xxxx`来插入简短的代码碎片
1楼 wujunze 2017-04-13 14:59:00

回复
2楼 路人甲 2017-08-08 22:11:25

回复wujunze: 66666

回复