埃尔法哥哥使用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代码 , 同时 , 可以不调用数据库写入和获取的代码 , 代码如下:
本文插图
打开src文件夹下js文件夹中的main.js , 找到sendDanmu的函数定义 , 注释掉原代码中的addDanmu调用 , 修改为websocket.send()方法 , 将对应的弹幕Json通过websocket传递 , 代码如下:
本文插图
【埃尔法哥哥使用Swoole中的WebSocket快速实现弹幕效果】
- 用身体为孩子遮雨四分钟!暖心民警变身“遮雨小哥哥”
- 社会谈资|林志颖老婆晒儿子买冷饮,4岁半哥哥镜头感十足,母子都是大长腿
- 掌上新闻|还是伊能静厉害,52岁把42岁老公熬成“哥哥”,生图状态谁敢信
- 残忍!男子趁哥哥熟睡持刀将其杀害,原因竟是…
- 「将熟睡的哥哥残忍杀害」将熟睡的哥哥残忍杀害!男子潜逃27年海南落网
- 埃尔法哥哥人工智能时代给我们带来什么
- 陈锐农事通|另一组刚成立是解散的女团
- 姚明是我哥哥|FIFA20潜力榜单都是妖王?总体来看还行,巴萨这名小将未来存疑
- 张柏芝@张柏芝工作带娃两不误,1岁半小王子身高抢镜,和哥哥小Q感情超好
- 木哥哥侃篮球|辽宁队想哭,挑战广东冲击总冠军,依然只是一个梦,15分惨败