Namespace default

getInstance

• getInstance(option: { videoParams?: { container: HTMLDivElement; url: string }[]; whiteboardParams: { container: HTMLDivElement; drawPluginParams?: IDrawPluginInitOption; urlArr: string[] } }): Promise<{ drawPlugin: DrawPlugin; params: { beginTimeStamp: number; duration: number; endTimeStamp: number; viewerArr: string[] }; player: RecordPlayerInstance }>

• 创建录像回放实例

  example

  RecordPlayer.getInstance({
   whiteboardParams: {
       urlArr: [
           'https://app.yunxin.163.com/webdemo/whiteboard/assets/replay/161047310-206967194175233-1604651017329-0.gz',
           'https://app.yunxin.163.com/webdemo/whiteboard/assets/replay/161055521-206967194175233-1604651017329-0.gz'
       ],
       container: document.getElementById('whiteboard'),
   }
  }).then(({player, params, drawPlugin}) => {
       player.bindControlContainer(document.getElementById('toolbar'))
       console.log(`起始时间为: ${params.beginTimeStamp}`)
       console.log(`结束时间为: ${params.endTimeStamp}`)
       console.log(`观众uid为: ${params.viewerArr}`)
  
       //如果教学阶段设置了字体，回放时也要设置字体
       drawPlugin.setFontFamily({
           fontFamily: 'Helvetica',
           fontFace: [
               {
                   url: '/assets/font/Helvetica.ttf',
                   format: 'truetype'
               },
                   url: '/assets/font/Helvetica.woff',
                   format: 'woff'
               }, 
           ]
       })
  })
  

  Parameters

  • option: { videoParams?: { container: HTMLDivElement; url: string }[]; whiteboardParams: { container: HTMLDivElement; drawPluginParams?: IDrawPluginInitOption; urlArr: string[] } }

    • Optional videoParams?: { container: HTMLDivElement; url: string }[]

      视频录像文件 SDK会根据文件的名称读取uid, cid, 以及录像回放的时间戳。文件的名称应该直接使用云信服务器抄送的文件URL

      开发者可以使用SDK一起播放白板和视频，也可以只播放白板，然后在应用层播放视频，根据sdk抛出的进度调整视频的播放进度

    • whiteboardParams: { container: HTMLDivElement; drawPluginParams?: IDrawPluginInitOption; urlArr: string[] }

      白板录像文件 SDK会根据文件的名称读取uid, cid, 以及录像回放的时间戳。文件的名称应该直接使用云信服务器抄送的文件URL

      param

      回放时白板的容器

      • container: HTMLDivElement

        白板容器

      • Optional drawPluginParams?: IDrawPluginInitOption

        如果在教学阶段设置了初始化参数，在录像回放阶段也需要保持一致

      • urlArr: string[]

        白板录像gz文件URL

  Returns Promise<{ drawPlugin: DrawPlugin; params: { beginTimeStamp: number; duration: number; endTimeStamp: number; viewerArr: string[] }; player: RecordPlayerInstance }>