使用Swoole中的WebSocket快速实现弹幕效果
使用Swoole中的WebSocket快速实现弹幕效果
具体详细了解WebSocket可以查看:WebSocket是什么原理?为什么可以实现持久连接?
言归正传 , 首先编译安装Swoole扩展 , 并创建WebSocket服务器 。
接下来 , 如果是单纯想学习WebSocket的使用方式的话 , 可以使用DanmuPlayer项目的源码 , 是一款Html5弹幕视频播放器插件 , 也可以执行写一个弹幕插件 。 我比较懒 , 直接使用了现成的插件 , 按照文档配置好后 , 可以在本地单机使用弹幕效果了 。
由于此次是单纯简单入门Swoole , 并没有做复杂的代码封装 。
直接在DanmuPlayer下 , demo文件夹中 , 创建ws_server.php文件 , 代码如下:
打开index.html文件 , 在对应位置加入调用WebSocket的JS代码 , 同时 , 可以不调用数据库写入和获取的代码 , 代码如下:
打开 src文件夹下js文件夹中的main.js , 找到sendDanmu的函数定义 , 注释掉原代码中的addDanmu调用 , 修改为websocket.send()方法 , 将对应的弹幕Json通过websocket传递 , 代码如下:
直接在DanmuPlayer下 , demo文件夹中 , 创建ws_server.php文件 , 代码如下:

文章图片
打开index.html文件 , 在对应位置加入调用WebSocket的JS代码 , 同时 , 可以不调用数据库写入和获取的代码 , 代码如下:

文章图片
【使用Swoole中的WebSocket快速实现弹幕效果】打开 src文件夹下js文件夹中的main.js , 找到sendDanmu的函数定义 , 注释掉原代码中的addDanmu调用 , 修改为websocket.send()方法 , 将对应的弹幕Json通过websocket传递 , 代码如下:

文章图片
推荐阅读
- 弹射刀——美国禁止非军方人士使用的刀具
- 原创 爱情中的女人,都希望得到男人的这几样东西,男人别假装不懂
- 省油王中的本田CRV怎么样?CRV车主说的是实话!
- 原创 刘备生命中的四大贵人,诸葛亮排名末尾,排第一的是个商人
- 好吃又不增脂,它们才是泡面中的减肥伴侣
- 「连麦两会」两位90后村支书隔空分享战“疫”中的乡村管理经验,共谋致富奔小康之路
- 成功抄底是每个散户心中的梦想,前提得要
- 每个人眼中的洛神不一样,那你眼中的朱婷等女排是什么样?
- 新版“红绿灯”开始使用,取消读秒改名字,司机:一不小心扣18分
- 震惊,红小豆竟能帮助你清除血管中的胆固醇!你知道吗?
