Cadena

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

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

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

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

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

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)

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

Expandir até encontrar a opção Sites

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

1. Nome do site: automacao
2. Caminho físico: C:\Cadena\Automacao\vMix\web-browser\
3. Porta: 9090

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

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

Clicar em Configurações &gt; Notificações &gt; Local

1. Ativo: Marque essa opção
2. Caminho: C:\Cadena\Automacao\vMix\web-browser\

1. Clicar com botão direito na opção no relógio
2. Clicar em Configurações &gt; Notificações &gt; Local
3. Preencher os campos:
 1. Ativo: Marque essa opção
 2. Caminho: C:\Cadena\Automacao\vMix\web-browser\

Clicar em Add Input &gt; Web Browser

1. URL: http://localhost:9090
2. Browser Version: V103 (Informe a maior versão)

Renomeia esse input para Cadena-GC

1. Clicar em Add Input &gt; 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

Substituir o logo.png da Cadena pelo da emissora

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

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;

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

1. Background transparente para não sobrepor outros input do vMix;
2. Ler o arquivo <code>cadena-noar.json</code> 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.

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