1.0.2 • Published 10 months ago
uniubi-player v1.0.2
uniubi player
1.页面提供容器(容器自身需要有宽高)
<div id="player"
style="width: 600px; height: 400px;">
</div>
2.实例化
2.1 使用npm包
import UniubiPlayer from 'uniubi-player';
let player = new UniubiPlayer({
target: document.getElementById('player'),
props: {
productKey: 'HVzF9fhlJQwhIzfx',
deviceNo: '66010200691320000238',
channelId: 0,
token: 'CEA1A2688DCE06B60DC4B60FAAA078DF7EA52FE68AA4CEF4833D0A3014B3B6AE5841CEA57EFF99C55AC90D72CE4DE89BF5E600188DE9134FDBFE33E79FF1D1D074B6B44FC149D42818BE2D1884D155F8E207F91BA19522265A0B0D76045283C6668DB2AF535458D58635BADE713DFAF11689239249464',
}
});
2.2 使用cdn
<script src="//registry.npmmirror.com/uniubi-player/[VERSION]/files/dist/index.js"></script>
<script>
let player = new window.UniubiPlayer({
target: document.getElementById('player'),
props: {
productKey: 'HVzF9fhlJQwhIzfx',
deviceNo: '66010200691320000238',
channelId: 0,
token: 'CEA1A2688DCE06B60DC4B60FAAA078DF7EA52FE68AA4CEF4833D0A3014B3B6AE5841CEA57EFF99C55AC90D72CE4DE89BF5E600188DE9134FDBFE33E79FF1D1D074B6B44FC149D42818BE2D1884D155F8E207F91BA19522265A0B0D76045283C6668DB2AF535458D58635BADE713DFAF11689239249464',
}
});
</script>
2.3 props参数
参数 | 类型 | 必填 | 说明 |
---|---|---|---|
productKey | string | 是 | 设备所属产品,如:HVzF9fhlJQwhIzfx |
deviceNo | string | 是 | 设备, 如:66010200691320000238 |
channelId | number | 是 | 通道id,无通道则填0 |
token | string | 是 | wo平台token |
onError | function | 否 | 错误回调,目前仅 tokenInvalid(token失效) , deviceNotFound(找不到设备信息),还有一些播放器的错误 |
origin | string | 否 | 服务地址,不设置则为线上wo平台即 https://aiot.uni-ubi.com |
hideReview | boolean | 否 | 关闭回放功能 |
debug | boolean | 否 | 主要用于打开直播时的播放器的调试信息 |