欢迎来到好人卡资源网,专注网络技术资源收集,我们不仅是网络资源的搬运工,也生产原创资源。寻找资源请留言或关注公众号:烈日下的男人

搭建IM腾讯实时音视频小记

未分类 sky995 2年前 (2022-11-08) 665次浏览 0个评论

本文及资源最后更新时间 2022-11-08 by sky995

  1. 在插件市场购买插件(0元) https://ext.dcloud.net.cn/plugin?id=9035
    1. 输入安卓包名(hbuilder点击发行 原生app云打包之后可以看到包名)

      搭建IM腾讯实时音视频小记

    2. 配置插件

      搭建IM腾讯实时音视频小记

  2. 完成步骤1后 打包(发行 原生app云打包)使用公共测试证书
  3. 自定义调试基座 然后运行到安卓app基座(连接手机调试)

    搭建IM腾讯实时音视频小记

  4. 第一行引入原生插件(只能在app中生效),其它是腾讯云的配置,userId自己定义,userSig建议服务端生成(https://cloud.tencent.com/document/product/647/17275)
const TUICallKit = uni.requireNativePlugin('TencentCloud-TUICallKit')
const TUICallingEvent = uni.requireNativePlugin('globalEvent')
const sdkAppId = 1400737560
const userId = 'xxx'
const userSig = 'eJyrVgrxCdYrSy1S...'
created() {
    const options = {
        SDKAppID: sdkAppId,
        userID: userId,
        userSig: userSig,
    }
    TUICallKit.login(options, (res) => {
        if (res.code === 0) {
            console.log('已登录')
        } else {
            console.log(`login failed, error message = ${res.msg}`)
        }
    })
    TUICallingEvent.addEventListener('onError', (res) => {
        console.log('onError', JSON.stringify(res))
    })
    TUICallingEvent.addEventListener('onCallReceived', (res) => {
        console.log('onCallReceived', JSON.stringify(res))
    })
    TUICallingEvent.addEventListener('onCallCancelled', (res) => {
        console.log('onCallCancelled', res)
    })
    TUICallingEvent.addEventListener('onCallBegin', (res) => {
        console.log('onCallBegin', JSON.stringify(res))
    })
    TUICallingEvent.addEventListener('onCallEnd', (res) => {
        console.log('onCallEnd', JSON.stringify(res))
    })
}
  1. 之后就可以根据文档操作了,发起挂断事件监听(https://cloud.tencent.com/document/product/647/78762)

Web使用腾讯实时音视频(demo)

  1. 测试使用script引入 也可以使用npm(https://cloud.tencent.com/document/product/647/78731)
    <script src="./trtc-js-sdk/trtc.js"></script>
    <script src="./tim-js-sdk/tim-js.js"></script>
    <script src="./tsignaling/tsignaling-js.js"></script>
    <script src="./tuicall- engine-webrtc/tuicall-engine-webrtc.js"></script>
    
  2. 引入客户端生成userSig相关文件
    <script src="./js/clipboard.min.js"></script>
    <script src="./js/lib-generate-test-usersig.min.js"></script>
    <script src="./js/generateTestUserSig.js"></script>
    
  3. 传入参数 登录,之后就可以呼叫 监听事件等等(https://cloud.tencent.com/document/product/647/78756)
    const {
        TUICallEngine,
        TUICallEvent
      } = window['tuicall-engine-webrtc']
      let options = {
        SDKAppID: sdkAppId, // 接入时需要将 0 替换为您的云通信应用的 SDKAppID
        tim: null // tim 参数适用于业务中已存在 TIM 实例,为保证 TIM 实例唯一性
      }
      console.log()
      let tuiCallEngine = TUICallEngine.createInstance(options);
      tuiCallEngine.login({
        userID: userId,
        userSig: userSig,
      }).then(res => {
        // success
      }).catch(error => {
        console.warn('login error:', error)
      })
    
  4. Web端没看到有通话组件的(呼叫界面、接听界面)

踩坑

  • 如果呼叫一个从未登录过得用户 不会唤起UI 只会提示呼叫成功
  • 当你呼叫未登录过得用户后,再去呼叫正常的用户也不会拉起UI

好人卡资源网 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:搭建IM腾讯实时音视频小记
喜欢 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址