Programe seu próprio conteúdo. HTML5 nativo.
Crie experiências de sinalização digital totalmente personalizadas usando HTML5, CSS e JavaScript. Desenvolva quiosques interativos, dashboards animados, visualizações de dados e experiências de marca renderizadas nativamente em suas telas.
Liberdade criativa total com tecnologias web
Quando templates e editores não são suficientes, o HTML5 Custom Code oferece controle criativo ilimitado. Escreva HTML, CSS e JavaScript que rodam nativamente no motor de navegador do player de sinalização digital. Acesse dados em tempo real por meio de APIs, crie experiências interativas para touchscreen e desenvolva animações que seriam impossíveis com ferramentas de arrastar e soltar.
O que você pode fazer com HTML5 nativo.
Três capacidades que tornam esta integração essencial para a sua rede de sinalização digital.
Editor de Código Integrado
Escreva e teste conteúdo HTML5 diretamente no dashboard do Hangar.Media usando o editor de código integrado com realce de sintaxe, autocomplete e pré-visualização ao vivo. Veja suas alterações renderizadas em tempo real antes de publicar.
Codifique, pré-visualize e publique, tudo em um só lugar.
Realce de sintaxe para HTML, CSS e JS
Painel de pré-visualização ao vivo
Snippets de código e templates de boilerplate
Dados Dinâmicos via APIs da Plataforma
Seu conteúdo HTML5 personalizado pode acessar as APIs da plataforma Hangar.Media para obter dados ao vivo, como localização da tela, playlist atual, fusos horários e feeds de dados personalizados. Crie conteúdo que se adapta com base em onde e quando é exibido.
Conteúdo que sabe onde está.
Metadados de tela e dados de localização
Integração com feeds de dados personalizados
Personalização de conteúdo em tempo real
Envie Aplicações Web Completas
Empacote seu conteúdo HTML5 como um arquivo ZIP com todos os assets incluídos e envie para o Hangar.Media. A plataforma hospeda e serve sua aplicação web no player de sinalização, com suporte a projetos complexos com múltiplos arquivos.
Do seu IDE para suas telas.
Upload de pacote ZIP com bundling de assets
Suporte a CDNs externas e bibliotecas
Empacotamento de conteúdo com suporte offline
Quatro etapas para telas conectadas.
Da configuração ao conteúdo ao vivo em minutos, não dias.
Escreva seu código
Crie seu conteúdo HTML5 usando o editor de código integrado ou seu ambiente de desenvolvimento preferido.
Pré-visualize e teste
Pré-visualize seu conteúdo no dashboard em resolução de tela cheia e teste a interatividade e as conexões de dados.
Faça upload ou salve
Salve seu código no editor ou envie um arquivo ZIP com todos os arquivos HTML, CSS, JS e assets.
Publique nas telas
Adicione seu conteúdo HTML5 personalizado a playlists e publique nas suas telas como qualquer outro tipo de conteúdo.
Feito para cada setor.
Veja como diferentes segmentos utilizam esta integração para gerar resultados.
Dashboards personalizados de trading
Crie dashboards de dados financeiros e tickers de ações em tempo real usando HTML5 e conexões WebSocket para displays em salas de operações.
CorporativoDiretórios interativos de escritório
Crie diretórios de escritório touchscreen personalizados com mapas de andares, busca de colaboradores e orientação de rotas usando HTML5 e JavaScript.
VarejoConfiguradores interativos de produtos
Desenvolva ferramentas touchscreen de configuração de produtos que permitem aos clientes personalizar itens e visualizar preços na sinalização digital em loja.
PúblicoDisplays de visualização de dados
Crie dashboards personalizados de visualização de dados para displays de informações públicas exibindo dados de transporte, estatísticas ambientais e métricas urbanas.
Perguntas frequentes. Respostas diretas respostas.
Quais navegadores e mecanismos são suportados nos players de sinalização?
Os players de sinalização do Hangar.Media utilizam mecanismos de renderização baseados em Chromium, com suporte a HTML5 moderno, CSS3 e JavaScript ES6. O ambiente é equivalente a uma versão recente do Google Chrome.
Meu conteúdo HTML5 pode fazer chamadas a APIs externas?
Sim. Seu código personalizado pode fazer requisições HTTP a APIs externas usando fetch ou XMLHttpRequest. Certifique-se de que seus endpoints de API suportem CORS ao carregar dados de serviços de terceiros.
Existe um limite de tamanho para pacotes HTML5?
Pacotes de conteúdo HTML5 individuais podem ter até 100MB. Para aplicações maiores com muitos recursos de mídia, considere carregar os assets de CDNs externas para reduzir o tamanho do pacote.
Posso usar frameworks JavaScript como React ou Vue?
Sim. Você pode usar qualquer framework ou biblioteca JavaScript que rode em um navegador. Desenvolva sua aplicação com React, Vue, Angular ou Svelte, faça o bundle e envie o build de produção como um pacote ZIP.
Um preço. A plataforma completa.
É assim que acreditamos que a sinalização digital deve funcionar. Editor de conteúdo, gerenciamento de telas e mais de 200 integrações de aplicativos — tudo incluído desde o primeiro dia.