Pular para o conteúdo principal

Transmissão ao vivo com OBS

Faça sua live no seu idioma enquanto os espectadores leem legendas traduzidas direto no vídeo. O Web App do Whisperr transcreve e traduz seus comentários em tempo real, e uma página de overlay transparente renderiza as legendas dentro do OBS como Browser Source (fonte de navegador) — sem plugins, sem downloads, sem mexer no encoder da GPU. O overlay também mostra um pequeno QR code no canto: quem quiser outro idioma escaneia e acompanha pelo celular em qualquer idioma que o Whisperr suporte.

Como funciona​

  1. Inicie uma transmissão no Web App do Whisperr com o link de compartilhamento ativado — isso cria uma sala ao vivo para a sua sessão
  2. Gere a URL do overlay e adicione-a ao OBS como Browser Source — as legendas traduzidas aparecem sobre a live enquanto você fala
  3. Os espectadores escaneiam o QR code do canto para abrir a sala no celular e escolher o próprio idioma

O que você precisa​

  • Uma conta Whisperr, com login feito no Web App no Chrome
  • OBS Studio (ou qualquer software de streaming com Browser Source, como o Streamlabs)
  • Sua configuração de live de sempre — Twitch, YouTube Live, Kick ou qualquer outro lugar para onde o OBS transmita

Passo 1 — Inicie uma transmissão com o link de compartilhamento​

Abra o Web App e inicie uma nova gravação:

  1. Escolha o idioma falado e o idioma de tradução que você quer gravar na imagem da live
  2. Escolha uma fonte de áudio — Áudio do microfone para comentários, ou Microfone + tela se quiser transcrever também o áudio do jogo ou da aba
  3. Ative o link de compartilhamento e comece a gravar
Whisperr Web App recording controls showing language selection, audio source options, and the Share Link toggle

Assim que a gravação começa, aparece um painel de compartilhamento com duas abas: Sala (o link e o QR code pelos quais seus ouvintes podem entrar diretamente) e OBS (o link de configuração do overlay para a sua live).

Share panel with Room and OBS tabs, showing the listener room link with copy and QR code buttons

Passo 2 — Abra a página de configuração do overlay​

No painel de compartilhamento, clique na aba OBS e depois no ícone de abrir ao lado do link de configuração — ambos destacados em vermelho abaixo:

Share panel OBS tab with red boxes highlighting the OBS tab and the open button next to the overlay setup link

O link de configuração do overlay tem este formato:

https://whisperr.co/app/overlay/<your-room-id>/choose

A página de configuração permite escolher o que as legendas da live vão mostrar, sem editar URL na mão:

Whisperr OBS overlay setup page with options for translation, transcription, or both, and how many caption lines to show

Passo 3 — Escolha o que os espectadores veem e gere a URL​

  • Tradução — só as legendas traduzidas (a escolha mais comum)
  • Transcrição — só a sua fala original, como legendas ao vivo
  • Ambas — sua frase original com a tradução logo abaixo, como legendas bilíngues

Escolha quantas linhas de legenda ficam na tela ao mesmo tempo, aperte Gerar e copie a URL:

Generated OBS Browser Source URL ready to copy, with Both mode and 3 lines selected
nota

Cole no OBS a URL gerada — não a URL da própria página de configuração. A página de configuração é uma tela de ajustes, e adicioná-la ao OBS exibiria o cartão de configuração na sua live.

Passo 4 — Adicione ao OBS como Browser Source​

No OBS:

  1. Em Fontes, clique em + e escolha Navegador
  2. Cole a URL gerada no campo URL
  3. Defina Largura e Altura de acordo com o seu canvas — normalmente 1920 × 1080
  4. Clique em OK e posicione a fonte acima das camadas de gameplay ou da câmera
OBS Browser Source properties dialog with the Whisperr overlay URL pasted in

O fundo do overlay é totalmente transparente — quando ninguém está falando, a fonte fica invisível. No primeiro minuto após carregar, ele mostra uma linha de status esmaecida ("Whisperr overlay connected — waiting for captions…", ou seja, "Overlay do Whisperr conectado — aguardando legendas…") para você confirmar que está funcionando enquanto prepara tudo; a linha de status some assim que a primeira legenda chega e nunca aparece no meio da live.

Passo 5 — Entre ao vivo​

Fale normalmente. As legendas aparecem sobre a live em tempo real — a parte da frase ainda em andamento aparece um pouco esmaecida e se firma conforme a transcrição é confirmada, e as linhas concluídas desaparecem alguns segundos depois que você para de falar.

A live stream with Japanese speech and English translated subtitles overlaid at the bottom, and a scannable room QR code in the corner

O QR code do canto​

Legendas gravadas na imagem alcançam todo mundo, mas em um idioma só. O QR code do canto abre a sua sala ao vivo no celular do espectador, onde ele escolhe o próprio idioma e pode até ouvir com leitura em voz alta. Ele vem ativado por padrão com a legenda "Scan to read in your language" ("Escaneie para ler no seu idioma") — personalize com os parâmetros de URL abaixo (por exemplo, ?qrlabel= com um texto seu no idioma do seu público, ou ?qr=0 para removê-lo).

Personalize o overlay​

Cada opção é um parâmetro de URL, já que não dá para clicar em um browser source do OBS. Adicione-os à URL gerada com &:

ParâmetroPadrãoO que faz
modetranslationtranslation (tradução), transcription (transcrição) ou both (ambas)
lines2Linhas de legenda visíveis ao mesmo tempo (1–6)
size42Tamanho da fonte em px (12–120)
colorffffffCor do texto — hexadecimal sem #, ou um nome de cor CSS
bg0Opacidade do fundo atrás de cada linha, 0–1 (0 = só sombra no texto)
hold8Segundos que uma linha concluída permanece na tela (1–60)
alignbottomAncora as legendas embaixo (bottom) ou em cima (top)
lang(all)Mostra traduções de apenas um idioma de destino, por exemplo lang=es
qronqr=0 oculta o QR code do canto
qrsize132Tamanho do QR code em px (64–400)
qrposbrCanto do QR code: br, bl, tr ou tl
qrlabelScan to read in your languageLegenda abaixo do QR code; qrlabel= (vazio) mostra só o código

Por exemplo, legendas amarelas maiores no topo, sem QR code:

https://whisperr.co/app/overlay/<room-id>?size=56&color=ffcc00&align=top&qr=0

Dicas e solução de problemas​

  • A fonte não mostra nada no OBS — clique com o botão direito no Browser Source e escolha Atualizar cache da página atual. Se a linha de status disser "connecting…" e nunca conectar, verifique sua rede; se disser "waiting for captions", o overlay está saudável e a sua sessão do Whisperr só não está enviando fala ainda.
  • Cada live é uma sala nova — cada sessão de gravação recebe um novo ID de sala, então gere uma nova URL de overlay quando começar uma nova transmissão, ou mantenha a mesma sessão do Whisperr rodando durante toda a live.
  • Sessões do plano gratuito são limitadas a 2 minutos — para uma live de verdade você vai querer um plano superior, para que a sessão dure o tempo todo em que você estiver ao vivo.
  • Traduzindo para vários idiomas? Grave um idioma na imagem da live com lang= e deixe todos os outros usarem o QR code — ele existe exatamente para isso.