腾讯云uniapp云直播和即时通信插件接入流程

最新推荐文章于 2025-11-26 14:03:15 发布
原创 最新推荐文章于 2025-11-26 14:03:15 发布 · 置顶 · 9.2k 阅读 · 30 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#腾讯

本文介绍如何使用uniapp插件集成腾讯云移动直播SDK，实现快速搭建移动直播功能。包括申请license、生成userid和usersig、配置推流和拉流地址、打包自定义基座及调试步骤。

名词解释

  1. 移动直播 ：移动直播（Mobile Live Video Broadcasting，MLVB）SDK 是云直播服务（LVB）在移动场景的延伸。相比于主要面向云对接的直播（LVB） 服务，移动直播既提供了基于 RTMP SDK 的“快速集成方案”，也提供了集直播（LVB）、云点播（VOD）、即时通信（IM） 和对象存储（COS） 等多云端服务的“一体化解决方案”。
    2.uniapp插件：是封装了腾讯云移动直播原生SDK,用于uniapp前端的一个免费插件，极大的简化了开发的流程。
    在这里插入图片描述

接入步骤

  1. 加载原生插件下载插件在这里插入图片描述

  2. 在腾讯云云直播控制台申请免费的license.
    在这里插入图片描述

  3. 在腾讯云即时通信控制台创建新的应用，生成新的userid 和 usersig。uid建议使用英文和数字的组合。
    在这里插入图片描述

  4. 运行demo的时候，将index.nvue的页面里面的licen

