Skip to content

Electron製のビジュアライザー付き音楽再生アプリケーション

License

Notifications You must be signed in to change notification settings

antimacho612/Muwviz

Repository files navigation

logo

Muwviz

Muwvizは、音楽を耳と目で楽しむためのデスクトップアプリケーションです。

screenshot light mode

screenshot dark mode

機能/特徴

  • PC内の音楽ファイル(.aac, .mp3, .ogg, .wav, .flac, .webm, .m4a)を再生します
  • 楽曲再生時、リアルタイムで楽曲の音声解析を行い、ビジュアライザーを表示します
  • ビジュアライザーのカスタマイズが可能です
  • ビジュアライザーの設定をプリセットとして保存することができます
  • オフラインでも動作します
  • 楽曲の詳細情報(タグに保存された情報)を見ることができます
  • 外観のカスタマイズが可能です
    • テーマ(ライト/ダーク)
    • プライマリー(メイン)カラー
    • フォント
  • クロスプラットフォーム(Windows, Mac, Linux)に対応しています

ダウンロード

GitHub Releaseより、お使いのPCに合った最新版のインストーラをダウンロードし、インストールしてください。

使い方

音楽ファイルのスキャン

アプリケーションで楽曲を再生するためには、事前にPC内の音楽ファイルをスキャンしておく必要があります。

  1. 画面上部の「設定」ボタン(⚙️マーク)をクリックします。
  2. 🏛️ライブラリータブ > スキャン済みフォルダ > 「フォルダを追加...」ボタンをクリックします。
  3. ダイアログ右上の「フォルダを追加...」ボタンをクリックします。 フォルダ選択ダイアログが開くので、スキャンしたい音楽ファイルが含まれているフォルダを選択してください。
  4. ダイアログ右下の「スキャン」ボタンをクリックします。スキャンが開始されます。

その他

その他の操作については🚧ドキュメント準備中🚧です。

使用している主なライブラリ

  • Electron
  • TypeScript
  • Vue3
  • Pinia
  • electron-vite
  • audioMotion-analyzer
  • Sass

開発/ローカル起動

依存ライブラリのインストール

npm install

開発用アプリケーション起動

electron-viteライブラリにより、レンダラープロセスはホットリロードされます。 メインプロセスもホットリロードさせたい場合は、devの後ろに:watchをつけて実行してください。

npm run dev
# Or
npm run dev:watch

ビルド

# For Windows
npm run build:win

# For MacOS
npm run build:mac

# For Linux
npm run build:linux

フィードバック

バグ報告・ご意見・ご要望などはGitHub Issuesまでお願いします。