之前介紹過 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)系我們進行處理。
沒有插件音樂的表單，只有一個播放器窗口在頁面或文章中，只能看不能聽。