产品百科 | RTC Web SDK 如何设置视频属性

简介: 本章节为您介绍了音视频通信视频属性的实现方法。您可以根据业务需求设置视频属性,获得更好的体验。

功能简介

在音视频通信中,根据您的喜好和实际情况设置视频属性,调整视频画面的清晰度和流畅度。如果是一对一视频通信,您可以将分辨率和帧率调高,如果频道内有多个用户进行视频通信,您可以将分辨率和码率适当调低,以减少编解码的资源消耗和缓解下行带宽压力。视频属性包含视频流规格、视频流类型。

实现方法

在实现该功能之前,需要您已经搭建 AppServer、实现基本功能等操作。详情请参见入门概述。

设置视频属性之前,您需要先调用 getAvailableResolutions 传入摄像头参数返回支持的分辨率和帧率,然后通过 setVideoProfile 方法设置视频属性,调用 publish 才能生效。

说明

  • 屏幕共享清晰度与网络质量、设备性能有关,而不是设置的分辨率越高显示的越清晰。
  • 1.13.2 版本已删除参数 maxBitrate,SDK 会根据设置的分辨率和帧率自动设置最大码率。1.13.2 以下版本如果调用 setVideoProfile,还需要配置该参数。

aliWebrtc.setVideoProfile({ 
      width,
      height,
      frameRate
    },type);
参数 类型 描述
config width Number 宽度
  • 摄像头:640(默认值)
  • 屏幕共享:960(默认值)
height Number 高度
  • 摄像头:480(默认值)
  • 屏幕共享:540(默认值)
frameRate Number 帧率
  • 摄像头:15(默认值)
  • 屏幕共享:10(默认值)
type Number 1 表示摄像头,2 表示屏幕共享

获得更多功能实现方法,请参见 AliRtcEngine 接口。


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

image.png

相关文章
|
JavaScript 前端开发 开发工具
在使用智能媒体服务接入直播剪辑Web SDK时
在使用智能媒体服务接入直播剪辑Web SDK时
382 7
|
前端开发 JavaScript API
阿里云智能媒体服务IMS(Intelligent Media Services)的视频剪辑Web SDK
【1月更文挑战第15天】【1月更文挑战第72篇】阿里云智能媒体服务IMS(Intelligent Media Services)的视频剪辑Web SDK
706 6
|
API 开发工具 开发者
百宝箱开放平台 ✖️ Web SDK
本服务支持开发者将智能体以网页悬浮窗形式集成至Web页面,通过引入SDK并配置agentId等参数实现交互,需先完成应用发布。
579 0
|
Web App开发 前端开发 JavaScript
网页浏览和编辑DWG快速入门的方法(WEB CAD SDK)
MxDraw云图在线CAD解决方案,包括MxDraw、MxCAD开发包、图纸转换程序和后端服务。支持多种平台和CPU架构,推荐使用最新版Chrome或Edge浏览器。提供AutoCAD各版本dwg格式支持,具备三维和二维编辑功能。提供入门开发指南和功能丰富的示例。用户可下载开发包进行功能演示,包括在线预览和编辑CAD图纸。
2733 144
网页浏览和编辑DWG快速入门的方法(WEB CAD SDK)
|
编解码 前端开发 JavaScript
使用 CSS 打印样式为 Web 页面设置专业的打印机效果
使用 CSS 打印样式为 Web 页面设置专业的打印机效果
803 2
【Azure 应用服务】Web.config中设置域名访问限制,IP地址限制访问特定的页面资源 (Rewrite)
【Azure 应用服务】Web.config中设置域名访问限制,IP地址限制访问特定的页面资源 (Rewrite)
400 0
|
开发框架 JavaScript .NET
Vue与ASP.NET Core Web Api设置localhost与本地ip地址皆可访问
Vue与ASP.NET Core Web Api设置localhost与本地ip地址皆可访问
609 0
|
算法 Java Go
【GoGin】(1)上手Go Gin 基于Go语言开发的Web框架,本文介绍了各种路由的配置信息;包含各场景下请求参数的基本传入接收
gin 框架中采用的路优酷是基于httprouter做的是一个高性能的 HTTP 请求路由器,适用于 Go 语言。它的设计目标是提供高效的路由匹配和低内存占用,特别适合需要高性能和简单路由的应用场景。
849 4
|
缓存 JavaScript 前端开发
鸿蒙5开发宝藏案例分享---Web开发优化案例分享
本文深入解读鸿蒙官方文档中的 `ArkWeb` 性能优化技巧,从预启动进程到预渲染,涵盖预下载、预连接、预取POST等八大优化策略。通过代码示例详解如何提升Web页面加载速度,助你打造流畅的HarmonyOS应用体验。内容实用,按需选用,让H5页面快到飞起!