WICHTIGER HINWEIS: Crunchyroll hat jetzt eine offizielle App für WebOS-Fernseher. Für ein besseres Benutzererlebnis empfehlen wir Ihnen dringend, die offizielle App zu verwenden.
Crunchyroll™ ist eine eingetragene Marke von Sony Pictures Entertainment Inc. Dieses Projekt steht in keiner Verbindung zu Crunchyroll, Team Crunchyroll oder Sony Pictures Entertainment Inc.
Inoffizielle WebOS-TV-App für Crunchyroll für diejenigen, die eine alternative Lösung ausprobieren möchten.
Kompatibel mit webOS TV 4.x oder neuer.
Sie können diese App herunterladen und auf Ihrem WebOS-Fernseher installieren, indem Sie einer der folgenden Anleitungen folgen:
Sie sind herzlich willkommen, zu diesem Projekt beizutragen! Um den Entwicklungsprozess für alle einfacher zu gestalten, empfehlen wir Ihnen, einen Container zu erstellen, der alle Abhängigkeiten enthält. Hier sind die notwendigen Schritte:
# 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
Der develop
muss weiterhin im Hintergrund ausgeführt werden, um während der Entwicklung Änderungen zu kompilieren. Wenn Sie auf andere Befehle zugreifen müssen, erstellen Sie bitte zusätzliche Terminals, indem Sie eine Verbindung zum gleichen Container herstellen oder den Befehl mit Docker ausführen:
# 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
Um direkt auf dem Fernseher zu testen und zu entwickeln, müssen Sie Ihren Fernseher zum Testen im Entwicklermodus aktivieren. Weitere Informationen zum Aktivieren des Entwicklermodus finden Sie im offiziellen LG-Handbuch: https://webostv.developer.lge.com/develop/getting-started/developer-mode-app.
Sobald Sie den Entwicklermodus aktiviert haben, können Sie die Projektbefehle verwenden, um das Programm auf Ihrem Fernseher zu verbinden, zu erstellen, zu starten und zu überprüfen:
# 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
Bitte beachten Sie, dass der Entwicklermodus nur für einige Stunden aktiviert ist. Daher müssen Sie die Entwicklersitzung von Zeit zu Zeit erneuern, um die App weiterhin verwenden und weiterentwickeln zu können.
Sie können dieses Projekt auch im Browser testen, es sind jedoch einige notwendige Schritte erforderlich. Zunächst müssen Sie den Browser ohne CORS starten. Sie müssen auch über die Datei index.html
im Ordner dist/
mit dem Protokoll file://
auf das Projekt zugreifen, andernfalls werden die Crunchyroll-API-Antwort und die Videowiedergabe durch die Sicherheitsregeln des Navigators blockiert:
# 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