@tanzerfe/player-hub
v0.0.3
Published
---
Downloads
3
Readme
播放器组件
H5sPlayer（零视视频播放器）
参数说明
| 参数 | 类型 | 必传 | 备注 | |:----------|:--------|:--:|:----------------------------------| | videoId | string | 是 | dom元素ID | | liveURL | string | 是 | 直播流平台地址 | | session | string | 否 | 登录接口获取，默认空 | | token | string | 否 | 默认"device1--1" | | hlsver | string | 否 | v1 is for ts, v2 is for fmp4，默认v1 | | enableLog | boolean | 否 | 日志开关 默认关 | | ext | object | 否 | 扩展属性 |
接入示例
// 方式一：ES module
import { H5sPlayer } from '@tanzer/player-hub/src/h5s/15.0.1025';
const player = new H5sPlayer({
videoId: 'JS_player_h5s', // video元素ID
liveURL: 'xxx',
// ...
});
player.connect();<!-- 方式二：浏览器引用 umd 包 -->
<head>
<script src="/dist/h5s/15.0.1025/h5splayer.umd.js"></script>
<script>
new PlayerHub.H5sPlayer({
videoId: 'JS_player_h5s', // video元素ID
liveURL: 'xxx',
// ...
})
</script>
</head>AliPlayer（阿里视频播放器）
参数说明
接入示例
// 方式一：ES module
import { AliPlayer } from '@tanzer/player-hub/src/ali/2.18.1';
import '@tanzer/player-hub/src/ali/2.18.1/aliplayer-min.css';
const player = new AliPlayer({
// ...
});<!-- 方式二：浏览器引用 umd 包 -->
<head>
<script src="/dist/ali/2.18.1/aliplayer.umd.js"></script>
<!-- <style rel="stylesheet" href="/dist/ali/2.18.1/aliplayer-min.css"></style> -->
<script>
new PlayerHub.AliPlayer({
// ...
})
</script>
</head>