

声网 Web SDK 4.17.0 上线：新增本地合图功能让场景效果更丰富

RTE开发者社区

2023-03-27

导读：3 月 15 日，声网 RTC Web SDK 新版本 4.17.0 上线官网。新版本上线了动态切换本地视频

3 月 15 日，声网 RTC Web SDK 新版本 4.17.0 上线官网。新版本上线了动态切换本地视频流、 Beta 版本的本地合图功能。同时，该版本将 SDK 包体积优化到了 850KB，并优化了断线重连的机制与体验。点击文末「阅读原文」，即可下载体验新版本。

新增功能

本地合图功能（beta）

在 4.17.0 版本中，我们可以结合视频合图扩展插件，将多路视频、图片、屏幕共享的内容在本地合并为一路视频流。这个功能用于创建更复杂的场景，例如在一场直播、会议、课堂中，主讲人可以同时讲解 PPT、图片，或在主讲过程中同时播放两个对比视频，以丰富整个互动场景的体验。甚至，可以通过该功能，实现将抠图后的人像与 PPT 屏幕共享叠加在一起推流（如下图所示）。这个功能有助于游戏直播、在线教育、电子商务、视频会议等领域的开发者建立更专业，视觉效果更好的场景。

图：屏幕共享+背景分割，本地合图

目前该功能建议 2 路视频流+1 路屏幕共享流+2 张图片进行合图推流，在此基础上我们支持加入更多视频流和图片进行合成，但由于用户设备、浏览器等配置，可能影响性能和体验。

图：两个视频流+一张图片+一路屏幕共享

该功能的推荐配置为Intel Core i5 4 核及以上的处理器的电脑，支持 Chrome、Edge、Firefox 浏览器。

动态切换本地视频流

在过去，开发者需要使用 IAgorRTCClient.unpublish 方法，然后再使用 IAgorRTCClient.publish 方法，才可以发布一个流。而在 4.17.0 版本中，不需要这么做了。

开发者现在可以直接使用 ILocalVideoTrack.replaceTrack 方法来发布新的媒体流。采用这个方法，可以使媒体流的切换时间减少 100-200 毫秒。

改进与优化

SDK 包体积缩小至 850KB

为了进一步缩小 SDK 包体积，让客户的产品体验更顺畅，声网在 Web SDK 4.17.0 中删除了美颜模块并废弃 setBeautyEffect 方法。这样做之后，SDK 包体积减少了 11.5%，最终大小为 850KB。

那么美颜没法使用了么？并不是，开发者还有两种方法可以使用美颜功能。

1、采用声网自研的美颜插件。我们在 2022 年 6 月就在 Web SDK 4.12.0 版本中引入了该插件。用户可以开启美颜，调节美白、磨皮、祛痘、红润程度，实现自然的美颜效果。

2、集成声网生态合作伙伴的美颜插件。我们在声网云市场（https://www.shengwang.cn/cn/marketplace/）提供了多个生态合作伙伴的美颜、特效插件，可以实现更多更丰富的美颜与视频效果。开发者们可以根据自身需要选择。

优化重连机制

从 Web SDK 4.17.0 版本开始，SDK 默认在重新连接过程中显示断开连接前的最后一帧视频，这可以防止在重新连接过程中出现黑屏问题。注意：该功能由于 Safari 浏览器的限制，仅在该浏览器上无法使用。

图：优化前后的显示效果

改进数据分析功能

我们在数据分析方面有一些现有的问题。首先，无法准确测量 250ms 以下的视频卡顿率。其次，timeupdate 事件的间隔与视频卡顿率指标的定义不一致。这些问题在 Web SDK 4.17.0 中都得到了解决。我们在该版本中删除 3 个冗余的大小流采集上报，新增修复 10 个 Firefox 缺失上报、3 个 Safari 缺失上报。

改进虚拟背景插件效果

我们在 Web SDK 4.17.0 版本中修复了 Android 端 Chrome 浏览器上背景图片可能出现锯齿状效果的问题。

点击「阅读原文」，下载体验

【声明】内容源于网络

RTE开发者社区

RTE 开发者社区是聚焦实时互动领域的中立开发者社区。不止于纯粹的技术交流，我们相信开发者具备更加丰盈的个体价值。行业发展变革、开发者职涯发展、技术创业创新资源，我们将陪跑开发者，共享、共建、共成长。

内容 1122

粉丝 0

RTE开发者社区 RTE 开发者社区是聚焦实时互动领域的中立开发者社区。不止于纯粹的技术交流，我们相信开发者具备更加丰盈的个体价值。行业发展变革、开发者职涯发展、技术创业创新资源，我们将陪跑开发者，共享、共建、共成长。

总阅读653

粉丝0

内容1.1k