0
点赞
收藏
分享

微信扫一扫

视频直播、点播H5在播放器使用中常见问题

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

视频直播、点播H5在播放器使用中常见问题_全屏

报错原因: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

视频直播、点播H5在播放器使用中常见问题_新版本_02

视频直播、点播H5在播放器使用中常见问题_解决方法_03

报错原因: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 。

视频直播、点播H5在播放器使用中常见问题_全屏_04

解决方法:同上


举报

相关推荐

0 条评论