Todas as coleções
Cadena Automação
Como exibir os dados da música no vMix através do Cadena Automação
Como exibir os dados da música no vMix através do Cadena Automação
Bruno Sanson avatar
Escrito por Bruno Sanson
Atualizado há mais de uma semana

Precisamos criar um Servidor Web local com recursos nativos do Windows.

Instalar o Serviço de Informações da Internet (IIS)

  1. Menu Iniciar e pesquisar por Ativar ou desativar recursos do Windows;

  2. Ativar a opção Serviço de Informações da Internet

  3. Ativar a opção Serviço da World Wide Web

Pode ser necessário reiniciar o computador.

Configurar o Serviço de Informações da Internet (IIS)

  1. Menu Iniciar e pesquisar por Gerenciador do Serviços de Informações da Internet (IIS)

  2. Expandir até encontrar a opção Sites

  3. Clicar com botão direito na opção Sites

  4. Clicar em Adicionar site...

  5. Preencher os campos:

    1. Nome do site: automacao

    2. Caminho físico: C:\Cadena\Automacao\vMix\web-browser\

    3. Porta: 9090

Configurar o Cadena Automação

  1. Clicar com botão direito na opção no relógio

  2. Clicar em Configurações > Notificações > Local

  3. Preencher os campos:

    1. Ativo: Marque essa opção

    2. Caminho: C:\Cadena\Automacao\vMix\web-browser\

Configurar o vMix

  1. Clicar em Add Input > Web Browser

  2. Preencher os campos:

    1. URL: http://localhost:9090

    2. Browser Version: V103 (Informe a maior versão)

  3. Renomeia esse input para Cadena-GC

Configurar a Página Web

  1. Substituir o logo.png da Cadena pelo da emissora

  2. Alterar o main.css e ajustar:

    1. Cores:

      --primary-background-color: rgb(66, 106, 179);
      --secondary-background-color: black;
    2. Fonte;

    3. Elementos;

O que preciso saber para criar uma página totalmente customizada?

Compartilhe com seu desenvolvedor web os arquivos de exemplo que acompanha o Cadena Automação em C:\Cadena\Automacao\vMix\web-browser\exemplo

Requisitos da Página:

  1. Background transparente para não sobrepor outros input do vMix;

  2. Ler o arquivo cadena-noar.json para atualizar os elementos;

    { 
    "artist": "Ozzy Osbourne",
    "song": "Mama I'm Coming Home",
    "remaining_time": 259617,
    "created_at": "2023-05-12T13:25:56.802Z"
    }

  3. Exibir os dados da música no início e também no final da execução;

  4. Usar responsividade para resolução HD e Full HD;

  5. Não precisa de autenticação;

  6. Apenas o vMix usará essa página;

  7. Hospedagem pode ser local ou remota.

Respondeu à sua pergunta?