阿里云RTC SDK为您提供屏幕分享使用的接口方法,通过本文档您可以了解实现的具体调用流程。

前提条件

您需要调用isSupport接口根据返回参数supportScreenShare来检测是否支持屏幕分享。

背景信息

目前Web SDK屏幕共享功能仅支持Chrome浏览器72+版本。

推流端

  1. 启动屏幕分享。
    // 配置屏幕共享推流
    aliWebrtc.configLocalScreenPublish = true;
    
    // 启动推流
    aliWebrtc.publish().then(()=>{
        //推流成功
    }).catch((err) => {
      //推流失败
    })
  2. 停止屏幕分享。
    // 配置屏幕共享停止
    aliWebrtc.configLocalScreenPublish = false;
    
    // 启动停推
    aliWebrtc.publish().then(()=>{
        //推流成功
    }).catch((err) => {
      //推流失败
    })
  3. 错误码提示。
    aliWebrtc.on("onError",(error)=>{
      //10010 屏幕共享未知错误
      //10011 屏幕共享在选择页面取消选择 屏幕共享被禁止
      //10012 屏幕共享在网页底部悬浮窗单击停止共享  屏幕共享已取消
        console.log(error.errorCode);
    })

订阅端

订阅端用户可通过手动方式订阅推流端屏幕共享流,并设置对应video显示,详情请参见AliRtcEngine接口

参数设置

说明 需要在调用publish之前设置。
/**
 * 设置视频/屏幕流参数
 * @param {Number} width 宽度
 * @param {Number} height 高度
 * @param {Number} frameRate 帧率
 * @param {Number} maxBitrate 最大码率
 * @param {Number} type 类型 1:摄像头流 2:共享流
 */
aliWebrtc.setVideoProfile({
    width,
    height,
    frameRate,
    maxBitrate
},type);