AVISO IMPORTANTE: Crunchyroll ahora tiene una aplicación oficial para televisores WebOS. Le recomendamos encarecidamente que utilice la aplicación oficial para una mejor experiencia de usuario.
Crunchyroll™ es una marca registrada de Sony Pictures Entertainment Inc. Este proyecto no está afiliado a Crunchyroll, Team Crunchyroll ni Sony Pictures Entertainment Inc.
Aplicación WebOS TV no oficial para Crunchyroll para aquellos que quieran probar una solución alternativa.
Compatible con webOS TV 4.x o más reciente.
Puede descargar e instalar esta aplicación en su WebOS TV siguiendo una de las guías a continuación:
¡Eres más que bienvenido a contribuir a este proyecto! Para facilitar el proceso de desarrollo para todos, le recomendamos que cree un contenedor que incluya todas las dependencias. Estos son los pasos necesarios:
# 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
El comando develop
debe seguir ejecutándose en segundo plano para compilar los cambios mientras se desarrolla. Cuando necesite acceder a otros comandos, cree terminales adicionales conectándose al mismo contenedor o ejecute el comando con la ventana acoplable:
# 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
Para probar y desarrollar directamente en el televisor, debe habilitar su televisor para realizar pruebas con el modo de desarrollador. Consulte la guía oficial de LG para saber cómo habilitar el modo de desarrollador: https://webostv.developer.lge.com/develop/getting-started/developer-mode-app.
Una vez que haya habilitado el modo de desarrollador, puede usar los comandos del proyecto para conectar, crear, iniciar e inspeccionar el programa en su televisor:
# 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
Tenga en cuenta que el modo de desarrollador está habilitado solo durante unas horas, por lo que deberá renovar la sesión de desarrollador de vez en cuando para seguir usando y desarrollando la aplicación.
También puedes probar este proyecto en el navegador, pero requiere algunos pasos necesarios. Primero, debes iniciar el navegador sin CORS. También deberá acceder al proyecto desde el archivo index.html
ubicado en la carpeta dist/
usando el protocolo file://
; de lo contrario, la respuesta de la API de Crunchyroll y la reproducción de video serán bloqueadas por las reglas de seguridad del 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