Vamos mostrar como usar a opção "Fonte do navegador" no OBS para adicionar widgets e conteúdo da web. Este é um dos melhores recursos do OBS para... Integrar elementos dinâmicos em gravações e transmissões.Você pode facilmente enriquecer qualquer cena com recursos visuais que antes exigiam configurações complexas. Vamos começar.
O que exatamente é o código-fonte do navegador?
Como usar a opção "Fonte do navegador" no OBS? Se você está começando como streamer ou acabou de migrar para o OBS... OBS Studio para gravaçãoÉ útil saber exatamente o que é a função Browser Source. Imagine que você pudesse Crie um navegador web invisível e coloque-o dentro da sua cena no OBS.como se fosse mais uma camada. Bem, é basicamente isso que uma fonte de navegador faz.
Internamente, o OBS usa o mecanismo de renderização Chromium (o mesmo do Google Chrome) para carregar e exibir qualquer URL que você especificar. Seu segredo está na transparência: apenas o conteúdo visual (texto, gráficos, animações) da página da web sobrepõe-se ao seu jogo ou à imagem da câmera. Além disso, diferentemente de uma imagem estática, A fonte de um navegador pode ser atualizada em tempo real..
Isso significa que, por exemplo, um widget de doações mostrará a última doação e um chat sobreposição, novas mensagens. Você também pode Veja em tempo real como o número de seguidores aumenta. com um contador de seguidores. Tudo isso sem precisar de plugins complexo e sem que você precise fazer mais nada.
Como usar a opção "Origem do navegador" no OBS para adicionar widgets e conteúdo da web.
Vamos agora analisar o processo passo a passo de como usar a Fonte do Navegador no OBS para adicionar widgets e conteúdo da web. O processo para integrar uma fonte de navegador é simples e sempre segue os mesmos passos. A primeira coisa é Abra o OBS Studio e certifique-se de estar na cena onde deseja adicionar o widget.
Agora, no painel de Fontes (Fontes), clique no Botão “+” e selecione Navegador (Navegador) No menu suspenso, uma janela será aberta para que você nomeie sua fonte. Você pode dar a ela um nome descritivo, como "Widget de Alerta" ou "Chat na Tela", para manter seu projeto organizado.
Clique em "Aceitar" e as propriedades da fonte serão abertas. É aqui que você precisa configurar o núcleo do widget:
- URL: Cole aqui o endereço web fornecido pelo serviço que você está usando (StreamElements, Streamlabs, etc.).
- Largura e alturaA prática mais comum é usar a resolução da tela (por exemplo, 1920x1080) para widgets que ocupam a tela inteira. Para um chat ou um contador, você pode definir um tamanho menor.
- FPS: A taxa de quadros por segundo (FPS) determina a fluidez das animações. 30 FPS é mais do que suficiente na maioria dos casos, embora para animações muito complexas você possa aumentá-la para 60. Um valor mais alto consome mais recursos da CPU.
- Desligue a fonte quando ela não estiver visível.Habilitar essa opção é recomendado para otimizar o desempenho. Isso fará com que o OBS pare de processar o widget quando você alternar para uma cena que não o contenha, economizando recursos valiosos do sistema.
- CSS personalizadoEste campo destina-se a utilizadores avançados. Permite modificar o estilo da página web carregada, como ocultar elementos ou forçar a transparência do fundo caso o widget não a suporte nativamente.
Usando o Browser Source no OBS: Onde encontrar widgets e elementos da web?
Como você pode ver, é muito fácil usar a opção "Fonte do Navegador" no OBS para adicionar widgets e conteúdo da web às suas transmissões e gravações. O processo básico e a configuração inicial são simples, mas agora você precisa... Seja criativo e selecione os elementos de que precisa.Onde posso encontrá-los?
Uma das plataformas mais completas e populares do seu género é Elementos de fluxo. Lá você encontrará widgets e elementos de todos os tipos: alertas, bate-papo na tela, contadores de metas, listas de eventos e muito mais, tudo gerenciado a partir do seu painel de controle. Você precisa se cadastrar para obter URLs personalizadas.que você então colará no OBS. Muitas de suas funcionalidades são gratuitas.
Outra fonte semelhante é Streamlabs, Uma das principais plataformas para streamers. Ela também oferece uma ampla gama de recursos. widgets como alertas e bate-papoe funciona da mesma forma através de uma fonte de navegador. Esses e outros sites são um bom ponto de partida para começar a usar a Fonte de Navegador no OBS.
Aplicações práticas: widgets que transformam seu fluxo de conteúdo.
A fonte do navegador é a base sobre a qual a interação de uma transmissão é construída. O tipo e a quantidade de elementos e widgets que você usa dependerão do conteúdo que você transmite e do que você deseja alcançar com seu público. Vamos analisar alguns deles. aplicações mais comuns Ao usar a opção "Fonte do navegador" no OBS:
Alertas e sobreposições
Este é provavelmente o uso mais difundido. Serviços como StreamElements e Streamlabs são líderes nessa área. Eles permitem que você criar alertas personalizados que aparecem na tela quando alguém te segue, se inscreve ou faz uma doação.
Widgets de bate-papo na tela
Exibir o chat na tela é uma excelente prática, especialmente para plataformas como o YouTube. Também é uma boa ideia usá-lo para os espectadores que assistem aos seus vídeos. fluxo em telas grandes ou televisores, onde o chat nativo não está disponívelEntre outras coisas, você pode escolher o tamanho da fonte, a transparência do fundo, a velocidade de transição da mensagem e sua posição na tela.
Legendas e tradução simultânea
Esta é uma das aplicações mais interessantes e úteis que você pode experimentar ao usar a Origem do Navegador no OBS. Serviços como StreamTranslate permitir gerar legendas em tempo real do que você diz, e até mesmo traduzi-los para outros idiomas, tudo por meio de uma fonte simples do navegador.
Você só precisa da URL fornecida pelo serviço, e o OBS se encarregará de exibir as legendas no seu dispositivo. fluxo, sem precisar de plugins Não é necessário nenhum software adicional. É uma ferramenta fantástica para alcançar públicos internacionais.
Contadores, alvos e placares
Você deseja mostrar um meta de assinatura ou um temporizadorExistem widgets para tudo. Por exemplo, você pode adicionar um placar que mostra há quanto tempo você está ao vivo ou um cronômetro de contagem regressiva para um sorteio. O site timer.ringomar.com Ele oferece um temporizador simples que você pode usar com um URL personalizado, demonstrando a flexibilidade desse recurso.
Desde jovem, sempre fui fascinado por tudo que é científico e tecnológico, especialmente pelos avanços que tornam nossas vidas mais fáceis e agradáveis. Adoro me manter atualizado sobre as últimas notícias e tendências, e compartilhar minhas experiências, opiniões e dicas sobre os dispositivos e gadgets que uso. Isso me levou a me tornar redator web há pouco mais de cinco anos, com foco principal em dispositivos Android e sistemas operacionais Windows. Aprendi a explicar conceitos complexos em termos simples para que meus leitores possam entendê-los facilmente.