EasyWasmPlayer按官网方法安装上后,本地可以访问视屏。

项目打包后,文件部署后h265格式视频黑屏有视频流

libDecoder文件404

在开发者工具中网络下找到编译器文件libDecoder.wasm文件

指针移到文件名上查看文件地址

如(此图为类似方法不是相应文件)

 1,问题是项目部署后,官网说的EasyWasmPlayer.js 、 libDecoder.wasm要放在vue的public文件下,但是项目打包后部署到线上环境。EasyWasmPlayer.js能读取到,但是libDecoder.wasm却不行。找了好久才知道要把EasyWasmPlayer.js,libDecoder.wasm文件配置在服务器ngnix的地址指向的file目录下,EasyWasmPlayer.js也可以放在public下。用项目的地址访问这个资源能访问到,比如你项目访问到你放的这个资源的地址  www.xxx.com:9000/file/libDecoder.wasm  。

2,重点方法使用,你把这个两个文件放到项目ngnix下的file下后。在public里面的index引用,那个EasyWasmPlayer.js里面还要修改下libDecoder.wasm的路劲,要不一直读不到。原来的是GA=T+"libDecoder.wasm"; 修改为GA=T+"/file/libDecoder.wasm"。加上项目地址能访问到的后缀。www.xxx.com:9000/file/libDecoder.wasm是能访问到,就把端口后面的换成那个。这样项目才能显示直播视频,才不会黑屏和找到libDecoder.wasm文件。

 

 

 

GitHub 加速计划 / vu / vue
100
18
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:17 天前 )
9e887079 [skip ci] 11 个月前
73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 1 年前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