这里我们主要介绍后台搭建技术,前端搭建好后，需要后端配置展现,实现的效果就是 ：网页连接上我们的 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目录主要是我们后台服务程序依靠的第三方开源库;

1. libwebsockets. 用于帮助我们搭建websocket server.
2. SDL。
3. 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个因素:

1. 文件读完了。
2. 用户关闭了网页，导致websocket服务终端

我们后台有一个会话Session，代表了和网页用户的"通讯",我们会使用std::map存储会话，key就是连接池句柄了!

1和2处于不同的线程，因此必然会导致临界问题，我们使用连接池，我们就可以确保我们的key永远是存活的.

nginx中的http模块对那种高并发情况下的 http请求/关闭，使用连接池还可以解决大量内存动态的分配/释放导致的CPU高负荷的问题.

具体运用，请参考我们的源码和视频讲解!