日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

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

發布時間:2023/12/9 编程问答 36 豆豆
生活随笔 收集整理的這篇文章主要介紹了 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

四、參考:

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

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

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

  • 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

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

  • 總結

    以上是生活随笔為你收集整理的webassembly环境搭建、编译h265解码器、js调用的全部內容,希望文章能夠幫你解決所遇到的問題。

    如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。