Meeting BaaS Viewer

Une interface de visionnage vidéo construite avec Next.js pour gérer les enregistrements de réunion, accéder et naviguer dans les transcriptions.

Une interface de visionnage vidéo construite avec Next.js pour gérer les enregistrements de réunion, accéder et naviguer dans les transcriptions avec des données réelles de vos enregistrements de bots de réunion.

Aperçu

Cette application Next.js fournit un lecteur vidéo complet avec affichage de transcription synchronisée pour les enregistrements de réunion capturés par les bots Meeting BaaS. Fonctionnalités clés :

  • Lecture vidéo avec contrôles standards
  • Affichage de transcription synchronisée avec des données de réunion réelles
  • Mise en surbrillance du mot actuel dans la transcription
  • Navigation vidéo en cliquant sur les mots de la transcription
  • Interface responsive avec vue divisée redimensionnable
  • Données en temps réel de vos enregistrements de bots de réunion
  • Intégration d'authentification avec l'application d'authentification centralisée

Stack Technologique

  • Framework : Next.js 15.3.2
  • Langage : TypeScript
  • Styling : Tailwind CSS 4
  • Composants UI : Shadcn
  • Authentification : Intégration d'application d'authentification centralisée
  • Gestionnaire de Paquets : pnpm

Fonctionnalités Clés

  • Données de Réunion Réelles : Plus de données simulées - utilise les enregistrements et transcriptions réels de vos bots Meeting BaaS
  • Contrôles Vidéo Avancés : Intégration complète video.js avec contrôles personnalisés
  • Transcriptions Interactives : Cliquez sur n'importe quel mot pour sauter à ce moment dans la vidéo
  • Identification des Intervenants : Labels d'intervenants clairs et horodatages
  • Design Responsive : Fonctionne parfaitement sur ordinateurs et appareils mobiles
  • Authentification : Accès sécurisé à vos enregistrements de réunion

Pour Commencer

Prérequis

  • Node.js (version LTS)
  • pnpm 10.6.5 ou plus récent

Installation

  1. Clonez le répertoire :

    git clone https://github.com/Meeting-Baas/viewer
cd viewer

  2. Installez les dépendances :

    pnpm install

  3. Configurez les variables d'environnement :

    cp .env.example .env

    Remplissez les variables d'environnement requises dans .env. Les détails sur les valeurs attendues pour chaque clé sont documentés dans .env.example

  4. Démarrez le serveur de développement :

    pnpm dev

L'application sera disponible à http://localhost:3000

Comment Ça Fonctionne

  1. Authentification : Les utilisateurs s'authentifient via le système d'authentification centralisé
  2. Sélection de Réunion : Parcourez et sélectionnez parmi vos réunions enregistrées
  3. Lecture Vidéo : Diffusez les enregistrements de réunion avec des contrôles vidéo complets
  4. Navigation de Transcription : Consultez les transcriptions synchronisées avec une précision au niveau du mot
  5. Fonctionnalités Interactives : Cliquez sur les mots de transcription pour naviguer dans la timeline vidéo

Intégration des Données

Le visionneur se connecte directement à votre compte Meeting BaaS, récupérant les enregistrements et transcriptions de réunion réels de vos bots. Cela élimine le besoin de données simulées et fournit un accès immédiat à votre contenu de réunion réel.

Interface Meeting BaaS Viewer

Pages Connexes