「MyPlayer」网易云音乐対応WordPressプラグイン

2017.05.27 7,189 0

はじめに

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

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

管理画面の設定：

フロントエンドでのデモ：

使用方法

网易云音乐

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

プレイリスト：http://music.163.com/#/playlist?id=741361926（数字がプレイリストIDです）
アルバム：http://music.163.com/#/album?id=2342012（数字がアルバムIDです）

ローカル音楽

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

JSON

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

重要な注意事項：

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

プラグインの特徴

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