ВАЖНОЕ ЗАМЕЧАНИЕ: у Crunchyroll теперь есть официальное приложение для телевизоров с WebOS. Мы настоятельно рекомендуем вам использовать официальное приложение для лучшего взаимодействия с пользователем.
Crunchyroll™ является зарегистрированной торговой маркой Sony Pictures Entertainment Inc. Этот проект не связан с Crunchyroll, Team Crunchyroll или Sony Pictures Entertainment Inc.
Неофициальное приложение WebOS TV для Crunchyroll для тех, кто хочет попробовать альтернативное решение.
Совместимо с webOS TV 4.x или более поздней версии.
Вы можете загрузить и установить это приложение на свой телевизор с WebOS, следуя одному из приведенных ниже руководств:
Приглашаем вас внести свой вклад в этот проект! Чтобы облегчить процесс разработки для всех, мы рекомендуем вам создать контейнер, который будет включать все зависимости. Вот необходимые шаги:
# 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
Команда develop
должна продолжать работать в фоновом режиме для компиляции изменений во время разработки. Если вам нужен доступ к другим командам, создайте дополнительные терминалы, подключившись к тому же контейнеру, или запустите команду с помощью 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
Для тестирования и разработки непосредственно на телевизоре необходимо включить на телевизоре тестирование в режиме разработчика. Чтобы узнать, как включить режим разработчика, обратитесь к официальному руководству LG: https://webostv.developer.lge.com/develop/getting-started/developer-mode-app.
После включения режима разработчика вы можете использовать команды проекта для подключения, сборки, запуска и проверки программы на вашем телевизоре:
# 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
Обратите внимание, что режим разработчика включен только на несколько часов, поэтому вам придется время от времени возобновлять сеанс разработчика, чтобы продолжать использовать и развивать приложение.
Вы также можете протестировать этот проект в браузере, но для этого потребуется выполнить несколько необходимых шагов. Во-первых, вам нужно запустить браузер без CORS. Вам также потребуется доступ к проекту из файла index.html
, расположенного в папке dist/
, по протоколу file://
, в противном случае ответ Crunchyroll API и воспроизведение видео будут заблокированы правилами безопасности навигатора:
# 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