crunchyroll webos

Crunchyroll - WebOS 电视应用

重要通知： Crunchyroll 现在拥有适用于 WebOS 电视的官方应用程序。我们强烈建议您使用官方应用程序以获得更好的用户体验。

Crunchyroll™ 是索尼影视娱乐公司的注册商标。该项目与 Crunchyroll、Team Crunchyroll 或索尼影视娱乐公司无关。

关于

适用于 Crunchyroll 的非官方 WebOS 电视应用程序，适合那些想要尝试替代解决方案的人。

与 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