หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

Crunchyroll - แอพ WebOS TV

ประกาศสำคัญ: ตอนนี้ Crunchyroll มีแอปอย่างเป็นทางการสำหรับ WebOS TV แล้ว เราขอแนะนำให้คุณใช้แอปอย่างเป็นทางการเพื่อประสบการณ์การใช้งานที่ดียิ่งขึ้น

Crunchyroll ™เป็นเครื่องหมายการค้าจดทะเบียนของ Sony Pictures Entertainment Inc. โครงการนี้ไม่มีส่วนเกี่ยวข้องกับ Crunchyroll, Team Crunchyroll หรือ Sony Pictures Entertainment Inc.

เกี่ยวกับ

แอพ WebOS TV ที่ไม่เป็นทางการสำหรับ Crunchyroll สำหรับผู้ที่ต้องการลองใช้วิธีแก้ปัญหาอื่น

เข้ากันได้กับ webOS TV 4.x หรือใหม่กว่า

ดาวน์โหลดและติดตั้ง

คุณสามารถดาวน์โหลดและติดตั้งแอปนี้ใน WebOS TV ของคุณได้โดยทำตามคำแนะนำข้อใดข้อหนึ่งด้านล่าง:

  • การใช้แอป HomeBrew TV (แนะนำ)
  • ใช้ dev-manager-desktop จากคอมพิวเตอร์
  • ดาวน์โหลด IPK จากหน้ารุ่นล่าสุดและติดตั้งโดยใช้ WebOS SDK

การพัฒนาด้วยนักเทียบท่า

คุณยินดีอย่างยิ่งที่จะมีส่วนร่วมในโครงการนี้! เพื่อให้กระบวนการพัฒนาง่ายขึ้นสำหรับทุกคน เราขอแนะนำให้คุณสร้างคอนเทนเนอร์ที่จะรวมการขึ้นต่อกันทั้งหมด ขั้นตอนที่จำเป็นมีดังนี้: 

 # 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
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด