Realtimekit 配置说明

# RealtimeKit 配置 RealtimeKit 设置、客户端 SDK 和 Wrangler 集成的配置指南。 ## 安装 ### React bash npm install @cloudflare/realtimekit @cloudflare/realtimekit-react-ui ### Angular bash npm install @cloudflare/realtimekit @cloudflare/realtimekit-angular-ui ### Web Components/HTML bash npm install @cloudflare/realtimekit @cloudflare/realtimekit-ui ## 客户端 SDK 配置 ### React UI Kit tsx import { RtkMeeting } from '@cloudflare/realtimekit-react-ui'; <RtkMeeting authToken="" onLeave={() => {}} /> ### Angular UI Kit typescript @Component({ template: `` }) export class AppComponent { authToken = ''; onLeave() {} } ### Web Components html document.getElementById('meeting').authToken = ''; ### 核心 SDK 配置 typescript import RealtimeKitClient from '@cloudflare/realtimekit'; const meeting = new RealtimeKitClient({ authToken: '', video: true, audio: true, autoSwitchAudioDevice: true, mediaConfiguration: { video: { width: { ideal: 1280 }, height: { ideal: 720 }, frameRate: { ideal: 30 } }, audio: { echoCancellation: true, noiseSuppression: true, autoGainControl: true }, screenshare: { width: { max: 1920 }, height: { max: 1080 }, frameRate: { ideal: 15 } } } }); await meeting.join(); ## 后端设置 ### 创建应用与凭据 **仪表板**: https://dash.cloudflare.com/?to=/:account/realtime/kit **API**: bash curl -X POST 'https://api.cloudflare.com/client/v4/accounts//realtime/kit/apps' -H 'Content-Type: application/json' -H 'Authorization: Bearer ' -d '{"name": "My RealtimeKit App"}' **所需权限**: 具有 **Realtime / Realtime Admin** 权限的 API 令牌 ### 创建预设 bash curl -X POST 'https://api.cloudflare.com/client/v4/accounts//realtime/kit//presets' -H 'Authorization: Bearer ' -d '{ "name": "host", "permissions": { "canShareAudio": true, "canShareVideo": true, "canRecord": true, "canLivestream": true, "canStartStopRecording": true } }' ## Wrangler 配置 ### B