前書き

ウェブサイトをいじっているとき、网易云音乐を開いて音楽を聴いていました。すると突然、网易云音乐の音楽プレーヤーを WordPress のウェブサイトに移植したくなり、さまざまな検索を始めました。数時間後、ようやく気に入ったスタイルを見つけ、それを WordPress プラグインとして作成しました。これを MyPlayer と名付けましたので、今回は皆さんに共有します。

プラグインのスクリーンショット

管理画面の設定:

フロントエンドのデモ:

使用方法

网易云音乐

プレイリストまたはアルバムから曲を取得します:

ローカル音楽

コードボックスに以下のコードを入力し、内容を置き換えてください:

{
    "album": "专辑标题",
    "list": {
        "title": "歌名",
        "artist": "歌手名字",
        "cover": "歌曲图片链接",
        "mp3": "歌曲文件链接",
        "lrc": "歌词文件链接"
    },
    "tags": "标签"
},

重要な注意事項:

  • 画像リンクで使用できる形式(jpg)
  • 音楽リンクで使用できる形式(mp3)
  • 歌詞ファイルで使用できる形式(lrc)

プラグインの特徴

  • 音楽検索機能を統合
  • ランダム再生、プログレスバーのドラッグに対応
  • Pjax または Ajax サイトで、サイト全体での再生に対応
  • HTTPS によるサイト全体の暗号化通信に対応
  • モバイル端末でのプレーヤーの表示/非表示をカスタマイズ可能
  • ローカル楽曲のカスタマイズに対応