cofor-webrtc v0.1.7

cofor-webrtc

云森物联网webRTC组件

• 安装组件库

    yarn add cofor-webrtc
    npm install cofor-webrtc

• 全局导入

    import coforWebRTC from 'cofor-webrtc'
    import 'cofor-webrtc/dist/cofor-webrtc.css'
    Vue.use(coforWebRTC)

• 语音通话 组件名 AudioCall

  API

  | 参数 | 说明 | 类型 | 默认值 |
  | chatId | 房间id | Number or String | null |
  | backToken | 连接token | String | null |
  | uuid | 用户id | Number or String | null |
  | socketUrl | 房间接口 | String | null |
  | width | 宽度 | String | null |
  | height | 高度 | String | null |

  | 事件 | 说明 | 传参 |
  | @closeAudio | 结束通话回调事件 | 房间id(chatId) |
  | hangupCall | 结束组件内通话事件 | 无 |

  | 插槽 | 说明 | 传参 |
  | PlayerHandle | 样式自定义插槽 | |

  调用示例

    <AudioCall :chatId="" :backToken="" :uuid="" :socketUrl="" :width="" :height="">
      <slot name="PlayerHandle">自定义样式</slot>
    </AudioCall>

• 视频监控 组件名 LivePreview

  API

  | 参数 | 说明 | 类型 | 默认值 |
  | chatId | 房间id | Number or String | null |
  | backToken | 连接token | String | null |
  | uuid | 用户id | Number or String | null |
  | socketUrl | 房间接口 | String | null |
  | width | 宽度 | String | null |
  | height | 高度 | String | null |

  | 事件 | 说明 | 传参 |
  | @closeDemand | 结束通话回调事件 | 房间id(chatId) |
  | hangupCall | 结束组件内通话事件 | 无 |

  | 插槽 | 说明 | 传参 |
  | PlayerHandle | 样式自定义插槽 | |

  调用示例

    <LivePreview :chatId="" :backToken="" :uuid="" :socketUrl="" :width="" :height="">
      <slot name="PlayerHandle">自定义样式</slot>
    </LivePreview>

• 视频通话 组件名 VideoCall

  API

  | 参数 | 说明 | 类型 | 默认值 |
  | chatId | 房间id | Number or String | null |
  | backToken | 连接token | String | null |
  | uuid | 用户id | Number or String | null |
  | socketUrl | 房间接口 | String | null |
  | width | 宽度 | String | null |
  | height | 高度 | String | null |

  | 事件 | 说明 | 传参 |
  | @closeVideo | 结束通话回调事件 | 房间id(chatId) |
  | hangupCall | 结束组件内通话事件 | 无 |

  | 插槽 | 说明 | 传参 |
  | PlayerHandle | 样式自定义插槽 | |

  调用示例

    <VideoCall :chatId="" :backToken="" :uuid="" :socketUrl="" :width="" :height="">
      <slot name="PlayerHandle">自定义样式</slot>
    </VideoCall>