之前介紹過 1.0:http://www.ydqwiac.cn/wp-player.html ,今天說的是 2.0。
在線預(yù)覽
Demo:http://webjyh.com/wp-player/
WP-Player介紹專區(qū)
此次升級進行了整體的重大重構(gòu),頁面音樂播放器js,后臺MetaBox輸入方式,插件結(jié)構(gòu)等等。
- 改寫了獲取蝦米ID的方法;直接輸入網(wǎng)址即可獲取蝦米ID和對應(yīng)的音樂類型;
- 支持 單音樂頁面、專輯頁面、藝人頁面、精選集頁面(也可自己創(chuàng)建精選集);
- 支持多歌曲播放;完全兼容以前老版本短代碼;
- 完美支持 IE6+,F(xiàn)ireFox,Chrome 瀏覽器;
- 廢除了短代碼中的 loop 參數(shù);
- 將解析蝦米地址移交至插件本身處理;
- 關(guān)閉后臺無用選項設(shè)置;
- 支持后臺自定義上傳音樂文件或音樂外鏈;
使用方法專區(qū)
- 在蝦米網(wǎng)打開喜歡的歌曲頁面,復(fù)制歌曲頁面的網(wǎng)址如:http://www.xiami.com/song/2078022……
- 并將復(fù)制的網(wǎng)址填寫到WP-Player的表單內(nèi)。音樂類型將根據(jù)網(wǎng)址自動做出選擇。
- 點擊獲取音樂ID按鈕,此時音樂ID出現(xiàn)在表單中。
- 將短代碼 [player autoplay=”1″] 填入您的文章內(nèi)容中。
- 短代碼中 autoplay 表示是否自動播放;參數(shù)”0″表示否;”1″表示是;
- PS:建議使用網(wǎng)址來獲取音樂ID。
插件依賴專區(qū)
- 需要 jQuery 1.7+ 版本庫,如主題使用的jQuery 版本過低,請升級至 1.7+版本。
需要當前主機支持 PHP simplexml_load_file() 函數(shù),此函數(shù)用于抓取蝦米音樂數(shù)據(jù)。- v2.0.1 版本如主機不支持,將采用新浪云解析。
注意事項專區(qū)
- 一篇文章只能設(shè)置一個播放器。
- 為了用戶體驗,在文章詳細頁面中 自動播放 才會啟用。首頁和列表員設(shè)置將無用。
- 因插件需要依賴 jQuery,如主題缺少jQuery;需在后臺WP-Player設(shè)置中選用;
- 如同時設(shè)置 蝦米ID 和 自定義上傳音樂,將優(yōu)先采用蝦米ID解析。
圖片預(yù)覽專區(qū)


插件下載專區(qū)
- 通過 WordPress 后臺插件管理 => 安裝插件 => 搜索插件 => WP-Player => 點擊安裝插件
- 官網(wǎng)下載 https://wordpress.org/plugins/wp-player/ 上傳插件 => 安裝插件
蝦米ID獲取掃盲專區(qū)
- 單首歌曲網(wǎng)址,一般網(wǎng)址中將包含 **song** 字符;
- 專輯頁面網(wǎng)址,一般網(wǎng)址中將包含 **album** 字符;
- 藝人頁面網(wǎng)址,一般網(wǎng)址中將包含 **artist** 字符;
- 精選集頁面,一般網(wǎng)址中將包含 **collect** 字符;
- 關(guān)于蝦米精選集的制作,在制作時,一定要設(shè)置為所有人可見,這樣才能獲取到歌單;
開發(fā)者專區(qū)
- 因為考慮到插件加載的性能,所以插件中的代碼全都壓縮了。
- 源碼我托管在 GitHub 中,有需要參考的請上 https://github.com/webjyh/WP-Player
- 音頻播放采用 SoundManager2 來管理,順便求 GitHub 項目 Star;
關(guān)于問題反饋
- 作者:M.J
- Blog留言:http://webjyh.com
- 微博留言:https://weibo.com/webjyh/home?wvr=5
聲明:本站所有文章,如無特殊說明或標注,均為本站原創(chuàng)發(fā)布。任何個人或組織,在未征得本站同意時,禁止復(fù)制、盜用、采集、發(fā)布本站內(nèi)容到任何網(wǎng)站、書籍等各類媒體平臺。如若本站內(nèi)容侵犯了原著者的合法權(quán)益,可聯(lián)系我們進行處理。






沒有插件音樂的表單,只有一個播放器窗口在頁面或文章中,只能看不能聽。