Meeting BaaS Viewer | Meeting BaaS

Uma interface de visualização de vídeo construída com Next.js para lidar com a visualização de gravações de reuniões, acessar e navegar por transcrições com dados reais das gravações do seu bot de reunião.

Visão Geral

Esta aplicação Next.js fornece um player de vídeo abrangente com exibição sincronizada de transcrições para gravações de reuniões capturadas pelos bots do Meeting BaaS. Os principais recursos incluem:

Reprodução de vídeo com controles padrão
Exibição sincronizada de transcrições com dados reais de reuniões
Destaque da palavra atual na transcrição
Navegação por vídeo ao clicar nas palavras da transcrição
Interface responsiva com visualização dividida redimensionável
Dados em tempo real das gravações do seu bot de reunião
Integração de autenticação com aplicativo de autenticação centralizado

Stack Tecnológica

Framework: Next.js 15.3.2
Linguagem: TypeScript
Estilização: Tailwind CSS 4
Componentes de UI: Shadcn
Autenticação: Integração com aplicativo de autenticação centralizado
Gerenciador de Pacotes: pnpm

Principais Recursos

Dados Reais de Reuniões: Sem mais dados fictícios - utiliza gravações e transcrições reais dos seus bots do Meeting BaaS
Controles de Vídeo Avançados: Integração completa com video.js e controles personalizados
Transcrições Interativas: Clique em qualquer palavra para ir até aquele momento no vídeo
Identificação de Falantes: Rótulos de falantes e timestamps claros
Design Responsivo: Funciona perfeitamente em dispositivos desktop e móveis
Autenticação: Acesso seguro às suas gravações de reuniões

Primeiros Passos

Pré-requisitos

Node.js (versão LTS)
pnpm 10.6.5 ou superior

Instalação

Clone o repositório:

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

Instale as dependências:
```
pnpm install
```
Configure as variáveis de ambiente:
```
cp .env.example .env
```
Preencha as variáveis de ambiente necessárias em .env. Detalhes sobre os valores esperados para cada chave estão documentados em .env.example
Inicie o servidor de desenvolvimento:
```
pnpm dev
```

A aplicação estará disponível em http://localhost:3000

Como Funciona

Autenticação: Os usuários se autenticam através do sistema de autenticação centralizado
Seleção de Reunião: Navegue e selecione entre suas reuniões gravadas
Reprodução de Vídeo: Transmita gravações de reuniões com controles completos de vídeo
Navegação por Transcrição: Visualize transcrições sincronizadas com precisão em nível de palavra
Recursos Interativos: Clique nas palavras da transcrição para navegar pela linha do tempo do vídeo

Integração de Dados

O visualizador se conecta diretamente à sua conta do Meeting BaaS, obtendo gravações reais de reuniões e transcrições dos seus bots. Isso elimina a necessidade de dados fictícios e fornece acesso imediato ao conteúdo real das suas reuniões.