PEMBERITAHUAN PENTING: Crunchyroll sekarang memiliki aplikasi resmi untuk WebOS TV. Kami sangat menyarankan Anda untuk menggunakan aplikasi resmi untuk pengalaman pengguna yang lebih baik.
Crunchyroll™ adalah merek dagang terdaftar dari Sony Pictures Entertainment Inc. Proyek ini tidak berafiliasi dengan Crunchyroll, Team Crunchyroll, atau Sony Pictures Entertainment Inc.
Aplikasi WebOS TV tidak resmi untuk Crunchyroll bagi mereka yang ingin mencoba solusi alternatif.
Kompatibel dengan webOS TV 4.x atau lebih baru.
Anda dapat mengunduh dan menginstal aplikasi ini di WebOS TV Anda dengan mengikuti salah satu panduan di bawah ini:
Anda dipersilakan untuk berkontribusi pada proyek ini! Untuk membuat proses pengembangan lebih mudah bagi semua orang, kami mendorong Anda untuk membangun sebuah wadah yang akan mencakup semua dependensi. Berikut langkah-langkah yang diperlukan:
# 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
Perintah develop
harus tetap berjalan di latar belakang untuk mengkompilasi perubahan saat Anda mengembangkan. Saat Anda perlu mengakses perintah lain, buat terminal tambahan dengan menghubungkan ke wadah yang sama atau jalankan perintah dengan buruh pelabuhan:
# 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
Untuk menguji dan mengembangkan langsung di TV, Anda perlu mengaktifkan TV Anda untuk pengujian dengan mode pengembang. Silakan merujuk ke panduan resmi LG untuk mempelajari cara mengaktifkan mode pengembang: https://webostv.developer.lge.com/develop/getting-started/developer-mode-app.
Setelah Anda mengaktifkan mode pengembang, Anda dapat menggunakan perintah proyek untuk menghubungkan, membangun, meluncurkan, dan memeriksa program di TV Anda:
# 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
Harap dicatat bahwa mode pengembang hanya diaktifkan selama beberapa jam, jadi Anda perlu memperbarui sesi pengembang dari waktu ke waktu untuk terus menggunakan dan mengembangkan aplikasi.
Anda juga dapat menguji proyek ini di browser, tetapi memerlukan beberapa langkah yang diperlukan. Pertama, Anda perlu memulai browser tanpa CORS. Anda juga perlu mengakses proyek dari file index.html
yang terletak di folder dist/
menggunakan protokol file://
, jika tidak, respons Crunchyroll API dan pemutaran video akan diblokir oleh aturan keamanan navigator:
# 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