crunchyroll webos

Crunchyroll - aplicativo WebOS TV

AVISO IMPORTANTE: Crunchyroll agora tem um aplicativo oficial para TVs WebOS. Recomendamos fortemente que você use o aplicativo oficial para uma melhor experiência do usuário.

Crunchyroll™ é uma marca registrada da Sony Pictures Entertainment Inc. Este projeto não é afiliado à Crunchyroll, Team Crunchyroll ou Sony Pictures Entertainment Inc.

Sobre

Aplicativo WebOS TV não oficial para Crunchyroll para quem deseja experimentar uma solução alternativa.

Compatível com webOS TV 4.x ou mais recente.

Download e instalação

Você pode baixar e instalar este aplicativo em sua WebOS TV seguindo um dos guias abaixo:

• Usando o aplicativo HomeBrew TV (recomendado).
• Usando dev-manager-desktop do computador.
• Baixe o IPK da página de lançamento mais recente e instale usando WebOS SDK.

Desenvolvendo com Docker

Você é mais que bem-vindo para contribuir com este projeto! Para tornar o processo de desenvolvimento mais fácil para todos, encorajamos você a construir um contêiner que inclua todas as dependências. Aqui estão as etapas necessárias:

 # Clone the repository
git clone [email protected]:mateussouzaweb/crunchyroll-webos.git
cd crunchyroll-webos/

# Build the container from Dockerfile
docker build --no-cache -t crunchyroll-webos:latest .

# Run the container with user environment
docker run -it --rm 
  --network host 
  --name crunchyroll-webos 
  --user $( id -u ) : $( id -g ) 
  --env HOME= " $HOME " 
  --volume " $HOME " : " $HOME " 
  --volume " $PWD " : " /app " 
  crunchyroll-webos:latest bash

# Installs project dependencies
npm install

# Run develop mode
npm run develop

O comando develop precisa continuar sendo executado em segundo plano para compilar as alterações enquanto você está desenvolvendo. Quando você precisar acessar outros comandos, crie terminais adicionais conectando-se ao mesmo contêiner ou execute o comando com o docker:

 # Connect to bash and run the command
docker exec -it crunchyroll-webos bash
npm run device-check

# Or, run the command directly
docker exec -it crunchyroll-webos npm run device-check

Correndo na TV

Para testar e desenvolver diretamente na TV, você precisa habilitar sua TV para teste no modo de desenvolvedor. Consulte o guia oficial da LG para saber como ativar o modo de desenvolvedor: https://webostv.developer.lge.com/develop/getting-started/developer-mode-app.

Depois de ativar o modo de desenvolvedor, você pode usar os comandos do projeto para conectar, construir, iniciar e inspecionar o programa na sua TV:

 # List devices
npm run devices

# Run setup process to connect to the TV
npm run device-setup

# Check device connection
npm run device-check

# Build from SRC
npm run build
npm run app-package

# Install app for TV
npm run app-install

# Launch or inspect
npm run app-launch
npm run app-inspect

Observe que o modo de desenvolvedor fica ativado apenas por algumas horas, portanto, você precisará renovar a sessão do desenvolvedor de tempos em tempos para continuar usando e desenvolvendo o aplicativo.

Executando no navegador

Você também pode testar este projeto no navegador, mas requer algumas etapas necessárias. Primeiro, você precisa iniciar o navegador sem CORS. Você também precisará acessar o projeto a partir do arquivo index.html localizado na pasta dist/ usando o protocolo file:// , caso contrário, a resposta da API Crunchyroll e a reprodução do vídeo serão bloqueadas pelas regras de segurança do navegador:

 # Give flatpak permissions
flatpak override com.google.Chrome --filesystem=host

# Start the browser without CORS and access the project from the dist/ folder
flatpak run com.google.Chrome 
  --user-data-dir= " /tmp/chrome-dev-test " 
  --disable-web-security 
  --no-first-run 
  file:// $PWD /dist/index.html