免费视频直播、点播H5播放器SkeyeWebPlayer播放常见问题
2023-06-13 09:18:15 时间
免费视频直播、点播H5播放器SkeyeWebPlayer使用常见问题
1、用常见问题——配置iframe允许自动播放和全屏
SkeyeWebPlayer播放器在PC上正常情况下单击播放器的全屏按钮是可以全屏播放的,在使用时如果用到了iframe时,全屏按钮就会失效,需要设置如下 webkitallowfullscreen mozallowfullscreen allowfullscreen 即可:
<iframe width="800" height="600" src="http://192.168.0.111:8102/" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" ></iframe>
2、用常见问题——快照截取图片报错 this._demuxer.snapshot is not a function
报错原因:SkeyeWebPlayer.js 版本问题,报错版本中没有snapshot方法。
解决方法:下载新版本SkeyeWebPlayer.js SkeyeWebPlayer.js 地址。
3、用常见问题——快照截取图片报错 Uncaught (in promise) RuntimeError: abort(RuntimeError: abort(both async and sync fetching of the wasm failed) at Error
报错原因:SkeyeWebPlayer.js快照截图依赖于 libVSS.wasm 。
解决方法:下载新版本 libVSS.wasm libVSS.wasm 地址,下载文件或需要放到项目根目录,
vue 开发模式:需配置 webpack.base.conf.js
npm i copy-webpack-plugin
webpack.base.conf.js 中配置
const CopyWebpackPlugin = require('copy-webpack-plugin')
plugins: [
new CopyWebpackPlugin([
{
from: path.resolve(__dirname, '../static/SkeyeWebPlayer/libVSS.wasm'),
to: './'
}
])
],
在html中直接使用 demo下载地址
4、用常见问题——H265视频流播放 依赖于 libVSS.wasm 。
解决方法:同上
更多文章
在VUE项目中使用永久免费H5直播点播播放器SkeyeWebPlayer.js
相关文章
- 移动端H5坑位指南
- H5+个推实现消息推送服务
- h5作品介绍_editable联动
- 【说站】免授权脱单交友盲盒H5+小程序+APP源码
- 原生H5实现观音抽签祈福效果
- H5入门教程
- H5标签datalist
- vue-cli3构建H5移动应用(vant+rem)
- 实战:第六章:H5微信与支付宝调试错误,请回到请求来源地,重新发起请求。 错误代码 insufficient-isv-permissions
- 在VUE项目中添加使用SkeyeWebPlayer.js直播点播H5免费播放器
- H5新增标签以及简介
- 永久免费H5直播点播播放器SkeyeWebPlayer.js实现webrtc流播放
- 接口 和 h5 的数据处理 (加密 和 验签 和 鉴权)详解程序员