腾讯云的云直播和即时通讯IM开发(全网最详细之一)

如果你也在面临做直播的 业务的时候迷茫的时候,来看看吧。

腾讯云–云直播

最近这几个项目也是在做直播相关的App开发,之前刚做的时候,自己也经历很多坑。
慢慢的爬过这些坑,做了几款直播软件以后,也算有了心得。更加熟练的调用。
分享自己的做直播的流程,以及配合腾讯云的直播官方文档的调用。

我做的这几个直播的项目是基于腾讯云的云直播服务进行开发的

  1. 腾讯云的账户分:个人账户和企业认证账户。
  2. 只有认证方式是不同的,其他的操作已经步骤以及思路都是一样的。
  3. 首先: 先去认证账户信息,进行实名认证的流程后,就可以使用腾讯云的服务了。
  4. 新的用户首次认证的时候,都可以免费体验腾讯云的云直播和即时通讯IM的服务(免费试用期一个月)
  5. 下面直接进入开发吧,不多啰嗦。

登录腾讯云的管理后台

在这里插入图片描述

  1. 点击云直播。(如果你是第一次使用腾讯云的云直播的话,你是需要去开通云直播服务后,才能可以进行使用)

在这里插入图片描述

-----现在看到的就是云直播的后台
1:首先,你要理解,直播是怎么回事?-----回答:直播利用的就是腾讯提供的云直播的服务,推流,拉流,客户端(主播)发起推流,创建直播房间成功后,创建IM群组成功后,客户端(用户)发起拉流。用户进入直播间可以看到主播的直播画面,这就是拉流成功。主播进行开播,开播后,主播可以看到自己的画面,能持续直播并且有画面,说明此时的推流地址是没问题的,可以进行直播。
2:其次就是怎么配置腾讯云的云直播后台的配置 ----回答:核心的配置,就是配置两条已经备案过的域名(一条域名用来做推流域名,另一条域名用来做拉流域名)
3:腾讯云的直播如何集成到自己的代码开发中去 —回答:集成自己的代码开发,这块我会在后面进行详细的讲解,以及代码的示范提供。

参考腾讯云的官方文档配置推拉流域名
在这里插入图片描述
新手指南

建议新手区参考新手指南,
先去看看,把直播的这两条推拉流域名配置好。
一条推流域名,一条拉流域名(都是需要去备案的)

在这里插入图片描述

其次就是要开通新手免费使用的流量包,没有流量包是不能进行直播的。

在这里插入图片描述

接下来需要了解,如何生成推流拉流地址。
先看腾讯云给出的生成规则。
只要你满足生成规则,你生成的流地址是正常的,就可以用来进行推拉流,进行正常的直播。

在这里插入图片描述
先看官网的地址生成器:

1:看看需要哪些参数
2:看看地址解析说明的配置
3:推拉流地址是要经过我们后台去代码生成的,然后返回给前端,安卓或者IOS,拿着地址去调用腾讯云的直播SDK,进行推流,拉流,完成APP端的主播,开播,用户进入直播间去观看,等功能。

在这里插入图片描述
具体看看,怎么生成推拉流的地址的

在这里插入图片描述
在这里插入图片描述

在这里,有官网提供的推拉流地址的生成代码


package com.test;
			
import java.io.UnsupportedEncodingException;
import java.security.MessageDigest;
import java.security.NoSuchAlgorithmException;
			
public class Test {
   
			
		public static void main(String[] args) {
   
		System.out.println(getSafeUrl("txrtmp", "11212122", 1469762325L));}
			
		private static final char[] DIGITS_LOWER ={
   '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f'};
			
			      /*
			      * KEY+ streamName + txTime
			      */
		private static String getSafeUrl(String key, String streamName, long txTime) {
   
		String input = new StringBuilder().
			                append(key).
			                append(streamName).
			                append(Long.toHexString(txTime).toUpperCase()).toString();
			
		String txSecret = null;
		try {
   
			MessageDigest messageDigest = MessageDigest.getInstance("MD5");
			      txSecret  = byteArrayToHexString(messageDigest.digest(input.getBytes("UTF-8")));
			} catch (NoSuchAlgorithmException e) {
   
			         e.printStackTrace();
			} catch (UnsupportedEncodingException e) {
   
			         e.printStackTrace();
			  }
			
			     return txSecret == null ? "" :
			               new StringBuilder().append("txSecret=").
			                              append(txSecret).
			                              append("&").
			                              append("txTime=").
			                              append(Long.toHexString(txTime).toUpperCase()).
			                              toString();
			      }
			
private static String byteArrayToHexString(byte[] data) {
   
			char[] out = new char[data.length << 1];
			
			   for (int i = 0, j = 0; i < data.length; i++) {
   
			         out[j++] = DIGITS_LOWER[(0xF0 & data[i]) >>> 4];
			         out[j++] = DIGITS_LOWER[0x0F & data[i]];
			     }
			 return new String(out);
		}
}
			

下面是我改进后的代码,大家可以作为参考:

package com.*.utils;

