YesPlayMusic - Windows / macOS / Linux をサポートする高額なサードパーティ製 NetEase クラウド プレーヤー

(高颜值的第三方网易云播放器,支持 Windows / macOS / Linux :electron: )

Created at: 2020-10-09 18:04:21
Language: Vue
License: MIT

Logo

YesPlayMusic

顔の価値の高いサードパーティ製の NetEase クラウド プレーヤー
🌎 は、DEMO |にアクセスします 📦️ インストール パッケージ |をダウンロードします 💬 コミュニケーショングループに参加しましょう

Library

特性

  • Vue を使用して、家族全員のバケット.js開発します
  • 🔴 NetEase クラウド アカウント ログイン (スキャン コード/携帯電話/メールボックス ログイン)
  • 📺 MV 再生がサポートされています
  • 📃 歌詞表示をサポートします
  • 📻 プライベートFM /毎日の推奨曲をサポートしています
  • 🚫🤝 ソーシャル機能はありません
  • 🌎️ 海外ユーザーは直接プレイできます(NetEaseクラウドアカウントにログインする必要があります)
  • 🔐 UnblockNeteaseMusicをサポートし、自動的に様々な音源でグレーの曲のリンクを置き換えます(Web版ではサポートされていません)
    • 「各種音源」とは、デフォルトで有効になっている音源を意味します。
    • YouTube ソースは、自分でインストールする必要があります。
      yt-dlp
  • ✔️ 毎日の自動チェックイン(携帯電話とコンピュータの両方)
  • 🌚 Light/Dark Mode 自動切り替え
  • 👆 Touch Bar をサポートします
  • 🖥️ PWA をサポートしており、Chrome/Edge でアドレス バーの右側にある [コンピュータにインストール] をクリックします
  • 🟥 サポート Last.fm Scrobble
  • ☁️ 音楽クラウドディスクをサポートしています
  • ⌨️ カスタム ショートカット キーとグローバル ショートカット キー
  • 🎧 Mpris をサポートします
  • 🛠 その他の機能開発

📦️ インストールします

Electron のバージョンは、@hawtim@qier222 によって適合および保守され、macOS、Windows、Linux をサポートします。

インストール パッケージをダウンロードするには、このプロジェクトの Releases ページにアクセスします。

  • macOS ユーザーは、Homebrew を使用してインストールできます。

    brew install --cask yesplaymusic

  • Windows ユーザーは、Scoop を使用してインストールできます。

    scoop install extras/yesplaymusic

⚙️ Vercel にデプロイします

インストール パッケージのダウンロードに加えて、このプロジェクトを Vercel またはサーバーに展開することもできます。 Vercel にデプロイする方法を次に示します。

