一、使用到的相关链接
-
参考
-
opencv-websocket: 基于opencv-web的实现
-
https://github.com/zaphoyd/websocketpp
-
-
安装教程
-
Websocket++安装使用 - 知乎 (zhihu.com)
-
二、编译教程（Ubuntu为例）
遇到相关问题可以参考：Websocket++安装使用 - 知乎 (zhihu.com)
0、下载源码
git clone https://github.com/caip1299920300/Websocket1、安装环境
-
安装boost
sudo apt-get install libboost-all-dev -
安装WebSocket++
git clone https://github.com/zaphoyd/websocketpp （将websocketcpp下载到本地） cd websocketcpp （进入websocketcpp目录） mkdir build （创建build目录，存放cmake生成的中间文件） cd build （进入build目录） cmake .. （执行CMakeList.txt） make make install
2、测试安装
cd websocketpp/examples/echo_server
g++ -o echo_server echo_server.cpp -lboost_system -lpthread（编译链接echo_server）
./echo_server（启动服务器端）
cd websocketpp/examples/echo_client（编译链接echo_client）
g++ -o echo_client echo_client.cpp -lboost_system -lpthread（启动客户端）
./echo_client三、编译运行视频传输服务端
想要修改相关的服务端端口和播放视频，可以 vim Websocket/src/main.cpp文章来源：https://www.toymoban.com/news/detail-707942.html
# 端口默认9000，修改的话，如下
wsserver.listen(9000);
# 播放地址可以在这里修改
cap.open("https://vd3.bdstatic.com/mda-kidf9t0h94ga32tu/v1-cae/sc/mda-kidf9t0h94ga32tu.mp4?v_from_s=hkapp-haokan-hnb&auth_key=1692682929-0-0-fb7bc38357c4376537d42d3f399d63ad&bcevod_channel=searchbox_feed&pd=1&cr=2&cd=0&pt=3&logid=2529742350&vid=9815726611466644147&klogid=2529742350&abtest=111803_4-112162_4");1、编译
# 建立build目录
mkdir Websocket/build
# 进入build目录
cd build
# 编译
cmake ..
make 2、运行
./WebSocketServer四、Web客户端的修改
1、修改web的ip和端口
# 修改ws-opencv.html的ip和端口
let ws = new WebSocket('ws://172.16.25.199:9000');2、直接点击ws-opencv.html,显示如下
文章来源地址https://www.toymoban.com/news/detail-707942.html
到了这里，关于WebSocket和Html通讯的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
