crunchyroll webos

Crunchyroll - Application WebOS TV

AVIS IMPORTANT : Crunchyroll dispose désormais d'une application officielle pour les téléviseurs WebOS. Nous vous recommandons fortement d'utiliser l'application officielle pour une meilleure expérience utilisateur.

Crunchyroll™ est une marque déposée de Sony Pictures Entertainment Inc. Ce projet n'est pas affilié à Crunchyroll, Team Crunchyroll ou Sony Pictures Entertainment Inc.

À propos

Application WebOS TV non officielle pour Crunchyroll pour ceux qui souhaitent essayer une solution alternative.

Compatible avec webOS TV 4.x ou plus récent.

Téléchargement et installation

Vous pouvez télécharger et installer cette application sur votre WebOS TV en suivant l'un des guides ci-dessous :

• Utilisation de l'application HomeBrew TV (recommandé).
• Utilisation de dev-manager-desktop depuis un ordinateur.
• Téléchargez IPK à partir de la page de la dernière version et installez-le à l'aide du SDK WebOS.

Développer avec Docker

Vous êtes plus que bienvenu pour contribuer à ce projet ! Pour faciliter le processus de développement pour tout le monde, nous vous encourageons à créer un conteneur qui inclura toutes les dépendances. Voici les étapes nécessaires :

 # 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

La commande develop doit continuer à s'exécuter en arrière-plan pour compiler les modifications pendant que vous développez. Lorsque vous avez besoin d'accéder à d'autres commandes, veuillez créer des terminaux supplémentaires en vous connectant au même conteneur ou exécutez la commande avec 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

Courir à la télé

Pour tester et développer directement sur le téléviseur, vous devez activer votre téléviseur pour tester avec le mode développeur. Veuillez vous référer au guide officiel LG pour savoir comment activer le mode développeur : https://webostv.developer.lge.com/develop/getting-started/developer-mode-app.

Une fois que vous avez activé le mode développeur, vous pouvez utiliser les commandes du projet pour connecter, créer, lancer et inspecter le programme sur votre téléviseur :

 # 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

Veuillez noter que le mode développeur n'est activé que pendant quelques heures, vous devrez donc renouveler la session développeur de temps en temps pour continuer à utiliser et développer l'application.

Exécuté sur le navigateur

Vous pouvez également tester ce projet dans le navigateur, mais cela nécessite quelques étapes nécessaires. Tout d'abord, vous devez démarrer le navigateur sans CORS. Vous devrez également accéder au projet à partir du fichier index.html situé dans le dossier dist/ en utilisant le protocole file:// , sinon la réponse de l'API Crunchyroll et la lecture vidéo seront bloquées par les règles de sécurité du navigateur :

 # 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