本文为您介绍了Web SDK回调及监听的接口详情。

目录

API 描述 以上版本支持
onPublisher 发布流事件 1.2
onUnPublisher 取消发布流事件 1.2
onMediaStream 订阅流成功事件 1.2
onJoin 加入频道事件 1.2
onLeave 离开频道事件 1.2
onError 错误异常事件 1.2

接口详情

AliRtcSDK Web端的回调方法如下所示。

  • onPublisher:发布流事件。当频道里的其他人发布本地流时,触发本事件。
    aliwebrtc.on('onPublisher',(publisher) =>{
        //远程发布者userId
        console.log(publisher.userId);
        //远程发布名字
        console.log(publisher.displayName);
        //远程流内容,streamConfigs是数组。
        console.log(publisher.streamConfigs);
      });
  • onUnPublisher:取消发布流事件。当频道里的其他人取消发布本地流时,触发本事件。
    aliwebrtc.on('onUnPublisher',(publisher) =>{
        //远程发布者userId
        console.log(publisher.userId);
        //远程发布名字
        console.log(publisher.displayName);
    });
  • onMediaStream:订阅流成功事件。当订阅远程流成功时触发,会返回远程流的Stream对象,通过H5 Video或Audio播放。
    aliwebrtc.on('onMediaStream',(subscriber, stream) =>{
         var video = document.getElementByTag('video');
         aliwebrtc.setDisplayRemoteVideo(
            subscriber,        // onMediaStream中返回的参数
            video,               // html中用于显示stream对象的video元素
            stream             // onMediaStream中返回的参数
         )
     });
  • onJoin:加入频道事件。当有其他用户加入频道是触发onJoin事件。
    aliwebrtc.on('onJoin',(data) =>{
       console.log(data.userId);
       console.log(data.displayName  + " 加入频道");
     });
  • onLeave:离开频道事件。当其他用户离开频道是触发onLeave事件。
    aliwebrtc.on('onLeave',(data) =>{
       console.log(data.userId);
       console.log(data.displayName  + " 离开频道");
     });
  • onError:错误异常事件。当有错误发生时,触发onError事件。
    aliwebrtc.on('onError',(error) =>{
       var msg = error && error.message ? error.message : error;
       if (msg && msg.indexOf('no session') > 0) {
            error = "请重新登录:" + msg;
       }
       console.log('错误:' + msg);
     });