Uma das minhas responsabilidades em minha nova função na Partner Engineering da Mozilla é testar aplicativos e jogos baseados em HTML5 em televisores Panasonic. A televisão do meu escritório, uma bela máquina de 60″ 4K Ultra HD, é o dispositivo perfeito para esse trabalho. Mas como faço para levar o aplicativo do meu computador local para a televisão para teste? Esta postagem do blog o guiará pelo processo de teste do seu aplicativo HTML5 em televisores com Firefox OS.
É importante observar, antes de começarmos, que usar o aplicativo do navegador para visualizar um URL não é a mesma coisa, pois o aplicativo não está no “modo de destaque” e o cromo do navegador ocupa espaço.
Etapa 1: Use o WebIDE do Firefox Web Developer para se conectar à televisão
As incríveis ferramentas de desenvolvimento do Firefox fornecem um WebIDE que apresenta a funcionalidade “Remote Runtime”. Esse tempo de execução remoto permite que o senhor conecte seu computador desktop à sua televisão Firefox OS via IP. Não vou repetir a documentação sobre como fazer a conexão com a TV, em vez disso, vou indicar este artigo no MDN: Como conectar a WebIDE à TV. O artigo na MDN orienta o senhor, com capturas de tela, sobre como se conectar à TV.
Etapa 2: Faça o sideload do aplicativo como um aplicativo empacotado
As TVs Firefox OS só permitem aplicativos “hospedados” (o usuário fornece um URL onde o aplicativo reside) e não aplicativos “empacotados” (um arquivo .zip com todos os recursos do aplicativo); no entanto, para testar seu aplicativo na TV, o usuário precisará carregar o aplicativo como um aplicativo empacotado dentro do WebIDE. Estranho, não é? O aplicativo empacotado será incrivelmente simples e eu até fornecerei o modelo ao senhor:
O senhor só precisa fazer algumas alterações:
- Abrir
app.jse altere o endereço window.location para o endereço de seu aplicativo hospedado - Abrir
webapp.manifeste forneça um nome de aplicativo como o senhor gostaria que ele aparecesse na TV
Isso é tudo o que o senhor precisa fazer, mas talvez queira fornecer também uma imagem real do ícone do aplicativo.
Com o aplicativo empacotado no lugar, e supondo que o senhor tenha conectado o tempo de execução do WebIDE Remote à TV, clique em “Open Packaged App…” e selecione o diretório do aplicativo. O senhor verá as informações carregadas desta forma:
Depois que as informações do aplicativo forem carregadas no WebIDE, o senhor poderá clicar no ícone “play” para “enviar” o aplicativo para a TV. O aplicativo será iniciado instantaneamente na televisão quando o senhor pressionar o ícone de reprodução. Se o usuário acessar a tela inicial do Firefox OS para a TV, verá o nome e o ícone do aplicativo; a partir desse momento, poderá abrir o aplicativo na TV. Se o senhor fizer alterações no aplicativo, basta pressionar o ícone “play” novamente e o aplicativo será reinstalado na TV!
