这里我们主要介绍后台搭建技术,前端搭建好后,需要后端配置展现,实现的效果就是 :网页连接上我们的 websocket服务后,我们就从H264文件中不断的提取出H264帧,然后传递给前端,前端调用webassembly进行解码播放.
视频课程以及源码下载:
https://edu.csdn.net/course/detail/35615
章节列表:
- 搭建webassembly网页播放器(一)—centeros 虚拟环境搭建
- 搭建webassembly网页播放器(二)—emcc环境搭建
- 搭建webassembly网页播放器(三)—emcc编译ffmpeg编译库
- 搭建webassembly网页播放器(四)—网页调用ffmpeg.js单元测试用例
- 搭建webassembly网页播放器(五)—网页播放器开发
- 搭建webassembly网页播放器(六)—websocket后台服务程序
实现效果:
依赖开源工程
目录结构如下:
对于我们后台程序,主要是 module以及server两个目录,web-clent是网页前端的html以及 webassembly c/c++代码.
module目录主要是我们后台服务程序依靠的第三方开源库;
- libwebsockets. 用于帮助我们搭建websocket server.
- SDL。
- ffmpeg. 使用ffmpeg主要是从h264文件中读取h264 nalu(有点飞机打蚊子的感觉!)
ffmpeg 编译
下载:
git clone https://git.ffmpeg.org/ffmpeg.git ffmpeg
编译:
./configure --prefix=$PWD/../server/ffmpeg --disable-everything --disable-yasm --enable-muxer=h264
make
make install
SDL
官网: http://www.libsdl.org/
介绍:SDL是一个跨平台的库,实现了对windows/linux跨平台的支持,比如:线程,锁,信号量等
./configure --prefix=$PWD/../server/sdl/
make
make install
libwebsockets
官网: https://libwebsockets.org/
介绍: libwebsockets是一个基于C的websocekt开源库,基于它我们制作服务端.
git clone https://libwebsockets.org/repo/libwebsockets
mkdir build
cd build
cmake ..
make
编译后产生的静态库,我们都统一放在了server端目录下:
涉及技术点
连接池
连接池这个技术对于我们做后台并发服务的同学来说,是必须掌握的一个技术!
我们这里运用连接池,主要是为了解决临界问题:
比如这里我们服务停止有2个因素:
- 文件读完了。
- 用户关闭了网页,导致websocket服务终端
我们后台有一个会话Session,代表了和网页用户的"通讯",我们会使用std::map存储会话,key就是连接池句柄了!
1和2处于不同的线程,因此必然会导致临界问题,我们使用连接池,我们就可以确保我们的key永远是存活的.
nginx中的http模块对那种高并发情况下的 http请求/关闭,使用连接池还可以解决大量内存动态的分配/释放导致的CPU高负荷的问题.
具体运用,请参考我们的源码和视频讲解!