最低0.47元/天 解锁文章
Littlebearaa
关注
uniapp(全端兼容)-最新详细实现接入腾讯云IM即时通讯教程，uniapp在安卓苹果app端/小程序/h5移动端等集成使用腾讯云im插件，提供消息列表与聊天对话示例，支持发图片/私聊/实时监听消息
高级前端工程师
05-13 1万+
uni-app，腾讯云IM，安卓app，苹果app，微信小程序，移动端，H5网页，手机网站，微信小程序、支付宝小程序，手机app端，nvue，im即时通讯，腾讯云IM详细教程，如何接入腾讯IM即时通讯，使用腾讯im有没有插件，怎么使用腾讯云IM插件，tim-wx-sdk，聊天sdk，即时通讯im uniapp私聊/群聊/聊天室，实现IM即时通讯仿微信聊天功能，对接腾讯云IM+音视频，调用腾讯即时通信IM的示例，卡顿很卡不流畅，音视频，全局监听，仿微信IM，uni-huanxin-im，sdk,实现多端实时通
【uniapp】腾讯云即时通信+直播云-小程序对接（上）
weixin_44899940的博客
06-11 1574
腾讯云即时通信+直播云-小程序对接（上）
uniapp+unipush2.0+WebRTC实现h5多人音视频通话
最新发布
FinelyYang的专栏
11-26 283
群聊选择需要视频通话的人，调用如下方法进入视频通话。gvideocallh5.vue，群聊音视频通话页面。App.vue监听unipush推送的消息。接口转发uniapp。
智密腾讯云直播组件--准备开发环境
04-06 1115
在准备接入之前，开发者需要自行准备腾讯云方面以及uniapp方面所需的资料，申请对应的服务与应用数据，本篇将教您如何从0开始完成开发环境全部步骤。
uniapp使用环信插件实现视频通话
baichi2695的博客
02-01 3477
前言：因为我所做的项目需求是，接到后端推送视频消息，APP端点击消息跳转到通话页面进行1对1通话，而后端已经进行账号好友等的处理，环信提供的demo很多功能前端暂时用不到了，以下就把我用到的罗列出来。 PS：本人并不是前端大神，第一次分享文章，有写不对的欢迎提出来哦，请大佬们多多包涵！ 一、引入插件 首先，在插件市场https://ext.dcloud.net.cn/plugin?id=3507，按照官方文档集成参考说明，把所用到插件导入到你的项目中 下载环信demo，以下是需要直接复制粘贴到你的
web和uniapp接入腾讯云直播
FinelyYang的专栏
06-18 1351
云直播控制台提供地址生成器功能，支持通过填写地址拼接信息，辅助用户快速生成推流/播放地址。使用云直播服务，至少需要2个域名，一个作为推流域名，一个作为播放域名，且推流和播放不能使用相同的域名。需要注意的是生成的HLS播放地址是http的，小程序支持https。在前面获取到的播放地址中已经生成了HLS播放地址。域名管理，选择推流域名->推流配置，获取推流的鉴权key。域名管理，选择播放域名->访问控制，获取播放的鉴权key。1.web播放，使用腾讯云视立方SDK播放。设置直播推流地址和推流码。
uniapp 腾讯云-----直播
weixin_38847214的博客
06-01 3547
<template> <view class="chatBox" > <TX-PlayView appId=1400249380 appKey="e1262d907666861cefb431c67a859d9ac0cf369bd9126c4f337116e9571b8073" :roomId="roomId" :userId="userName" role=20 scene=0 ref="maxTxPlayView" class="maxTxPla...
【手把手教程】uniapp + vue 从0搭建仿斗鱼虎牙直播App：腾讯云MLVB移动直播实践连麦PK+带货
12-05 3666
基于uniapp + vue 实现仿斗鱼虎牙腾讯云移动直播应用实践，实现以下功能 1: 用户登陆 2: 房间管理 3: 房间聊天 4: 直播美颜 5: Svga礼物动画 6: 一对一连麦观众 项目开发环境 IDE：HbuilderX 3.0+ 开发框架：uniapp + vue2.x + sass 运行平台：Android、IOS 环境要求：window7+，macOS 10.12.6+, node 10.14.5+ 效果演示 教程目录 参考文档资源： uniapp..
uniapp：接入腾讯im（包含音视频通话）
1111111111
10-13 511
本文分享了接入腾讯云TUIKit和TUICallKit的经验总结。接入TUIKit时需注意选择vue3项目，遇到云端搜索失败需购买试用插件；真机调试时用户搜索可能存在问题。接入TUICallKit需企业认证，开通音视频服务后要绑定应用信息。测试时通过两个用户分别打包APK，在不同设备上实现了聊天和通话功能。整个过程较为顺利，最终实现了预期效果。
uniapp app端对接腾讯云直播拉流demo 直接上代码 支持安卓和ios
好好学电脑
03-30 736
于是找uni官方，还真找见了，经过测试，app可以，h5不行（直接运行到终端ios和安卓可以，本地浏览器不行）复习下uni云直播，开播什么都没问腿，但是app无法拉流，奇怪，网上很多教程要么不全，要么不对，要么收费。
关于uni-app直播推流无法执行回调
qq_58569936的博客
05-10 2511
我写项目用到了uni官方给出的直播推流 内置组件 live-pusher 起初看了看官方文档 <template> <view> <live-pusher id='livePusher' ref="livePusher" class="livePusher" url="" mode="SD" :muted="true" :enable-camera="true" :auto-focus="true" :beauty="1" whit
WXMiniByUniapp-TRTC:腾讯云小程序音视频通讯Uniapp版
05-01
快速跑通Demo 本文主要介绍如何快速跑通微信小程序版本的 TRTC DEMO，您可以从 上的 WXMini 目录下获取相关代码。DEMO 中前三个功能项演示了三个不同的应用场景： 语音聊天室：纯语音交互，支持多人互动语音聊天，以及混音、混响等声音特效功能。适合在线狼人杀、在线语音直播等社交类场景。 双人通话：1v1 视频通话，配合 可以实现在线问诊，在线客服等需要面对面交流的沟通场景。 多人会议：支持多路视频通话、大小画面和屏幕分享等围绕视频会议相关的高级功能，适用于远程培训、在线教育等场景。 环境要求 微信 App iOS 最低版本要求：7.0.9 微信 App Android 最低版本要求：7.0.8 小程序基础库最低版本要求：2.10.0 由于微信开发者工具不支持原生组件（即 <live> 和 <live> 标签），需要在真机上进行运行体验。 操作步
UniApp实现直播视频与即时通讯的详细步骤
xkxnq的专栏
08-28 1943
直播服务需企业资质认证，即时通讯需遵守《即时通信工具公众信息服务发展管理暂行规定》，上线前完成备案。实际开发中请使用测试环境SDKAppID，避免生产环境密钥泄露。（播放）组件，需搭配第三方云服务（如腾讯云直播）：使用腾讯云IM SDK（需安装。
uniapp - 腾讯云点播小程序插件
GitLqr的博客
05-16 3395
欢迎关注微信公众号：FSA全栈行动 👋 一、简介 微信小程序播放教育类视频要求具备有相关资质，但这些资质一般公司很难短时间申请下来（甚至有的公司压根就申请不了），而【短视频播放器小程序插件】含有《信息网络传播视听节目许可证》的资质证书备案，可以利用该插件来解决资质问题，相关截图如下： 图片来源：https://cloud.tencent.com/document/product/266/36849 采购流程于技术无关，以下内容着重讲解如何集成该微信小程序插件。 注：【短视频播放器小程序插件】授权.
uniapp nvue使用live-pusher组件以及腾讯云实现直播推拉流
张大娃创业笔记
01-20 6104
目录前言效果预览一、推流使用live-pusher组件二、拉流使用video组件三、前端推流核心代码四、推流完整示例（包含美颜/相机切换/结束直播反馈效果）五. 拉流完整示例（包含回放暂停/播放/预告效果） 前言 uniapp nvue使用live-pusher组件以及腾讯云实现直播推流，使用video组件实现直播拉流观看，不使用第三方原生sdk，完整示例已兼容ios和安卓 效果预览 一、推流使用live-pusher组件 <live-pusher :beauty="beauty" :style
腾讯云实时音视频配置，适用于语音直播、交友类系统uniapp开发版本
liutao1982的博客
05-25 1102
采用的腾讯的实时语音，经过我们对比和测试，腾讯的是最便宜的。新用户免费1万分钟，以后每1000分钟7元。第一步、腾讯云申请实时语音，新用户免费可领取资源包1万分钟。第二步、添加应用后拿到appid和秘钥。填写在前端的配置文件里，根目录/siteinfo.js里即可。，购买腾讯官方的插件，别担心是0元。
保利威Polyv云直播、点播官方uni-app插件
php菜鸟技术天地
01-19 2023
Uni-app 云课堂直播： 插件地址：https://ext.dcloud.net.cn/plugin?id=3921  注意，iOS端不支持云打包，需要到离线打包工程打包  uni-app云课堂iOS离线打包工程： https://github.com/polyv/polyv-uniapp-cloudclass-plugin-iOS  uni-app云课堂Android离线打包工程： https://github.com/polyv/polyv-uniapp-cloudclass-plugin-
uniapp直播功能第三方api
xiaomann的博客
06-19 2370
uniapp直播
uniapp小程序引入腾讯视频插件
weixin_47132111的博客
07-31 1431
2. 在pages.json文件下找到需要引入腾讯视频插件页面配置。需要再手机预览或者真机调试才能播放，微信开发者工具播放不成功。只需要更换vid，vid就是视频id。引入成功会在微信开发者工具中看到。1. 引入腾讯视频插件。
腾讯云即时通信IM直播群功能实现与消息接收
开发者无需从零搭建服务器架构、设计数据库模型或实现复杂的网络协议，只需在腾讯云控制台创建应用、获取SDKAppID和密钥，然后将对应的SDK集成到客户端工程中，调用几行初始化代码即可完成接入。整个过程通常在数...
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值