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를 사용하여 설치합니다.

도커로 개발하기

이 프로젝트에 참여하시는 것을 환영합니다! 모든 사람이 개발 프로세스를 더 쉽게 만들 수 있도록 모든 종속성을 포함하는 컨테이너를 구축하는 것이 좋습니다. 필요한 단계는 다음과 같습니다.

 # 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

TV에서 달리기

TV에서 직접 테스트하고 개발하려면 개발자 모드로 테스트할 수 있도록 TV를 활성화해야 합니다. 개발자 모드를 활성화하는 방법을 알아보려면 공식 LG 가이드(https://webostv.developer.lge.com/develop/getting-started/developer-mode-app)를 참조하세요.

개발자 모드를 활성화하면 프로젝트 명령을 사용하여 TV에서 프로그램을 연결, 빌드, 실행 및 검사할 수 있습니다.

 # 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