このプロジェクトの Demo (https://music.qier222.com) は、Vercel に展開された Web サイトです。

Powered by Vercel

  1. NetEase クラウド API をデプロイし、詳細は Binaryify/NeteaseCloudMusicApi を参照してください。 API を Vercel にデプロイすることもできます。

  2. このリポジトリの右上隅にある [Fork] をクリックして、リポジトリを GitHub アカウントにコピーします。

  3. リポジトリの [Add File] をクリックし、Create new file を選択し、次のように入力してファイルにコピー アンド ペーストし、デプロイした NetEase クラウド API アドレスに置き換えます。

    vercel.json
    https://your-netease-api.example.com

{
  "rewrites": [
    {
      "source": "/api/:match*",
      "destination": "https://your-netease-api.example.com/:match*"
    }
  ]
}
  1. Vercel.com を開き、GitHub を使用してサインインします。

  2. Import Git Repository をクリックし、コピーしたリポジトリを選択し、[Import] をクリックします。

  3. PERSONAL ACCOUNT の横にある [Select] をクリックします。

  4. Environment Variables をクリックし、Name を 、Value を 、 [Add] をクリックします。 最後に、下部にある Deploy をクリックして展開します ベリセルだ

    VUE_APP_NETEASE_API_URL
    /api

⚙️ 独自のサーバーに展開します

Vercel にデプロイするだけでなく、独自のサーバーにデプロイすることもできます

  1. NetEase クラウド API をデプロイし、詳細については、Binaryify/NeteaseCloudMusicApi を参照してください
  2. このリポジトリを複製します
git clone --recursive https://github.com/qier222/YesPlayMusic.git
  1. インストールの依存関係
yarn install
  1. (オプション)Nginx リバース プロキシ API を使用して API パスを マップし、API と Web ページが同じドメイン名 (クロスドメイン) でない場合にバグが発生します。

    /api

  2. ファイルを でコピーし、NetEase Cloud API アドレスの値を変更します。 ローカルに開発する場合は、API アドレスを入力し、YesPlayMusic アドレスを . リバース プロキシ API を使用している場合は、API アドレスを .

    /.env.example
    /.env
    VUE_APP_NETEASE_API_URL
    http://localhost:3000
    http://localhost:8080
    /api

VUE_APP_NETEASE_API_URL=http://localhost:3000
  1. コンパイル パッケージ
yarn run build
  1. ディレクトリの下のファイルを Web サーバーにアップロードします
    /dist

⚙️ Docker 部署

  1. ビルド Docker Image
docker build -t yesplaymusic .
  1. 起動 Docker Container
docker run -d --name YesPlayMusic -p 80:80 yesplaymusic
  1. Docker Compose 起動
docker-compose up -d

YesPlayMusic アドレスは

http://localhost

⚙️ Replit にデプロイします

  1. 新しい Repl を作成し、Bash テンプレートを選択します

  2. Replit シェルで次のコマンドを実行します

bash <(curl -s -L https://raw.githubusercontent.com/qier222/YesPlayMusic/main/install-replit.sh)
  1. 最初の実行が成功したら、緑色のボタンをクリックして再度実行します

    Run

  2. replit パーソナルエディションは 1G (教育用 3G) のメモリを制限しているため、ビルド中に失敗する可能性があるため、上記のコマンドを再度実行するか、次のコマンドを実行します。

cd /home/runner/${REPL_SLUG}/music && yarn installl && yarn run build

👷 ♂️ クライアントをパッケージ化します

Release ページでデバイスに適したインストール パッケージが見つからない場合は、次の手順に従ってクライアントをパッケージ化できます。

  1. Electron をパッケージ化するには、Node .js と Yarn が必要です。 Node .js の Web サイトにアクセスして、インストール パッケージをダウンロードできます。 Node.jsをインストールします Yarn をインストールするには、ターミナルで実行できます。

    npm install -g yarn

  2. を使用して、このリポジトリをローカルに複製します。

    git clone --recursive https://github.com/qier222/YesPlayMusic.git

  3. を使用して、プロジェクト依存をインストールします。

    yarn install

  4. ファイルを コピーします。

    /.env.example
    /.env

  5. 次の表のコマンドを選択して、適切なインストール パッケージをパッケージ化し、パッケージ化されたファイルを ディレクトリの下に配置します。 electron-builder のドキュメントの詳細については、こちらをご覧ください

    /dist_electron

コマンド 命令
yarn electron:build --windows nsis:ia32
Windows 32 ビット
yarn electron:build --windows nsis:arm64
Windows ARM
yarn electron:build --linux deb:armv7l
Debian armv7l (ラズベリーパイなど)
yarn electron:build --macos dir:arm64
macOS ARM

💻 開発環境を構成します

このプロジェクトは NeteaseCloudMusicApi によって API を提供します。

このプロジェクトを実行します

# 安装依赖
yarn install

# 创建本地环境变量
cp .env.example .env

# 运行(网页端)
yarn serve

# 运行(electron)
yarn electron:serve

NeteaseCloudMusicApi をローカルで実行するか、API を Vercel にデプロイします

# 运行 API (默认 3000 端口)
yarn netease_api:run

☑️ Todo

Todo をチェックアウトするには、このプロジェクトの Projects をご覧ください

Issue と Pull request へようこそ。

📜 オープンソースライセンス

このプロジェクトは、個人的な学習研究のみを目的としており、商業および違法な目的で禁止されています。

MIT license ライセンスに基づくオープンソース。

インスピレーションの源

API ソースコードは、Binaryify/NeteaseCloudMusicApi から取得されます

🖼️ スクリーンショット

lyrics library-dark album home-2 artist search home explore