VUE ROOM の機能
アプリのためのルーム
ルームのライフサイクル
- ルームの作成と参加
- 退出と終了の処理
ライブでの会話
- 参加者ビデオを連携
- カメラとマイクを操作
参加者の体験
- ルームメンバーを表示
- ルーム状態の変化を反映
アプリの ID
- 独自のユーザー ID を連携
- サーバー発行の UserSig で認証
プラットフォーム連携
- Vue 3 アプリ
- ネイティブ・ブラウザーの権限に対応
製品のフロー
- ルームをナビゲーションに連携
- 業務データはアプリで管理
Vue 会議コンポーネントを見る
ルーム体験とそのコードをご覧ください。
会議画面
みんなの居場所
Vue ビデオ会議 UI Kit で会議画面を配置。アプリが認証済みユーザーとルーム ID を提供します。
<script setup lang="ts">
import { UIKitProvider } from "@tencentcloud/uikit-base-component-vue3";
import { ConferenceMainView } from "@tencentcloud/roomkit-web-vue3";
</script>
<template>
<UIKitProvider theme="light" language="en-US">
<ConferenceMainView />
</UIKitProvider>
</template>始める
最初のルームを動かす
- 01
- 02
- 03
npm install @tencentcloud/roomkit-web-vue3@5 tuikit-atomicx-vue3 @tencentcloud/uikit-base-component-vue3 @tencentcloud/universal-api<script setup lang="ts">
import { UIKitProvider } from "@tencentcloud/uikit-base-component-vue3";
import { ConferenceMainView } from "@tencentcloud/roomkit-web-vue3";
</script>
<template>
<UIKitProvider theme="light" language="en-US">
<ConferenceMainView />
</UIKitProvider>
</template>Vue ビデオ会議 UI Kit のよくある質問
Vue ビデオ会議 UI Kit には何が含まれますか？
Vue ビデオ会議 UI Kit は入室、映像表示、参加者操作を備えた会議画面を提供。ID と業務フローはアプリで管理します。
Vue ビデオ会議 UI Kit の導入方法は？
Vue ビデオ会議 UI Kit のログイン方法は？
SDKAppID、ユーザー ID、サーバー生成の UserSig を使用。アプリの秘密鍵をブラウザー・モバイルコードに含めず、入室前に認証失敗を処理します。
会議体験をカスタマイズできますか？
文書化されたコンポーネントと設定を製品に調整。ネイティブ UI Kit ソースにはルーム画面とツールバーがあります。対応項目はガイドで確認してください。
コースやワークスペースのシステムを置き換えますか？
コース内容、ワークスペース権限、支払い、業務記録はアプリで管理。会議コンポーネントがリアルタイム通信を追加します。