Meeting BaaS Viewer

Une interface de visualisation vidéo construite avec Next.js pour visionner les enregistrements de meetings, accéder aux transcriptions et les parcourir.

Une interface de visualisation vidéo construite avec Next.js pour gérer l'affichage des enregistrements de meetings, accéder aux transcriptions et les parcourir avec des données réelles provenant de vos enregistrements de bot de meeting.

Vue d'ensemble

Cette application Next.js fournit un lecteur vidéo complet avec affichage synchronisé des transcriptions pour les enregistrements de meetings capturés par les bots Meeting BaaS. Les fonctionnalités clés incluent :

  • Lecture vidéo avec contrôles standard
  • Affichage synchronisé des transcriptions avec des données de meeting réelles
  • Mise en évidence du mot courant dans la transcription
  • Navigation vidéo en cliquant sur les mots de la transcription
  • Interface responsive avec vue fractionnée redimensionnable
  • Données en temps réel provenant de vos enregistrements de bot de meeting
  • Intégration de l'authentification avec une application d'authentification centralisée

Stack Technique

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

Fonctionnalités Clés

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

Démarrage Rapide

Prérequis

  • Node.js (version LTS)
  • pnpm 10.6.5 ou ultérieur

Installation

  1. Clonez le dépôt :

    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

    Renseignez 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 à l'adresse http://localhost:3000

Fonctionnement

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

Intégration des Données

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

Meeting BaaS Viewer Interface

Pages Associées