Meeting BaaS Viewer | Meeting BaaS

Una interfaz de visualización de video construida con Next.js para ver grabaciones de reuniones, acceder y navegar por transcripciones con datos reales de las grabaciones de su bot de reuniones.

Descripción general

Esta aplicación de Next.js proporciona un reproductor de video completo con visualización sincronizada de transcripciones para grabaciones de reuniones capturadas por los bots de Meeting BaaS. Las características principales incluyen:

Reproducción de video con controles estándar
Visualización sincronizada de transcripciones con datos reales de reuniones
Resaltado de la palabra actual en la transcripción
Navegación por video haciendo clic en las palabras de la transcripción
Interfaz responsiva con vista dividida redimensionable
Datos en tiempo real de las grabaciones de su bot de reuniones
Integración de autenticación con aplicación de autenticación centralizada

Stack tecnológico

Framework: Next.js 15.3.2
Lenguaje: TypeScript
Estilos: Tailwind CSS 4
Componentes de UI: Shadcn
Autenticación: Integración con aplicación de autenticación centralizada
Gestor de paquetes: pnpm

Características principales

Datos reales de reuniones: Sin más datos simulados — utiliza grabaciones y transcripciones reales de sus bots de Meeting BaaS
Controles de video avanzados: Integración completa de video.js con controles personalizados
Transcripciones interactivas: Haga clic en cualquier palabra para saltar a ese momento en el video
Identificación de hablantes: Etiquetas claras de hablantes y marcas de tiempo
Diseño responsivo: Funciona perfectamente en dispositivos de escritorio y móviles
Autenticación: Acceso seguro a las grabaciones de sus reuniones

Primeros pasos

Requisitos previos

Node.js (versión LTS)
pnpm 10.6.5 o posterior

Instalación

Clone el repositorio:

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

Instale las dependencias:
```
pnpm install
```
Configure las variables de entorno:
```
cp .env.example .env
```
Complete las variables de entorno requeridas en .env. Los detalles sobre los valores esperados para cada clave están documentados en .env.example
Inicie el servidor de desarrollo:
```
pnpm dev
```

La aplicación estará disponible en http://localhost:3000

Cómo funciona

Autenticación: Los usuarios se autentican a través del sistema de autenticación centralizado
Selección de reunión: Explore y seleccione entre sus reuniones grabadas
Reproducción de video: Transmita grabaciones de reuniones con controles de video completos
Navegación por transcripciones: Vea transcripciones sincronizadas con precisión a nivel de palabra
Funciones interactivas: Haga clic en las palabras de la transcripción para navegar por la línea de tiempo del video

Integración de datos

El visualizador se conecta directamente a su cuenta de Meeting BaaS, extrayendo grabaciones y transcripciones reales de reuniones de sus bots. Esto elimina la necesidad de datos simulados y proporciona acceso inmediato a su contenido real de reuniones.