语音连麦demo 2.0 上线

喜欢ヅ旅行 2022-11-10 03:49 175阅读 0赞

anyRTC 提供一个SDK来满足互动直播的场景，提供实时互动、直播推流、直播流（CDN）播放等一站式直播互动解决方案。

为了更能体现anyRTC 的互动直播解决方案，以及迎合市场的需求，本次更新anyRTC把三种互动直播方式在demo中分别展示，并添加了直播中常用的混音、音效等功能。

## 功能更新 ##

本次更新一共包含以下4个功能：

1.  新增两种直播方式
2.  音乐播放
3.  音效
4.  快速上麦

下面分别介绍一下更新的功能。

## 新增两种直播方式 ##

之前的连麦demo，只有客户端推流到CDN这一种直播方式。anyRTC本次新增了两种直播方式，可以让用户自主选择更适合自己的直播方式。

此次新增的直播方式是RTC实时直播和服务端推流到CDN，加上之前的客户端推流到CDN目前一共是三种连麦方式。

*  #### RTC实时直播 ####

**功能描述**

RTC实时直播模式，通信的终端设备不在分发CDN网络，只通过anyRTC RTN网络进行直播，延迟可控制在200ms内，支持最大50人互动连麦，观看人数最大100W。

在频道直播过程中，可设定用户角色切换主播和观众身份，视图布局可根据客户端场景任意摆放。  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center][]

*  #### 服务端推流到CDN ####

**功能描述**

将直播媒体流发布到 CDN (Content Delivery Network) 的过程称为 CDN 直播推流。用户无需安装 App 即可通过 Web 浏览器观看直播。

在推流到 CDN 过程中，当频道中有多个主播时，通常会涉及到转码，将多个直播流组合成单个流，并设置这个流的音视频属性和合图布局。  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70][]

*  #### 客户端推流到CDN ####

**功能描述**

客户端将直播媒体流发布到 CDN (Content Delivery Network) 的过程称为 客户端推流到CDN。用户需要集成IArRtmpPush SDK进行推流。

客户端在推流过程中，当频道中有多个主播时，客户端默认合流音频，视频合流布局需要客户端调用setLiveTranscoding方法。  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70 1][]  
**三种连麦方式的对比**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center 1][]

## 音乐播放 ##

本次更新了主播端播放背景音乐的功能，从样式和功能上都进行了升级。

背景音乐是用于调节直播间内气氛的,插入于对话之中,能够增强情感的表达,达到一种让听众身临其境的感受。之前的音乐播放是只有单一的一首歌曲循环播放，本次更新，新增了音乐播放列表，主播端可以任意播放列表里的歌曲，列表里面的歌曲是从后台获取到的，音乐可以从后台添加。主播可以根据自己直播间的风格选择添加合适的音乐。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center 2][]

## 音效 ##

在社交娱乐应用中，为增添场景的趣味性并提升互动体验，主播在直播中在合适的时间点播放一些音效可以增进场面的真实感、气氛等。为此本次的语音连麦demo升级增加了音效功能。

主播端点击音量音效设置按钮时会弹出调整音量的界面，主播可以自由调整音乐声、人声、耳返声音的大小，同时可以打开或者关闭音效。当打开音效时会在屏幕的底端显示各种不同的音效按钮，主播只需要点击按钮就可以播放音效了，游客端会同步听到音效的声音。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center 3][]

## 快速连麦 ##

快速上麦功能是把在列表排队的用户一次性全部同意上麦，不再需要主播多次重复操作。提高了主播的操作便捷程度。当然主播也可以选择单独同意或拒绝用户的上麦。快速上麦这个功能目的是为了让主播可以批量操作也可以单独操作，这样灵活度更高，更加方便快捷。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center 4][]

## 如何开发集成 ##

App 中所有音视频实时互动与文字消息、控制指令（如邀请上麦）、直播推流、直播拉流，都是基于anyRTC RT SDK 、anyRTC 实时消息 RTM SDK 实现的。通过demo分解共分为6步：

1、在工程中导入SDK（RTC和RTM）  
2、初始化SDK  
3、创建房间并进入  
4、调用推流接口进行推流直播  
5、调用拉流接口进行拉流播放  
6、调用切换角色接口进行连麦

基于上面6个步骤操作，我们就能实现基础的直播功能了。anyRTC还提供多种高级的功能接口，帮助开发者更好的实现个性化业务设计，实现符合自身业务的场景。

连麦demo下载地址：[https://www.pgyer.com/fRjW][https_www.pgyer.com_fRjW]

以上就是本次anyRTC语音连麦demo更新的大致介绍，欢迎大家下载体验。想了解更多关于音视频的信息请关注anyRTC官网：[https://www.anyrtc.io/][https_www.anyrtc.io]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center]: /images/20221023/8b72fb558fa64395a4b9fb5d8d10df88.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70]: /images/20221023/a0ee8b673198495ab58a55aee3ba4528.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70 1]: /images/20221023/179b2f4754b64aaba75200b8a4a76ce7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221023/5c40d9c035e347078fcf8b39028c545c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221023/ead6d1d350594872a29c35288171a39a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20221023/1d34216868d341f29f94e4e4ac2b20bd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center 4]: /images/20221023/c7b93cdc68204287aeb07bbf45c1bf38.png
[https_www.pgyer.com_fRjW]: https://www.pgyer.com/fRjW
[https_www.anyrtc.io]: https://www.anyrtc.io/