vue项目的EasyWasmPlayer打包后部署libDecoder.wasm找不到,视频流可以推送,视频黑屏不显示。
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue

·
EasyWasmPlayer按官网方法安装上后,本地可以访问视屏。
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文件。




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 年前
更多推荐
所有评论(0)