0.7.3 • Published 2 years ago

hy-rtc v0.7.3

Weekly downloads
-
License
-
Repository
-
Last release
2 years ago

npm包信息

包名:hy-rtc

安装方式 yarn add hy-rtc

样式引入

更新内容

【0.7.3】20211104

  • 优化 - 放大云台控制按钮,移除斜方向的按钮。

【0.7.2】20211013

  • 修复 - 新建会议房间或重新进入会议房间,在设备端未操作的情况下显示该设备已加入房间
  • 修复 - 优化平板网页端直播时球机云台控制问题
  • 优化 - 球机上传的经纬度信息转换成地址信息 并显示在布控球列表中

【0.7.1】20210902

  • 优化 - 添加布控球时列表排序,在线设备往前排序
  • 优化 - 会议成员列表中,可移除未加入的会议成员

【0.7.0】20210830

  • 开发 - 新增拉入、移除会议成员
  • 开发 - 新增拉入、移除布控球设备

【0.6.3】20210816

  • 修复 - 设备退出时的逻辑处理

【0.6.1】20210813

  • 开发 - 会议中拉入新成员

20210811

  • 开发 - 视频会议拉摄像头
  • 优化 - 摄像头拉流失败的提示
  • 优化 - 退出视频会议时,关闭摄像头、麦克风采流。

20210804

  • 修复云台控制图标显示
  • 修复荣耀平板上部分浏览器不支持H264解码

20210729

  • 修复退出会议BUG。
  • 新增videoConferencingPlayerV2组件。
  • 弃用旧版会议组件,移除旧版文档。

20210615

  • 视频会议组件新增deviceItemStyle属性,用于控制视频会议设备框的样式。
  • 优化直播与视频会议同时发起时的逻辑。
  • 修改视频会议设备框显示用户名称。

组件按需引入

【直播播放器组件】

支持功能
  • 设备视频点播
  • 云台控制
引入方式

import { monitorPlayer } from 'hy-rtc'

props参数

名称类型用途示例必填
serverInfoObject【服务器连接信息】host: MQTT服务器地址clientId:客户IDusername:用户名密码:passwordport:服务端口按实际情况填写,可参考Demo
controlMenusArray【播放器中的按钮】 云台控制:"controller"停止播放:"stop"全屏:"fullScreen"静音:"muted"controlMenus: 'stop','fullScreen', 'muted'
screenCountNumber分屏数量(目前支持1、4、9)1 (默认值:4)
widthString播放器宽度960px (默认值:800px)
heightString播放器高度640px (默认值:600px)

发起直播 (callMonitor)

调用示例

const monitorList = [
    {
      deviceId: '44030700001320000001', // 设备名称
      deviceObj: {
        name: '人员1', // 设备人员名称
        companyNameStr: '部门1' // 部门名称
      }
    }
  ]
this.$refs.monitorPlayer.callMonitor(monitorList)

关闭直播(closeMonitor)

调用示例

this.$refs.monitorPlayer.closeMonitor()

【视频会议播放器组件】

支持功能
  • 加入房间
  • 退出房间
  • 关闭 | 开启 本地摄像头
  • 关闭 | 开启 本地麦克风
  • 设置主持人
开发说明
  • 请使用https环境进行开发,本地调试时,可将vue.config.js中devServer -> https设置为true
  • 调试时,请确保当前浏览页 网站设置 -> 权限 -> 摄像头 为开启状态
  • 谷歌浏览器进入设置白名单 chrome://flags/#unsafely-treat-insecure-origin-as-secure
引入方式

import { videoConferencingPlayerV2 } from 'hy-rtc'

props参数

名称类型用途示例必填
serverInfoObject【服务器连接信息】host: MQTT服务器地址clientId:客户IDusername:用户名密码:passwordport:服务端口按实际情况填写,可参考Demo
widthString播放器宽度960px (默认值:800px)
heightString播放器高度640px (默认值:600px)

加入会议 (joinChannel)

joinChannel () {
  const channel = {
    id: 16
  }
  this.$refs.videoConferencingPlayerV2.joinChannel(channel)
}

退出会议

方法名(outChannel)

outChannel () {
  this.$refs.videoConferencingPlayerV2.outChannel()
}

退出会议事件

事件名称:on-outChannel 点击退出会议时触发

<videoConferencingPlayerV2 @on-outChannel="onOutChannel" ······></videoConferencingPlayerV2>
0.7.3

2 years ago

0.7.2

3 years ago

0.7.1

3 years ago

0.7.0

3 years ago

0.6.6

3 years ago

0.6.5

3 years ago

0.6.3

3 years ago

0.6.4

3 years ago

0.6.2

3 years ago

0.6.1

3 years ago

0.6.0

3 years ago

0.5.4

3 years ago

0.5.3

3 years ago

0.5.6

3 years ago

0.5.5

3 years ago

0.5.0

3 years ago

0.5.2

3 years ago

0.5.1

3 years ago

0.3.9

3 years ago

0.3.6

3 years ago

0.3.5

3 years ago

0.3.8

3 years ago

0.3.7

3 years ago

0.4.0

3 years ago

0.3.4

3 years ago

0.3.3

3 years ago

0.3.2

3 years ago

0.3.1

3 years ago

0.3.0

3 years ago

0.2.9

3 years ago

0.2.8

3 years ago

0.2.7

3 years ago

0.2.6

3 years ago

0.2.4

3 years ago

0.2.3

3 years ago

0.2.2

3 years ago

0.2.1

3 years ago

0.2.0

3 years ago

0.1.9

3 years ago

0.1.8

3 years ago

0.1.7

3 years ago

0.1.6

3 years ago

0.1.5

3 years ago

0.1.4

3 years ago

0.1.2

3 years ago

0.1.1

3 years ago

0.1.0

3 years ago