当前位置: 首页 > news >正文

购买设备有什么网站做参考平台推广是做什么

购买设备有什么网站做参考,平台推广是做什么,自己做的网站提示不安全,个人域名 做公司网站多人视频聊天室搭建,官网已有相关demo和案例,需要快速搭建多人聊天室直接进入以下网站: 实时音视频 Web & H5 (Vue2/Vue3)-视频通话(含 UI)-文档中心-腾讯云说明:https://cloud.tencent.com/document/…

多人视频聊天室搭建,官网已有相关demo和案例,需要快速搭建多人聊天室直接进入以下网站:

实时音视频 Web & H5 (Vue2/Vue3)-视频通话(含 UI)-文档中心-腾讯云说明:icon-default.png?t=N7T8https://cloud.tencent.com/document/product/647/78731#step1

以下仅介绍1v1视频聊天demo的搭建(仅前段也可以实现):

步骤一:  登录到 即时通信 IM 控制台,单击创建新应用,在弹出的对话框中输入您的应用名称,并单击确定

申请成功后会有以上列表。

步骤二:单击刚刚创建的应用,进入基本配置页面,并在页面的右下角找到含 UI 低代码场景方案标题,单击免费体验即可开通 TUICallKit 的 7 天免费试用服务

 步骤三:在同一页面找到 SDKAppID密钥(SecretKey)并记录下来,它们会在后续的步骤中被用到。

 

步骤四:下载相应依赖:

npm install @tencentcloud/call-uikit-vue2.6 @vue/composition-api 

 将 debug 目录复制到您的项目。

MacOSo端:

cp -r node_modules/@tencentcloud/call-uikit-vue2.6/debug ./src

Windows:

xcopy node_modules\@tencentcloud\call-uikit-vue2.6\debug .\src /i /e

步骤五:创建虚拟userId

 

步骤六:创建虚拟UserSig(用户签名,上线后由后端提供)

 登录 - 腾讯云腾讯云为数百万的企业和开发者提供安全、稳定的云服务器、云主机、CDN、对象存储、域名注册、云存储、云数据库等云服务,帮助用户解决游戏、视频、移动、微信、互联网+等行业的架构难题,是全球领先的云计算服务商。icon-default.png?t=N7T8https://console.cloud.tencent.com/trtc/usersigtool

 

 

步骤七:引入依赖,main.js中

import VueCompositionAPI from '@vue/composition-api'
Vue.use(VueCompositionAPI)

如下图:

 

 步骤八:创建index.vue页面,页面名字自行定义。内容如下:

<template><div><div v-if="time && time !== 10">剩余时间:{{ time }}</div><div><span>userID:</span><input type="text" v-model="userID" /></div><div style="margin-top: 6px;"><span>callUserID:</span><input type="text" v-model="callUserID" /></div><button @click="init(userID)"> 用户1 </button><button @click="init(callUserID)"> 用户2 </button><button @click="call()"> 打电话 </button><div style="height: 50vh; border: 1px solid salmon;"><TUICallKit :statusChanged="statusChanged" /></div></div>
</template>
<script>
import { TUICallKit, TUICallKitServer, TUICallType } from "@tencentcloud/call-uikit-vue2.6";export default {name: 'App',data() {return {time: 10,// SDKAppID、userSig 的获取参考下面步骤userID: 'test-user1',     // 主叫的 userID   创建的用户1callUserID: 'test-user2', // 被叫的 userID   创建的用户1SDKAppID: 1600021236849,    // 替换成你对应的SDKAppIDSecretKey: 'e5ca336b2888356fdd0b90311df4d7bc5364d403bf',  // 替换成对应的SecretKey};},components: {TUICallKit},methods: {async init(id) {console.log('init:', TUICallKitServer)try {// userSig 用拷贝过来的userSina替换const userSig = 'RYHsacc4jTKJsKvgxZHFwIAUOa1FP7tyTkAGkEszq6D*e3pm6hR4qL7Rs3RqZO7jQUF5Md97qsslJ2VvW6ThanNfv*AFaPMv4_'await TUICallKitServer.init({SDKAppID: Number(this.SDKAppID),userID: id,userSig,// tim: this.tim     // 如果工程中已有 tim 实例,需在此处传入});alert("[TUICallKit] Initialization succeeds.");} catch (error) {alert(`[TUICallKit] Initialization failed. Reason: ${error}`);}},async call() {try {// 1v1 video callawait TUICallKitServer.call({ userID: this.callUserID, type: TUICallType.VIDEO_CALL });} catch (error) {alert(`[TUICallKit] Call failed. Reason: ${error}`);}},statusChanged(option) {console.log('option:', option)if (option.newStatus === 'calling-c2c-video') {let timer = window.setInterval(() => {if (this.time) {this.time--;} else {window.clearInterval(timer)console.log('TUICallEngine=========:', TUICallKitServer)TUICallKitServer.hangup();}}, 1000)}}},
}
</script>

最后打包上测试服测试(注意:测试只能在测试服测试,本地无法测试,注意用户1点击用户1按钮,用户2点击用户2按钮,最后就是用户1对用户2发起视频,测试就通了)

 

http://www.ds6.com.cn/news/48748.html

相关文章:

  • 计算机毕设做网站难吗爱站网关键词查询网站的工具
  • 教室在线设计网站seo就业哪家好
  • 外贸网站建设广州cps推广联盟
  • 广州网站公司建设网站论坛推广怎么做
  • 杭州做网站哪里好seo快速排名案例
  • 广州皮具网站建设今日军事头条新闻
  • 公司网站代做论坛seo网站
  • 聊网站推广seo优化网络公司
  • 网站结构 网站内容建设宁波网站建设公司
  • wordpress新闻站自动采集器网址大全浏览器主页
  • 有哪些关于校园内网站建设的法律百度商店
  • icp备案系统网站重庆seo外包平台
  • 爱做网站外国竞价网站推广
  • 设计理念网站搜索引擎优化案例分析
  • 做外贸需掌握的网站百度站长工具怎么关闭教程视频
  • 有经验的合肥网站建设爱站长尾词挖掘工具
  • 菏泽网站开发公司东莞服务好的营销型网站建设
  • asp.net答辩做网站北京昨天出啥大事了
  • google谷歌搜索引擎入口aso优化平台
  • 广州短视频拍摄seo专业培训需要多久
  • 行业网站建站百度推广怎么优化
  • 怎么看网站有没有做地图淘宝推广方法有哪些
  • 常德营销型网站建设百度竞价排名收费标准
  • 公司网站设计 上海安阳seo
  • 双阳区住房和城乡建设局网站seo泛目录培训
  • 网站开发流程荆州广告联盟官网
  • 做特卖的网站怎么赚钱海南百度推广代理商
  • 广州网站seo关键词优化计划
  • wordpress会员网站张雷明任河南省委常委
  • 做网站服务器价格多少合适软件定制开发公司