import java.io.UnsupportedEncodingException;
import java.security.MessageDigest;
import java.security.NoSuchAlgorithmException;
import java.time.LocalDateTime;
import java.time.ZoneOffset;

/**
 * 推拉流生成工具
 * @author 
 * @date 2020-10-16 12:11:58
 */
public class AutoAddressUtils {
   
    private static final char[] DIGITS_LOWER =
            {
   '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f'};
    private static final String pushKey = "f58*********d4f5d"; //域名管理中点击推流域名-->推流配置-->鉴权配置-->主KEY
    private static final String pushDomain = "*********"; //云直播控制台配置的推流域名
    private static final String pullDomain = "*********";//云直播控制台配置的拉流域名
    private static final String AppName = "live"; //直播SDK-->应用管理-->自己创建应用中的应用名称


    public static void main(String[] args) {
   
        long LiveRecordId = Long.parseLong(GenerateIdUtil.generateIdUtilId());
        System.out.println(LiveRecordId);
        LocalDateTime localDateTime =  LocalDateTime.now();
        
  • 10
    点赞
  • 43
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
KakaopayAmt": "", "IsBlue": "", "BlueResultNo": "", "BlueAmt": "", "IsAsiana": "", "AsianaResultNo": "", "AsianaAmt": "", "IsSmilecard": "", 腾讯云IM提供了适用于 Vue.js 的即时通讯 SDK,可以方便地在 Vue.js 项目中 "SmilecardResultNo": "", "SmilecardAmt": "", "IsHanaskcard": "", "Hanaskcard使用。使用前需要先引入 SDK,并且需要在腾讯云 IM 控制台上创建应用并获取 SDKAppIDResultNo": "", "HanaskcardAmt": "", "IsHanaone": "", "HanaoneResultNo": "", 和密钥信息。 以下是使用腾讯云 IM SDK 在 Vue.js 中实现简单的即时通讯功能的示 "HanaoneAmt": "", "IsLotte": "", "LotteResultNo": "", "LotteAmt":例代码: ```html <template> <div> <div v-for="msg in msgList" :key="msg.time "", "IsHyundaione": "", "HyundaioneResultNo": "", "HyundaioneAmt": "", ""> <p>{{ msg.sender }}: {{ msg.content }}</p> <small>{{ msg.time }}</small> </div> IsNonghyupone": "", "NonghyuponeResultNo": "", "NonghyuponeAmt": "", <input v-model="inputMsg" @keydown.enter="sendMsg" /> </div> </template> <script> import TIM from ' "IsSamsungone": "", "SamsungoneResultNo": "", "SamsungoneAmt": "", "IsWoorionetim-js-sdk' export default { data() { return { tim: null, userID: 'user1', convID": "", "WoorioneResultNo": "", "WoorioneAmt": "", "IsShinhancardone": "", : 'conv1', inputMsg: '', msgList: [] } }, mounted() { this.initIM() "ShinhancardoneResultNo": "", "ShinhancardoneAmt": "", "IsHyundaicardone }, methods: { initIM() { this.tim = TIM.create({ SDKAppID: 'xxx', // 替换为": "", "HyundaicardoneResultNo": "", "HyundaicardoneAmt": "", "IsSamsun自己的 SDKAppID userID: this.userID, userSig: 'xxx' // 替换为自己的密钥ghappyone": "", "SamsunghappyoneResultNo": "", "SamsunghappyoneAmt": "", 信息 }) this.tim.on(TIM.EVENT.MESSAGE_RECEIVED, this.handleMsgReceived) this.tim.login() }, sendMsg() "IsNonghyupcardone": "", "NonghyupcardoneResultNo": "", "Nonghyupcard { const msg = this.tim.createTextMessage({ to: this.convID, payload: { text: this.inputMsg } }) this.tim.sendMessage(msg) this.msgList.push({ sender: this.userID, content: this.inputMsg, oneAmt": "", "IsHappymoneycardone": "", "HappymoneycardoneResultNo": "", " time: new Date().toLocaleString() }) this.inputMsg = '' }, handleMsgReceived(event) { const msgHappymoneycardoneAmt": "", "IsCulturesurvivalone": "", "CulturesurvivaloneResult = event.data[0] this.msgList.push({ sender: msg.from, content: msg.payload.text, time: newNo": "", "CulturesurvivaloneAmt": "", "IsDongaone": "", "DongaoneResultNo Date(msg.time * 1000).toLocaleString() }) } } } </script> ``` 这个示例中,": "", "DongaoneAmt": "", "IsGmarketone": "", "GmarketoneResultNo": "", 我们使用了 tim-js-sdk 库来操作腾讯云 IM,通过创建 TIM 实例来进行登录、发送消息、接收消息 "GmarketoneAmt": "", "IsEtcCardone": "", "EtcCardoneResultNo": "", "EtcCardoneAmt": "", "IsBlueone": "", "BlueoneResultNo": "", "BlueoneAmt": "", 等操作。在模板中,我们使用 v-for 指令来展示消息列表,并通过 v-model 指令来实现输入框的双向绑定,通过 @keydown.enter 事件监听来发送消息。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值