产品百科 | RTC Web SDK 如何调用屏幕分享接口

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

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

前提条件

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

环境要求

Web SDK 屏幕共享功能的环境要求请参见环境要求

推流端

  1. 设置参数。
/**
 * 设置视频/屏幕流参数
 * @param {Number} width 宽度
 * @param {Number} height 高度
 * @param {Number} frameRate 帧率
 * @param {Number} type 类型 1:摄像头流 2:共享流
 */
aliWebrtc.setVideoProfile({
    width,
    height,
    frameRate
},type);
  1. 启动屏幕分享。
// 配置屏幕共享推流
aliWebrtc.configLocalScreenPublish = true;
// 启动推流
aliWebrtc.publish().then(()=>{
    //推流成功
}).catch((err) => {
  //推流失败
})
  1. 共享屏幕声音。说明共享屏幕声音支持 Windows 端 Chrome 75 及以上版本或 Edge 80 及以上版本,Mac 端仅支持分享标签页声音。
  1. 勾选分享音频image.png
  2. 推音频流。分享的音频会和麦克风混流,需要同时推音频流,此时订阅端只需订阅音频流就可以听到对方麦克风和屏幕分享音频。
  1. 停止屏幕分享。
// 配置屏幕共享停止
aliWebrtc.configLocalScreenPublish = false;
// 启动停推
aliWebrtc.publish().then(()=>{
    //推流成功
}).catch((err) => {
  //推流失败
})
  1. 错误码提示。
aliWebrtc.on("onError",(error)=>{
  //10010 屏幕共享未知错误
  //10011 屏幕共享在选择页面取消选择 屏幕共享被禁止
  //10012 屏幕共享在网页底部悬浮窗单击停止共享  屏幕共享已取消
    console.log(error.errorCode);
})

订阅端

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


「视频云技术」你最值得关注的音视频技术公众号,每周推送来自阿里云一线的实践技术文章,在这里与音视频领域一流工程师交流切磋。

image.png


相关文章
|
12月前
|
安全 API 开发者
Web 开发新风尚!Python RESTful API 设计与实现,让你的接口更懂开发者心!
在当前的Web开发中,Python因能构建高效简洁的RESTful API而备受青睐,大大提升了开发效率和用户体验。本文将介绍RESTful API的基本原则及其在Python中的实现方法。以Flask为例,演示了如何通过不同的HTTP方法(如GET、POST、PUT、DELETE)来创建、读取、更新和删除用户信息。此示例还包括了基本的路由设置及操作,为开发者提供了清晰的API交互指南。
204 6
|
API 数据安全/隐私保护 开发者
Web 开发新风尚!Python RESTful API 设计与实现,让你的接口更懂开发者心!
【7月更文挑战第23天】Python的RESTful API设计在Web开发中流行,提升效率与体验。REST强调HTTP方法(GET, POST, PUT, DELETE)操作资源。使用Flask框架可快速实现API,如管理用户信息。示例代码展示如何创建、读取、更新和删除用户,通过不同HTTP方法和URL路径。实际应用中,增加验证、错误处理和权限控制可增强API的安全性和稳定性。安装Flask后,可运行代码测试API功能。
126 6
|
安全 API 网络架构
Python RESTful API设计新篇章,打造高效、易用、安全的Web服务接口,你准备好了吗?
【7月更文挑战第22天】在数字化转型中,RESTful API借助Python的Flask和Django REST Framework,提供高效、易用和安全的接口设计。Flask示例展示了简洁的CRUD操作,Swagger等工具增进API文档的易用性,而HTTPS、JWT和输入验证确保安全性。Python RESTful API设计涉及效率、可用性和安全,是不断进化的Web服务接口的关键。准备好踏上这一新篇章了吗?一起探索,创造卓越!
148 2
|
JSON 前端开发 Java
一文读Web开发 之接口后端接口、类与前端请求、拦截器编写
一文读Web开发 之接口后端接口、类与前端请求、拦截器编写
611 6
|
SQL 缓存 测试技术
RESTful API设计的最佳实践:构建高效、可维护的Web服务接口
【6月更文挑战第11天】构建高效、可维护的RESTful API涉及多个最佳实践:遵循客户端-服务器架构、无状态性等REST原则;设计时考虑URL结构(动词+宾语,使用标准HTTP方法)、使用HTTP状态码、统一响应格式及错误处理;确保数据安全(HTTPS、认证授权、输入验证);实施版本控制;并提供详细文档和测试用例。这些实践能提升Web服务接口的性能和质量。
|
开发框架 前端开发 API
使用代码生成工具快速开发应用-结合后端Web API提供接口和前端页面快速生成,实现通用的业务编码规则管理
使用代码生成工具快速开发应用-结合后端Web API提供接口和前端页面快速生成,实现通用的业务编码规则管理
|
JSON Go 数据格式
golang学习7,glang的web的restful接口结构体传参
golang学习7,glang的web的restful接口结构体传参
|
JSON Go 数据格式
golang学习6,glang的web的restful接口传参
golang学习6,glang的web的restful接口传参
|
JSON Go 数据格式
golang学习5,glang的web的restful接口
golang学习5,glang的web的restful接口
golang学习4,glang的web接口
golang学习4,glang的web接口

热门文章

最新文章