天天看點

音樂播放器WordPress插件 WP-Player (支援網易雲音樂, 蝦米音樂, QQ音樂, 百度音

音樂播放器Wordpress插件推薦:wp-player

WP-Player是目前在全網對比起來基本上算是最好的音樂播放器Wordpress插件了,這款音樂播放器是由國内作者開發的,是以對于國内雲音樂的支援也是非常不錯的,而且也一直在更新維護。

界面全部為中文,使用非常便捷,支援網易雲音樂和蝦米音樂,使用短代碼輸出,可以添加歌單、專輯和單曲等音樂播放清單,

同時也支援自定義上傳音樂,自定義上傳也支援清單和單曲,并且支援給每一首歌曲上傳封面圖檔,歌曲名稱和歌手名稱,讓你的音樂清單看起來非常完整,播放的效果也是非常不錯的。

這款插件支援手機上的播放,能夠适應手機和平闆電腦上的音樂播放,總體來說,效果是非常不錯的,插入到文章效果如下:

音樂播放器WordPress插件 WP-Player (支援網易雲音樂, 蝦米音樂, QQ音樂, 百度音

​​wp player1 xuhss01 - 音樂播放器WordPress插件 WP-Player (支援網易雲音樂, 蝦米音樂, QQ音樂, 百度音樂)​​

詳細功能

WordPress 插件 WP-Player 是一個迷你歌曲播放器,支援多歌曲播放,支援使用網易雲音樂, 蝦米音樂, QQ音樂, 百度音樂歌曲位址, 也支援自定義上傳音樂。

插件介紹:

1. WP-Player 支援網易雲音樂, 蝦米音樂, QQ音樂, 百度音樂平台

2. 如在網易雲音樂打開喜歡的歌曲頁面,複制歌曲頁面的網址如:​​​http://music.163.com/#/song?id=191213​​​ 3. 并将複制的網址填寫到後面的表單内。音樂類型将根據網址自動做出選擇。

4. 點選擷取音樂ID按鈕,此時音樂ID出現在表單中。

5. 将短代碼 [player autoplay=”1″ random=”1″] 填入您的文章内容中。

6. 短代碼中 autoplay 表示是否自動播放;參數”0″表示否;”1″表示是;

7. 短代碼中 random 表示是否随機播放;參數”0″表示否;”1″表示是;

8. 支援播放歌單:單音樂頁面、專輯頁面、藝人頁面、精選集頁面。

9. PS:本插件需要您的伺服器或主機支援 PHP 5.4+ and Curl, OpenSSL 子產品已安裝。

10. Tips:本插件僅供個人學習研究使用,請勿作為各種商業使用者,音樂版權歸各音樂平台所有

PS:一篇文章隻能插入一個播放器,因為用了MetaBox擷取參數,隻能一篇文章使用一個。

wp-player的下載下傳和安裝

wp-player可以在wordpress的背景–插件–安裝插件搜尋wp-player進行安裝。

也可以​​線上下載下傳​​。

下載下傳完成從安裝插件處安裝并啟用插件即可使用。

wp-player如何自動解析插入網易雲音樂、蝦米音樂

安裝好了插件之後,首先進入設定>>wp-player,看看插件的使用說明,并且這裡可以選擇是否加載插件的jQuery庫(一般來說,主題都基本上會加載,是以可以不需要勾選)

然後進入文章>>編輯文章,就可以看到wp-player的選項

音樂播放器WordPress插件 WP-Player (支援網易雲音樂, 蝦米音樂, QQ音樂, 百度音

​​wp player2 xuhss.com02 - 音樂播放器WordPress插件 WP-Player (支援網易雲音樂, 蝦米音樂, QQ音樂, 百度音樂)​​

界面非常簡單,我選擇的蝦米歌單是這個位址​643745.2.nYnpml">​http://www.xiami.com/collect/229580815?spm=a1z1s.6843761.1478643745.2.nYnpml​​

那麼填寫到選項,點選擷取音樂id

然後将短代碼填寫到文章中:

音樂播放器WordPress插件 WP-Player (支援網易雲音樂, 蝦米音樂, QQ音樂, 百度音

​​wp player3 xuhss.com03 - 音樂播放器WordPress插件 WP-Player (支援網易雲音樂, 蝦米音樂, QQ音樂, 百度音樂)​​

這樣就可以在文章中顯示清單了:

音樂播放器WordPress插件 WP-Player (支援網易雲音樂, 蝦米音樂, QQ音樂, 百度音

​​wp player1 xuhss01 - 音樂播放器WordPress插件 WP-Player (支援網易雲音樂, 蝦米音樂, QQ音樂, 百度音樂)​​

網易雲音樂也是類似的原理。

如何手動上傳自己空間中的音樂

選擇​​手動上傳​​的功能,既可以有歌曲名、歌曲位址、歌手、音樂封面,可是上傳多條,一行一條,儲存好了之後就可以和上面的清單顯示一樣了。

總結

繼續閱讀