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/[email protected]/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（默认）|