الصفحة الرئيسية>المتعلقة بالبرمجة>شفرة المصدر الأخرى
تنزيل

Crunchyroll - تطبيق WebOS TV

ملاحظة مهمة: لدى Crunchyroll الآن تطبيق رسمي لأجهزة تلفزيون WebOS. نوصيك بشدة باستخدام التطبيق الرسمي للحصول على تجربة مستخدم أفضل.

Crunchyroll™ هي علامة تجارية مسجلة لشركة Sony Pictures Entertainment Inc. ولا ينتمي هذا المشروع إلى Crunchyroll أو Team Crunchyroll أو Sony Pictures Entertainment Inc.

عن

تطبيق WebOS TV غير رسمي لـ Crunchyroll لأولئك الذين يرغبون في تجربة حل بديل.

متوافق مع webOS TV 4.x أو الأحدث.

التحميل والتثبيت

يمكنك تنزيل هذا التطبيق وتثبيته على تلفزيون WebOS الخاص بك باتباع أحد الأدلة أدناه:

  • استخدام تطبيق 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 إلى الاستمرار في العمل في الخلفية لتجميع التغييرات أثناء التطوير. عندما تحتاج إلى الوصول إلى أوامر الآخرين، يرجى إنشاء محطات إضافية عن طريق الاتصال بنفس الحاوية أو تشغيل الأمر باستخدام عامل الإرساء: 

 # 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
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل