前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >从0到1搭建视频通话系统,我1天就搞定了

从0到1搭建视频通话系统,我1天就搞定了

作者头像
腾讯云音视频
修改于 2018-09-12 11:42:47
修改于 2018-09-12 11:42:47
2.8K0
举报
文章被收录于专栏:音视频咖音视频咖

关注公众号“腾讯云视频”,一键获取 技术干货 | 优惠活动 | 视频方案

最近被老大分配了一个任务,他打开微信视频聊天,发起多人视频,指着功能界面说,“你看我们的产品也是有多人会议的场景,我们也加一个这样的功能,也不用很复杂,就仿照微信或者QQ的多人视频做一个出来,能实时视频通话,这个应该也不难吧,给你一个礼拜搞定,可以吗?” 

我的内心在想,

这TM要涉及视频采集、编码、传输、解码、视频渲染,要有稳定的后台音视频传输,就光搭建后台就要老命了,这尼玛怎么搞,临走老大又补了一句,"哦,我们这里再加一个亮点,可以在视频界面发送文本消息,拓展下聊天功能",这时我的内心已经崩溃。

要一个礼拜搞定,只能看看有没有现成的解决方案,抱着试一试的态度google了下,没想到还真有,腾讯云、即构、网易云、声网等好几家公司提供了完整了解决方案,本着腾讯毕竟大厂,而且里面介绍他们的解决方案是基于QQ十多年的技术积累,稳定性和质量都有保障,于是直接试用了腾讯云的解决方案,从接入过程和最后的效果看确实也没有辜负我的期望,在还没有真正购买他们产品时,接入过程中遇到的问题都能得到积极的技术支持,而且让我意想不到的是该方案还支持im功能,解决了老大最后的神补刀功能。

本文根据自己接入过程,展开介绍下具体步骤,归纳起来主要有四步:

01

注册账号

进入腾讯云官网

注册自己的腾讯云账号,这个简单没什么说的,腾讯云也提供了QQ或者微信账号直接登录,省去注册的麻烦。

02

申请APPID

在接入腾讯云实时音视频前,我们需要给自己的应用注册一个唯一标识appid,方法如下:

登录腾讯云,点击进入控制台,

选择云产品->实时音视频->创建新应用

填入信息,点击确定即可生成自己的AppID,会在后面接入sdk时使用。

点击创建的应用就可以在控制台中对自己的应用进行管理

03

购买1元套餐

在使用申请的appid接入实时音视频服务后,产生通话时长,腾讯云就会根据时长来计费,就像我们打电话计费一样,这里腾讯云提供了一些套餐,我们可以先使用最便宜的1元套餐,一个月1万分钟,一般也满足使用,如果觉得效果好,使用时长更多时我们可以再升级套餐包

购买入口,搜索腾讯云 实时音视频,就能找到

04

SDK接入

完成上述准备工作后,就是最关键的SDK接入,腾讯云的SDK接入有专门的文档介绍,接入非常方便,主要有下面关键几个步骤:

1.集成SDK

腾讯实时音视频解决方案将底层音视频能力封装成了一套SDK集合,包含了

SDK

说明

IMSDK

提供 IM 即时通信功能

AVSDK

提供底层音视频功能

ILiveSDK

在 AVSDK 基础上封装而成,提供更简单易用的音视频功能接口

BeautySDK

提供美颜预处理功能

我们只需要将上次SDK下载然后导入到自己工程即可,详细过程可阅读官方接入文档

2.生成usersig

每个用户都会有一个用户标识,usersig则是对用户标识的一种鉴权认证,是一个加密串,在登录时会用到,生成步骤如下:

第一步,到腾讯云的控制台下载私钥,也就是这个

第二步,复制私钥

下载下来是一个keys.zip,不用解压缩,直接用winrar打开,右键private_key选【查看文件】,然后Ctrl+A,Ctrl+C复制**

第三步,生成userSig

