xchat-h5-player

1.0.2 • Public • Published

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(默认)

Readme

Keywords

Package Sidebar

Install

npm i xchat-h5-player

Weekly Downloads

2

Version

1.0.2

License

MIT

Unpacked Size

251 kB

Total Files

39

Last publish

Collaborators

  • chx2773052294