前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【实时音视频TRTC】音视频互动解决方案,跨平台、小程序、低代码深度合作!

【实时音视频TRTC】音视频互动解决方案,跨平台、小程序、低代码深度合作!

原创
作者头像
TCS-F
修改2022-03-05 01:05:15
1.3K0
修改2022-03-05 01:05:15
举报
文章被收录于专栏:云攻略专区云攻略专区

近期腾讯云音视频,多款应用发布,采购应用全景解决方案!快速接入,3天上线!

腾讯云音视频,涵盖音视频通信基础网络 RT-ONE,云直播、实时音视频 TRTC、即时通信 IM、云点播等音视频 PaaS 产品,提供音视频一站式解决方案。

新客户、新模式、新平台!
新客户、新模式、新平台!
功能架构
功能架构

登录功能SDK嵌入模板代码:代码详情》》》

代码语言:javascript
复制
Page({
    // ...
    data: {
        trtcConfig: {
            sdkAppID: 0, // 开通实时音视频服务创建应用后分配的 SDKAppID
            userID: 'test_user_001', // 用户 ID,可以由您的帐号系统指定
            userSig: 'xxxxxxxxxxxx', // 身份签名,相当于登录密码的作用
            type: 2, // 通话模式
        },
    },
    /**
    * 生命周期函数--监听页面加载
    */
    onLoad: function (options) {
        // 将初始化后到TRTCCalling实例注册到this.TRTCCalling中,this.TRTCCalling 可使用TRTCCalling所以方法功能。
        this.TRTCCalling = this.selectComponent('#TRTCCalling-component');
        // 绑定需要监听到事件
        this.bindTRTCCallingRoomEvent();
        // 登录TRTCCalling
        this.TRTCCalling.login();
    },
    /**
    * 生命周期函数--监听页面卸载
    */
    onUnload: function () {
        // 取消监听事件
        this.unbindTRTCCallingRoomEvent();
        // 退出登录
        this.TRTCCalling.logout();
    },
    invitedEvent() {
        console.log('收到邀请')
    },

    hangupEvent() {
        console.log('挂断')
    },

    rejectEvent() {
        console.log('对方拒绝')
    },

    userLeaveEvent() {
        console.log('用户离开房间')
    },

    onRespEvent() {
        console.log('对方无应答')
    },

    callingTimeoutEvent() {
        console.log('无应答超时')
    },

    lineBusyEvent() {
        console.log('对方忙线')
    },

    callingCancelEvent() {
        console.log('取消通话')
    },

    userEnterEvent() {
        console.log('用户进入房间')
    },

    callEndEvent() {
        console.log('通话结束')
    },

    // 绑定 TRTCCalling
    bindTRTCCallingRoomEvent: function() {
        const TRTCCallingEvent = this.TRTCCalling.EVENT
        this.TRTCCalling.on(TRTCCallingEvent.INVITED, this.invitedEvent)
        // 处理挂断的事件回调
        this.TRTCCalling.on(TRTCCallingEvent.HANG_UP, this.hangupEvent)
        this.TRTCCalling.on(TRTCCallingEvent.REJECT, this.rejectEvent)
        this.TRTCCalling.on(TRTCCallingEvent.USER_LEAVE, this.userLeaveEvent)
        this.TRTCCalling.on(TRTCCallingEvent.NO_RESP, this.onRespEvent)
        this.TRTCCalling.on(TRTCCallingEvent.CALLING_TIMEOUT, this.callingTimeoutEvent)
        this.TRTCCalling.on(TRTCCallingEvent.LINE_BUSY, this.lineBusyEvent)
        this.TRTCCalling.on(TRTCCallingEvent.CALLING_CANCEL, this.callingCancelEvent)
        this.TRTCCalling.on(TRTCCallingEvent.USER_ENTER, this.userEnterEvent)
        this.TRTCCalling.on(TRTCCallingEvent.CALL_END, this.callEndEvent)
    },
    // 取消 TRTCCalling 监听事件
    unbindTRTCCallingRoomEvent() {
        const TRTCCallingEvent = this.TRTCCalling.EVENT
        this.TRTCCalling.off(TRTCCallingEvent.INVITED, this.invitedEvent)
        this.TRTCCalling.off(TRTCCallingEvent.HANG_UP, this.hangupEvent)
        this.TRTCCalling.off(TRTCCallingEvent.REJECT, this.rejectEvent)
        this.TRTCCalling.off(TRTCCallingEvent.USER_LEAVE, this.userLeaveEvent)
        this.TRTCCalling.off(TRTCCallingEvent.NO_RESP, this.onRespEvent)
        this.TRTCCalling.off(TRTCCallingEvent.CALLING_TIMEOUT, this.callingTimeoutEvent)
        this.TRTCCalling.off(TRTCCallingEvent.LINE_BUSY, this.lineBusyEvent)
        this.TRTCCalling.off(TRTCCallingEvent.CALLING_CANCEL, this.callingCancelEvent)
        this.TRTCCalling.off(TRTCCallingEvent.USER_ENTER, this.userEnterEvent)
        this.TRTCCalling.off(TRTCCallingEvent.CALL_END, this.callEndEvent)
    },
    // ...
})

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

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

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 登录功能SDK嵌入模板代码:代码详情》》》
相关产品与服务
实时音视频
实时音视频(Tencent RTC)基于腾讯21年来在网络与音视频技术上的深度积累,以多人音视频通话和低延时互动直播两大场景化方案,通过腾讯云服务向开发者开放,致力于帮助开发者快速搭建低成本、低延时、高品质的音视频互动解决方案。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档