Guide de lecture localisé
ui-toolkit/webObjectif, utilisation et source
Compétence de référence pour le kit d'outils d'interface utilisateur du SDK vidéo Zoom. À utiliser après le routage vers un flux de travail vidéo Web lorsque vous souhaitez une interface utilisateur React pré-construite au lieu de créer une interface SDK vidéo entièrement personnalisée.
Source récupérée:
- Dépôt source
- anthropics/knowledge-work-plugins
- SKILL.md
partner-built/zoom-plugin/skills/ui-toolkit/SKILL.md- Étoiles du dépôt
- 34,049
- Mise à jour du dépôt
- 2026-10-30
- Catégories de capacités
- Développement
- Dernière collecte
Licence : Fichier de licence à vérifier
Les extraits de flux de travail sont des outils de lecture et non des instructions exécutables de Codez. Aucune compétence tierce n'a été utilisée pour générer cette page.
Les passages relatifs à l'objectif et au flux de travail ci-dessous constituent le contenu original, organisé et traduit pour la lecture. Ils sont distincts de l'analyse éditoriale de Codez, qui est étiquetée séparément.
À quoi sert cette compétence ?
Compétence de référence pour le kit d'outils d'interface utilisateur du SDK vidéo Zoom. À utiliser après le routage vers un flux de travail vidéo Web lorsque vous souhaitez une interface utilisateur React pré-construite au lieu de créer une interface SDK vidéo entièrement personnalisée.
Comment fonctionne le flux de travail en amont
Aperçu
Le kit d'outils d'interface utilisateur du SDK vidéo Zoom est une bibliothèque d'interface utilisateur vidéo préconfigurée qui offre une expérience de visioconférence complète avec un minimum de code. Contrairement au SDK vidéo seul, le kit d'outils d'interface utilisateur propose : ✅ Une interface utilisateur prête à l'emploi : une interface vidéo professionnelle prête à l'emploi ✅ Aucun code d'interface utilisateur : inutile de créer des mises en page vidéo, des commandes ou la gestion des participants ✅ Compatibilité avec tous les frameworks : fonctionne avec React, Vue, Angular, etc.Next.jsJavaScript pur
passage en amont · L41 ↗🎯 Concepts fondamentaux
Comprendre le fonctionnement d'UI Toolkit : Composite vs Composants – Deux façons d'utiliser UI Toolkit (voirskill.mdArchitecture du kit d'outils d'interface utilisateur : comment il intègre le SDK vidéo en interne. Configuration des fonctionnalités : comprendre la structure des options.
passage en amont · L350 ↗Kit de développement logiciel (SDK) vidéo Zoom, interface utilisateur
Documentation de référence pour le kit d'outils d'interface utilisateur préconfiguré du SDK vidéo Zoom sur le Web. Préférerchoose-zoom-approachPremièrement, l'utilisateur pourrait encore avoir besoin du kit de développement logiciel Meeting SDK. Documentation officielle :https://developers.zoom.us/docs/video-sdk/web/ui-toolkit/Référence API :https://marketplacefront.zoom.us/sdk/uitoolkit/web/Package NPM :https://www.npmjs.com/package/@zoom/videosdk-zoom-ui-toolkitDémo en direct :https://sdk.zoom.com/videosdk-uitoolkit
Configuration requise
Installation
Remarque : la prise en charge de React dépend de la version du kit d’outils d’interface utilisateur. Vérifiez les dépendances du package pour votre version installée (React).18(est généralement requis).
passage en amont · L63 ↗Prérequis
Identifiants du SDK vidéo Zoom disponibles sur Zoom Marketplace. Version de React compatible avec votre package UI Toolkit installé (vérifiez les dépendances homologues ; React)18(est courant)
passage en amont · L300 ↗npm install @zoom/videosdk-zoom-ui-toolkit jsrsasign
npm install -D @types/jsrsasignLimites et contrôles de qualité
Aucun passage de limite distinct n'a été sélectionné dans ce fichier. Cela ne signifie pas que la compétence est sûre pour toutes les entrées ou tous les environnements. Consultez le code source complet et validez vos résultats.
Commencez par un essai sans danger
- Vérifiez l'hôte pris en charge et les instructions d'installation du dépôt. Conservez le répertoire Skill ainsi que ses scripts, ressources et documentation référencés ;SKILL.mdSeul, il peut omettre les dépendances.
- Indiquez à l'agent vos paramètres d'entrée réels, le résultat souhaité et les critères d'acceptation. La syntaxe d'appel et les outils disponibles dépendent du système hôte ; ce site ne propose pas de commande d'installation universelle.
- Testez le flux de travail source dans un projet temporaire ou sur une copie. Avant d'autoriser les opérations qui modifient des fichiers, des services distants ou des ressources facturables, examinez-les attentivement.
- Vérifiez la conformité du résultat avec les contrôles qualité sources et vos propres exigences. Un déclenchement réussi ou un nombre élevé d'étoiles dans le dépôt ne garantissent pas un résultat correct.
Pour en savoir plus, consultez la source.
- Kit de développement logiciel (SDK) vidéo Zoom, interface utilisateur
- Liens rapides
- Aperçu
- Installation
- Dépannage
- Génération de jetons JWT (côté serveur)
- Next.jsavec le chemin de base
- Prérequis
- Ressources
- Indice intégré
- 📚 Commencez ici
- 🎯 Concepts fondamentaux
- Commencer
- Intégration du cadre
- Sujets avancés
- 📚 Référence API
- 🔧 Configuration
- Problèmes courants
- Problèmes spécifiques au cadre
- Problèmes de session
- 📦 Exemples d'applications
- 🌐 Ressources externes
- Débutant
- Intermédiaire
- Avancé
- Règles à retenir
- 📞 Assistance
- Variables environnementales
Compétences connexes
Traduction et étendue
Ce guide de lecture sélectionne des passages de l'amont épingléSKILL.mdCette traduction est assistée. Elle ne constitue pas un manuel complet et ne garantit pas une compatibilité testée. Veuillez lire le document original et les fichiers auxquels il fait référence avant utilisation.
Cette introduction fait référence à la version épinglée ci-dessous ; l’activité actuelle du dépôt et la durée de la collecte sont indiquées séparément.
- Source épinglée
- Lire l'original ↗
- Source récupérée
- Commit source
2574e29377c7173d0cecffef29a6ecbd7f8ccb5d- Source SHA-256
7d792c9a772ce01ac8ec0634575df84404c83ec6bbb85de2da2c96b6780ea194