WebSocket协议是基于TCP的一种新的网络协议。它实现了浏览器与服务器全双工(full-duplex)通信——允许服务器主动发送信息给客户端。
接下来,如果是单纯想学习WebSocket的使用方式的话,可以使用DanmuPlayer项目的源码,是一款Html5弹幕视频播放器插件,也可以执行写一个弹幕插件。我比较懒,直接使用了现成的插件,按照文档配置好后,可以在本地单机使用弹幕效果了。
由于此次是单纯简单入门Swoole,并没有做复杂的代码封装。
1.直接在DanmuPlayer下,demo文件夹中,创建ws_server.php文件,代码如下:
![17262b976edcbc4946eb2fe64a1b693e.png](https://img-blog.csdnimg.cn/img_convert/17262b976edcbc4946eb2fe64a1b693e.png)
2.打开index.html文件,在对应位置加入调用WebSocket的JS代码,同时,可以不调用数据库写入和获取的代码,代码如下:
![87876b200bd7164bd97d130bcc3e3dc4.png](https://img-blog.csdnimg.cn/img_convert/87876b200bd7164bd97d130bcc3e3dc4.png)
3.打开src文件夹下js文件夹中的main.js,找到sendDanmu的函数定义,注释掉原代码中的addDanmu调用,修改为websocket.send()方法,将对应的弹幕Json通过websocket传递,代码如下:
![1776c0865b83b13cc579ccb848777a29.png](https://img-blog.csdnimg.cn/img_convert/1776c0865b83b13cc579ccb848777a29.png)
4.接下来,就可以运行WebSocket并记录到log.txt文件了。
nmw@nmw /w/w/D/demo> nohup php5.6 ws_server.php > log.txt &
以上,便是简要WebSocket实现弹幕的整体代码。浏览器通过 JavaScript 向服务器发出建立 WebSocket 连接的请求,连接建立以后,客户端和服务器端就可以通过 TCP 连接直接交换数据。
如果你喜欢我写的技术文章以及面试总结,欢迎关注收看我的视频,并且点赞、收藏、关注我哦。
我是luke,感谢你的关注!
很多小伙伴在进阶的时候总会遇到一些问题和瓶颈,业务代码写多了没有方向感,不知道该从那里入手去提升,对此我整理了一些资料,希望能够去帮助到小伙伴们,可以关注我。并且加入到我的圈子一起学习成长哦【架构师之路】点击链接申请加入圈子
架构师之路 - 知乎www.zhihu.com![813b79d483b3eab63f7d7b06e8f900c5.png](https://img-blog.csdnimg.cn/img_convert/813b79d483b3eab63f7d7b06e8f900c5.png)