crunchyroll webos
v1.10.2
重要通知: Crunchyroll 現在擁有適用於 WebOS 電視的官方應用程式。我們強烈建議您使用官方應用程式以獲得更好的用戶體驗。
Crunchyroll™ 是索尼影視娛樂公司的註冊商標。
適用於 Crunchyroll 的非官方 WebOS 電視應用程序,適合想要嘗試替代解決方案的人。
與 webOS TV 4.x 或更高版本相容。
您可以按照以下指南之一在 WebOS TV 中下載並安裝此應用程式:
非常歡迎您為這個專案做出貢獻!為了讓每個人的開發過程更輕鬆,我們鼓勵您建立一個包含所有依賴項的容器。以下是必要的步驟:
# 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 的瀏覽器。您還需要使用file://
協定從dist/
資料夾中的index.html
檔案存取該項目,否則,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