xchat-h5-player

移动端播放器

Usage no npm install needed!

<script type="module">
  import xchatH5Player from 'https://cdn.skypack.dev/xchat-h5-player';
</script>

README

xchat-h5-player 使用说明

移动端H5直播播放器，支持hls和flv的自动识别及flv流支持的情况下优先播放flv流，支持hls流质量检测以及在质量不佳的情况下自动切换流，解决微信、QQ浏览器下视频播放自动全屏video层级处于最高的问题，能开启沉浸式渲染同层播放

安装方法

npm install xchat-h5-player -S

使用说明

<script src="flv.min.js"></script>
<script src="https://unpkg.com/xchat-h5-player@1.0.0/dist/XchatH5Player.js"></script>

在模块管理器使用

    //列如在Vue main.js
    import flv from 'flv.js'
    window.flvjs = flv
    //在组件中
  import XchatH5Player from 'xchat-h5-player'
    new XchatH5Player(options)

API

Options

参数 说明 类型 可选值 默认值
el 播放器容器ID String 必选参数
watchServer 播放数组 Array 必选参数 ([{flv:'....',hls:'....'}])
mode 播放模式 Number 0或1（0为铺满整窗口的播放模式 1为在整个文档最上方的局部播放模式） 0（默认）
openHls 是否强制开启HLS播放 Boolean true或false false(默认)
autoPlay 是否自动播放(注意只能在x5内核的浏览器内该播放器才会自动播放) Boolean true或false true（默认）
sendTime 循环检测流质量的时间间隔，设为0时，将不会开启切换功能同时切换流按钮将不展示 Number 一个整数 10（默认）