@pano.video/panortc
    TypeScript icon, indicating that this package has built-in type declarations

    2.0.1 • Public • Published

    PanoRtc

    Installing

    npm install @pano.video/panortc

    RtcEngine 连接步骤

    连接步骤可以参考 sample

    RtcEngine 接口文档

    连接步骤:

    1. 新建PanoRtc实例: const panoRtc = new PanoRtc.RtcEngine(appid)
    2. 获取 PanoToken
    3. 调用 panoRtc.joinChannel , 使用上一步获取的 panoToken 和会议 channelId 等参数加入会议,可以设置 joinChannelType 类型控制只加入音视频频道、白板频道或者二者都加入
    4. 监听到 joinChannelConfirm 事件后即可开始通信

    示例代码:

    import PanoRtc from '@pano.video/panortc'
    
    const rtcEngine = new PanoRtc.RtcEngine('your_app_id')
    rtcEngine.on(PanoRtc.RtcEngine.Events.joinChannelConfirm, data => console.log(`join channel ${data.result}`))
    rtcEngine.joinChannel({
      token: 'xxxx', // fill with you panoToken
      channelId: 'xxxx', // channel id
      channelMode: PanoRtc.Constants.ChannelMode.TYPE_MEETING, // meeting or 1_v_1
      userId: 'xxxx',
      userName: 'xxxx'
    }, {
      joinChannelType: PanoRtc.Constants.JoinChannelType.mediaAndWhiteboard // 可选参数,默认加入音视频和白板channel
    })

    RtcWhiteboard

    白板接口文档

    在加入channel 后,可以通过 panoRtc.getWhiteboard 获取白板控制接口,可以打开和关闭白板。

    示例代码:

    const whiteboard = rtcEngine.getWhiteboard()
    const whiteboardWrapper = document.getElementById('#eleId')
    whiteboard.open(whiteboardWrapper) // 打开白板
    // whiteboard.close() //关闭白板

    白板 Toolbar

    Pano 提供了 toolbar 示例,用户可以参考示例自己开发。

    Install

    npm i @pano.video/panortc

    DownloadsWeekly Downloads

    77

    Version

    2.0.1

    License

    UNLICENSED

    Unpacked Size

    2.42 MB

    Total Files

    7

    Last publish

    Collaborators

    • villeewang
    • leopano
    • folkib
    • yomark