还是在腾讯云的控制台,在左边找到【开发辅助】,输入用户名,在私钥这里Ctrl+V,点击【生成签名】,然后就可以在右边把生成的userSig复制下来**

3.初始化登录

在程序启动的地方调用接口:

sdkAPPID就是刚才申请的APPID,acountType在应用账号信息里

完成初始化后,使用userid和usersig进行登录

4.进入房间,视频渲染

布局渲染用的控件:

并设置到SDK:

进入房间有两种方式,房间不存在,调用创建房间接口

如果房间已经存在,则调用加入房间接口:

roomID即是房间的号码,由自己的业务提供维护。

在进入房间后,对于本应用程序就是进入了会议室,会自动将进入会议室的每个人员画面渲染出来。

5.消息处理

在老大最后补的一句里,需要在视频通话中加入文本消息聊天功能,老大说的倒很简单,但是一个消息聊天单单消息通道的建立就是一件非常困难的事情,但在接入过程中惊喜的发现腾讯实时音视频本身就提供了这个功能,真实得来全不费工夫,而且开启聊天功能非常简单,只需在进房时将ILiveRoomOption的imSupport开启,然后设置消息监听即可收到消息,消息发送也是s调用一个借口即可,代码如下:

效果展示

浪里个浪,原本以为任务是肯定完成不了,没想到不到一天的功夫就已经搭建出视频通话功能。上述就是本文根据腾讯云官方文档指引,以Android为例总结的从零搭建视频通话服务的主要步骤,如有遇到其他问题,欢迎留言。

画风稍微转变一下,咳咳,小编码到了这里,忍不住和大家说一声:

公众号不适合看技术干货尤其有代码的文章!

公众号不适合看技术干货尤其有代码的文章!

公众号不适合看技术干货尤其有代码的文章!

欢迎研发GG留言,索要本文技术干货MD文件

点击“阅读原文”

