关于前端:免费视频直播点播H5播放器SkeyeWebPlayer使用常见问题

免费视频直播、点播 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