webassembly环境搭建、编译h265解码器、js调用

一、安装docker环境

1.1、安装docker源

cd /etc/yum.repos.d/

wget -o /etc/yum.repos.d/docker-ce.repo http://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo

1.2、修改源为阿里云

编辑替换https://download.docker.com 为http://mirrors.aliyun.com/docker-ce

vi docker-ce.repo

:%s#https://download.docker.com#http://mirrors.aliyun.com/docker-ce#g

yum clean all & yum makecache

1.3、安装docker

yum install docker-ce

二、安装emscripten镜像

2.1、官方镜像：

https://hub.docker.com/r/emscripten/emsdk

2.2、安装镜像

docker pull emscripten/emsdk

2.3、查看镜像

docker images

2.4、后台启动镜像

docker run -itd emscripten/emsdk

2.5、查看运行容器

docker ps -a

2.6、容器与服务器间文件拷贝

docker cp '服务器文件路径' 容器ID(ps命令获取):容器内路径

docker cp 容器ID(ps命令获取):容器内路径 '服务器文件路径'

2.7、进入容器

docker attach 容器ID(ps命令获取)

2.8、退出容器

exit

2.9、删除运行的容器

docker rm -f 容器ID(ps命令获取)

镜像不会被删除

三、编译wasm插件

3.1、解码器开源实现

https://github.com/goldvideo/decoder_wasm

3.2、编译过程

下载ffmpeg源码

https://codeload.github.com/FFmpeg/FFmpeg/zip/refs/tags/n4.4

decoder_wasm和ffmpeg置于同一级文件夹，执行脚本build_decoder_265.sh

3.3、生成文件

如下libffmpeg_265.wasm文件和libffmpeg_265.js文件配套使用

4.4、js调用方法

4.5、yuv渲染

可用webgl或canvers2d,参考开源项目

https://github.com/p4prasoon/YUV-Webgl-Video-Player

四、参考：

1. https://github.com/goldvideo/decoder_wasm

2. https://github.com/p4prasoon/YUV-Webgl-Video-Player

3. https://blog.csdn.net/csdn_fd/article/details/113702190

4. https://blog.csdn.net/kkae8643150/article/details/104942108?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2~aggregatepage~first_rank_v2~rank_aggregation-3-104942108.pc_agg_rank_aggregation&utm_term=docker%E6%90%AD%E5%BB%BAffmpeg&spm=1000.2123.3001.4430

5. https://www.runoob.com/docker/docker-container-usage.html