获取更多实时音视频技术干货

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2018-07-26,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 腾讯云音视频 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
从0到1搭建视频通话系统,我1天就搞定了
最近被老大分配了一个任务,他打开微信视频聊天,发起多人视频,指着功能界面说,“你看我们的产品也是有多人会议的场景,我们也加一个这样的功能,也不用很复杂,就仿照微信或者QQ的多人视频做一个出来,能实时视频通话,这个应该也不难吧,给你一个礼拜搞定,可以吗?” 我的内心在想这TM要涉及视频采集、编码、传输、解码、视频渲染,要有稳定的后台音视频传输,就光搭建后台就要老命了,这尼玛怎么搞,临走老大又补了一句,"哦,我们这里再加一个亮点,可以在视频界面发送文本消息,拓展下聊天功能",这时我的内心已经崩溃。
腾讯云音视频
2018/07/27
2.9K2
从0到1搭建视频通话系统,我1天就搞定了
实时音视频开发学习10 - 小程序端一
小程序端双人通话、多人会议和语音聊天室三个功能。双人通话中实现1V1视频通话,在结合Web IM SDK可实现在线问诊或客服;语音聊天室能支持多人互动语音聊天,混音、混响等声音特效,适用于狼人杀、在线语音直播等社交场景;多人会议支持多路音视频通话、大小画面和屏幕分享等功能,适用于远程培训、在线教育等。
金林学音视频
2020/08/27
1.4K0
实时音视频开发学习10 - 小程序端一
使用TRTC Web SDK实现实时音视频通话
在使用 TRTC Web SDK 中,经常需要使用到两个对象,Client 客户端对象,Stream 流对象:
yuliang
2021/03/03
3.7K0
打通小程序音视频和webRTC
2017年腾讯视频云团队跟微信团队联合,将视频云 SDK 跟微信小程序整合在一起,并开放内部功能。
腾讯视频云终端团队
2018/05/03
19.4K14
打通小程序音视频和webRTC
实时音视频开发学习1 - 音视频初体验
随着移动互联网速度越来越快的发展,实时音视频的发展也越来越收到重视。腾讯实时音视频(Tencent Real-Time Communication,TRTC)经过了10多年在网络音视频技术的发展与积累,并以多人音视频通话和低延时互动直播两大场景化方案,通过腾讯云服务向开发者开放,使得开发者能快速实现低成本、低延时、高品质的音频互动解决方案。
金林学音视频
2020/08/20
4.1K0
实时音视频开发学习1 - 音视频初体验
实时音视频 TRTC 常见问题汇总---集成接入篇
TRTC 的日志默认压缩加密,后缀为 .xlog。日志是否加密是可以通过 setLogCompressEnabled 来控制,生成的文件名里面含 C(compressed) 的就是加密压缩的,含 R(raw) 的就是明文的。
腾讯视频云-Zachary
2019/11/01
14.5K1
实时音视频 TRTC 常见问题汇总---集成接入篇
实时音视频开发学习9 - 进房权限和画质
开启进房权限的目的是为了避免非会员模式能够进入高级房间,同时解决客户端限制被破解的问题。目前进房权限在iOS、Android、Windows、Electron、微信小程序和Chrome 浏览器都支持。
金林学音视频
2020/08/27
1.9K0
实时音视频开发学习9 - 进房权限和画质
入门腾讯实时音视频(TRTC)从这里开始
腾讯实时音视频(Tencent Real-Time Communication,TRTC)将腾讯21年来在网络与音视频技术上的深度积累,以多人音视频通话和低延时互动直播两大场景化方案,通过腾讯云服务向开发者开放,致力于帮助开发者快速搭建低成本、低延时、高品质的音视频互动解决方案。产品详情 >>
smiling
2020/03/30
8.9K2
入门腾讯实时音视频(TRTC)从这里开始
实时音视频 TRTC 常见问题汇总---小程序篇
如有更多需求,或希望深度合作,可以 提交工单 或致电4009100100联系我们。
腾讯视频云-Zachary
2021/09/21
5.8K0
实时音视频 TRTC 常见问题汇总---小程序篇
关于 TRTC (实时音视频通话模式)在我司的实践
腾讯实时音视频(Tencent Real-Time Communication,TRTC)将腾讯 21 年来在网络与音视频技术上的深度积累,以多人音视频通话和低延时互动直播两大场景化方案,通过腾讯云服务向开发者开放,致力于帮助开发者快速搭建低成本、低延时、高品质的音视频互动解决方案。
发声的沉默者
2021/06/14
2K0
关于 TRTC (实时音视频通话模式)在我司的实践
实时音视频 TRTC 常见问题汇总---咨询问题篇
支持的平台包括 iOS、Android、Windows(C++)、Windows(C#)、Mac、Web、Electron、微信小程序、Flutter,更多详情请参见 平台支持。
腾讯视频云-Zachary
2019/11/01
13.3K0
实时音视频 TRTC 常见问题汇总---咨询问题篇
新功能|实时音视频(TRTC)监控仪表盘发布
基于腾讯21年实时音视频通话技术积累进行输出,是一款提供全平台互通高品质的实时音视频互动的云服务产品。
腾讯云音视频
2020/01/07
1.7K0
新功能|实时音视频(TRTC)监控仪表盘发布
实时音视频 TRTC 常见问题汇总---咨询问题篇
TRTC 是腾讯云基于 QQ 十多年来在音视频通话技术上积累,结合腾讯浏览服务 TBS WebRTC 能力与腾讯实时音视频 SDK ,为客户提供多平台互通高品质可定制化的 实时音视频互通服务 解决方案。 (1)您可以通过“crtl+F”(win)、“command+F”(mac)搜索关键字。 (2)若没有您想要的问答,欢迎在评论区提问、留言和交流,笔者会定期解答疑惑。 (3)最新产品动态与变更以官网文档为准。
TRTC小百科
2021/09/16
8.9K2
MLVBLiveRoom 方案 - 客户端部分
本文用于介绍移动直播 MLVBLiveRoom 方案的客户端部分,MLVBLiveRoom 方案包含了两部分内容:客户端 MLVBLiveRoom 组件 + 房间管理服务 RoomService。RoomService 说明见 https://cloud.tencent.com/developer/article/1488765
腾讯云-chaoli
2019/08/16
11.1K2
MLVBLiveRoom 方案 - 客户端部分
iOS音视频接入 - TRTC接入实时视频通话
(前面我们已经了解TRTC的基本架构和功能,现在我们就来接入实时视频通话功能,此功能和微信的一对一视频通话是一致的,需要两个角色,一个角色是主动呼叫、一个为呼叫接听,结合使用场景我们来接入此功能。
小明同学接音视频
2020/10/13
6.3K0
iOS音视频接入 - TRTC接入实时视频通话
TRTC Android端开发接入学习之什么是TRTC(二)
TRTC 即 Tencent RTC,中文名是腾讯实时音视频,源自 QQ 音视频团队,是基于 QQ 十几年来 的音视频技术积累,在腾讯云上部署售卖的 RTC 云服务,致力于帮助企业快速搭建低成本、高品质、 跨平台的实时音视频互动能力的完整解决方案。 功能上支持语音通话、视频通话、连麦互动、美颜滤镜、旁路推流、视频录制、混流转码、交互式 白板、桌面分享、截图、鉴黄等,并提供微信小程序、 WebRTC、APP、PC、MAC 等全平台互联互 通能力,很好地应用于云游戏、云会议、快直播、实时音视频 PaaS 服务等领域。
腾讯云-hongyang
2020/09/01
2.5K0
TRTC Android端开发接入学习之什么是TRTC(二)
iOS 音视频接入 - 初识TRTC
在上一篇文章中我们对音视频有了最基础的认识,下面就来了解下第三方提供的功能强大的实时音视频SDK-TRTC。
小明同学接音视频
2020/10/09
3K0
iOS 音视频接入 - 初识TRTC
产品动态 | 小程序TUIKit:原生开发,1天集成在线客服、实时通话、互动直播...
2021年9月10日,腾讯云即时通信IM正式上线拥有三大应用场景的小程序 TUIKit ,我们旨在为企业提供方便快捷的接入方式,三大应用场景,只需要简单的接入,即可获得所想要的场景。 - 效果展示 - - TUIkit 的优势 - 极速集成:低代码方案助您快速集成,一天即可完成; 原生 js 开发:大大削减了开发者熟悉第三方框架文档的时间,100%支持原生特性; 场景化开发:覆盖常用场景,组件化UI助您低代码快速实现所需场景(在线客服、实时通话、互动直播); 开发成本低:节省大量资金、时间、人力、
腾讯云音视频
2021/10/12
1.8K0
实时音视频,小程序端WebRTC互通
我们在 LiteAVSDK 的最新版本里面加入了对 WebRTC 的支持能力,并且已经跟随微信APP的 6.6.6 版本发布出来,此文档主要介绍如何使用原生的 <live-pusher> 和 <live-player> 标签实现 WebRTC 互通能力。
腾讯云-chaoli
2019/05/24
11.3K0
实时音视频,小程序端WebRTC互通
实时音视频免费课程来了!扫一下就能看!
腾讯云实时音视频(Tencent RTC,简称 TRTC)是一项低延时、高并发、稳定可靠的音视频 PaaS 云服务,主要提供多人实时通话以及低延时互动直播能力。TRTC 将腾讯 21 年来在网络与音视频技术上的深度积累,通过 SDK 及云端 API 的方式向开发者开放,为包括全民K歌、腾讯会议、陌陌、VIPKID 等腾讯内外客户提供底层音视频服务,覆盖了数以亿计的终端用户。
smiling
2020/03/06
9950
实时音视频免费课程来了!扫一下就能看!
推荐阅读
相关推荐
从0到1搭建视频通话系统,我1天就搞定了
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档