crunchyroll webos

Crunchyroll - WebOS TV アプリ

重要なお知らせ: Crunchyroll には WebOS TV 用の公式アプリがリリースされました。より良いユーザーエクスペリエンスを得るために、公式アプリを使用することを強くお勧めします。

Crunchyroll™ は、Sony Pictures Entertainment Inc. の登録商標です。このプロジェクトは、Crunchyroll、Team Crunchyroll、または Sony Pictures Entertainment Inc. とは提携していません。

について

代替ソリューションを試したい人向けの Crunchyroll 用の非公式 WebOS TV アプリ。

webOS TV 4.x以降と互換性があります。

ダウンロードとインストール

以下のガイドのいずれかに従って、このアプリを WebOS TV にダウンロードしてインストールできます。

• HomeBrew TV アプリを使用します (推奨)。
• コンピューターから dev-manager-desktop を使用します。
• 最新リリースページから IPK をダウンロードし、WebOS SDK を使用してインストールします。

Docker を使用した開発

このプロジェクトに参加していただける方は大歓迎です。開発プロセスを誰にとっても簡単にするために、すべての依存関係を含むコンテナーを構築することをお勧めします。必要な手順は次のとおりです。

 # 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