视频整合组件

mapcarrier是为了快速调用高德地图而整合的组件。

安装

npm install monitor-carrier

快速使用

安装完成之后，即可使用 import 或 require 进行引用

import { Monitor } from 'monitor-carrier';

const Page = () => {
    
    const monitor = new Monitor({
        container: document.getElementById('container'),
        width: size.width,
        height: size.height,
        path: 'https://xianhekejiyuan.com.cn/mgr/video2/manager/video?lsq=ULTo57K1VrT_3AhvpGuQE',
        code: "24",
        appcode: '2asd32ds',
        secretkey: '2asd32ds',
    })
    monitor.render()

    return <div id="container"/>;
};

export default Page;

API

配置项

| 参数 | 说明 | 类型 | 默认值 | |-----------|---------------------------------|-----|-------| | container | 必填，视频容器 | ReactNode | string | - | | path | 必填，视频云平台地址 | string | - | | appcode | 必填，视频参数 | string | - | | secretkey | 必填，视频参数 | string | - | | width | 视频宽度 | number | 1024 | | height | 视频高度 | number | 768 |

成员函数

| 函数名 | 说明 | 类型 | |----------------|-----------|---------------------------| | render | 渲染组件 | function( ) | | clear | 清除组件 | function( ) | | setWidth | 设置组件宽度 | function( number ) | | setHeight | 设置组件高度 | function( number ) | | setAppcode | 设置组件参数 | function( string ) | | setSecretkey | 设置组件参数 | function( string ) | | getPath | 获取最终可播放地址 | function() string |