Controlando o OBS com JavaScript

この記事は約5分で読めます。
スポンサーリンク

Coisas que eu quero fazer

Controlarei o OBS usando JavaScript.

Pontos a observar

O método descrito neste artigo apresenta dois problemas principais. Por favor, verifique-os antes de prosseguir.

Nota 1: Não pode ser usado com um navegador comum.

Não pode ser usado com navegadores externos ao OBS (como Chrome ou Firefox).

Para utilizá-lo, você precisa exibir a página que criou no código-fonte do navegador dentro do OBS.

Nota 2: Existem limitações quanto ao que pode ser feito.

As funcionalidades são bastante limitadas. Você pode alternar entre cenas, entre transações, gravar e iniciar e parar a transmissão, mas não pode alterar o volume nem mostrar/ocultar as fontes.

Para obter mais detalhes, consulte a página seguinte, que contém uma lista de eventos e recursos disponíveis.

GitHub - obsproject/obs-browser: CEF-based OBS Studio browser plugin
CEF-based OBS Studio browser plugin. Contribute to obsproject/obs-browser development by creating an account on GitHub.

スポンサーリンク

Configurações do OBS

Clique no sinal de + na janela Fontes do OBS.

Selecione um navegador e crie a origem do navegador.

Defina o URL para exibir a URL. (Se você não quiser configurar um servidor local, marque a opção Arquivo Local e selecione um arquivo local (funcionamento não confirmado)).

Vamos modificá-lo para que fique em conformidade com a funcionalidade de criação de permissões de página.

O exemplo abaixo confere a maior autoridade.

Isso conclui as configurações do OBS.

スポンサーリンク

implementação

Este guia mostrará como implementar isso usando JavaScript com Node.js.

Crie um projeto em Node.js e execute o seguinte comando. (Isso pode não ser necessário para implementações em JavaScript, mas é recomendado, pois permite verificar definições e outros detalhes.)

npm install --save-dev @types/obs-studio

Com esses passos, você agora deverá conseguir acessar o window.obsstudio a partir da página exibida nas configurações do OBS.

exemplo

Versão para exibição

window.obsstudio.pluginVersion

A gravação começou.

window.obsstudio.startRecording()
スポンサーリンク

Métodos de depuração

Execute o seguinte arquivo em lote. (Caso o caminho do seu OBS ou do navegador seja diferente, ou se você tiver problemas com as portas, modifique-o de acordo.)

cd /d "C:\Program Files\obs-studio\bin\64bit\"
start obs64.exe  --remote-debugging-port=5555 --remote-allow-origins=*
"C:\Program Files\Google\Chrome\Application\chrome.exe"  http://localhost:5555

Não utilize o arquivo em lote acima se estiver usando o OBS normalmente, sem depuração.

Uma lista das páginas da web exibidas no OBS aparecerá no Chrome; selecione a página que deseja depurar.

A página e as ferramentas de desenvolvedor do Chrome serão exibidas.

スポンサーリンク

Sites que utilizei como referência

GitHub - obsproject/obs-browser: CEF-based OBS Studio browser plugin
CEF-based OBS Studio browser plugin. Contribute to obsproject/obs-browser development by creating an account on GitHub.
OBSをブラウザソースから操作する "obs-browser" を試してみた

コメント

タイトルとURLをコピーしました