v 2.2.0

1. 新增网易云音乐网址的调用 2. 修正播放器请求容错处理方案 3. 去除短代码中 00:00 字样 4. 修正播放器样式问题
webjyh · Jan 1, 2015 · 244416c · 244416c
1 parent e16ff78
commit 244416c
Show file tree

Hide file tree

Showing 8 changed files with 565 additions and 436 deletions.
diff --git a/README.md b/README.md
@@ -6,6 +6,16 @@ WP-Player 一个迷你歌曲播放器，支持多歌曲播放，支持使用虾
 ## Demo参考
 <http://webjyh.com/wp-player/>
 
+### Update Ver 2.2.0  (2015-01-01)
+1. 新增网易云音乐网址的调用（支持单音乐页面、专辑页面、艺人页面、精选集[即歌单]页面）
+2. 因网易的接口一些特殊性，如在后台选择网站类型中没有出现网易音乐，则您当前的站点暂不支持网易云音乐。
+3. 其次要感谢牧风的音乐播放插件，作为参考实现了网易接口的思路。
+4. 在次还要感谢此文作者 https://github.com/yanunon/NeteaseCloudMusic/wiki/网易云音乐API分析
+5. 修正播放器请求容错处理方案。 
+6. 去除短代码中 00:00 字样。
+7. 修正播放器样式问题。
+8. 如想用 v2.1.0 老版本，可去 https://github.com/webjyh/WP-Player/releases 下载
+
 ### Update Ver 2.1.0  (2014-12-27)
 1. 因发现最近播放器在解析虾米地址时，出现不稳定的情况，采用最新发现的虾米接口。
 2. 新接口将是直接调取虾米网接口，速度更快且稳定。

diff --git a/css/wp-player-plugin.css b/css/wp-player-plugin.css
@@ -3,17 +3,18 @@
  * @desc     WP-Player MetaBox 样式
  * @author   M.J
  * @date     2014-12-19
- * @update   2014-12-27
+ * @update   2015-01-01
  * @URL      http://webjyh.com
- * @version  2.1.0
+ * @version  2.2.0
  */
 .wp-player-wrap { padding: 10px; }
 .wp-player-wrap .wp-player-tabs { margin: 0px; border-bottom: 1px solid #EEE; height: 36px; }
 .wp-player-wrap .wp-player-tabs li { display: inline-block; *zoom: 1; margin: 0px; }
 .wp-player-wrap .wp-player-tabs li a { display: inline-block; *zoom: 1; padding: 0px 15px; height: 36px; line-height:36px; color: #333; text-decoration: none; margin-right: 10px; border: 1px solid #FFF; border-bottom: 0; }
 .wp-player-wrap .wp-player-tabs li.current a { border-color: #EEE; background: #FFF; font-weight: bold; }
 .wp-player-wrap .wp-player-row { border: 1px solid #EEE; padding:10px 15px; border-top: none; }
+.wp-player-wrap .wp-player-row .red { color: red; }
 .wp-player-wrap .wp-player-inner { display: none; }
 .wp-player-wrap .wp-player-inner.current { display: block; }
-.wp-player-wrap .wp-player-text { height: 28px; width: 60%; }
+.wp-player-wrap .wp-player-text { height: 28px; width: 50%; }
 .wp-player-wrap .wp-player-select { vertical-align: top; }
diff --git a/css/wp-player.css b/css/wp-player.css
@@ -3,10 +3,10 @@
  * @desc     WP-Player 样式表
  * @author   M.J
  * @date     2014-12-21
- * @update   2014-12-27
+ * @update   2015-01-01
  * @URL      http://webjyh.com
  * @Github   https://github.com/webjyh/WP-Player
- * @version  2.1.0
+ * @version  2.2.0
  * 
  */
 .wp-player { overflow: hidden; background: #FFF; width: 350px; min-width: 300px; margin: 10px auto; border: 1px solid #DDD; box-shadow: 0px 0px 10px rgba(0,0,0, 0.15); box-sizing: content-box; }
@@ -24,7 +24,7 @@
 
 .wp-player .wp-player-box { height: 90px; }
 .wp-player .wp-player-thumb { position: relative; float: left; width: 90px; height: 90px; overflow: hidden; }
-.wp-player .wp-player-thumb img { padding: 0; margin: 0; border-radius: 0; box-shadow: none; border: 0; display: block; width: 90px; height: 90px; vertical-align: top; }
+.wp-player .wp-player-thumb img { padding: 0 !important; margin: 0!important; border-radius: 0!important; box-shadow: none!important; border: 0!important; display: block; width: 90px; height: 90px; vertical-align: top; }
 .wp-player .wp-player-playing { display: none; position: absolute; z-index: 2; top: 0; left: 0; width: 90px; height: 90px; background: #000; background: rgba(0, 0, 0, 0.4); filter: alpha(opacity=40); }
 .wp-player .wp-player-playing span { display: block; position: absolute; top: 50%; left: 50%; margin: -5px 0px 0px -5px; z-index: 3; width: 11px; height: 11px; background: url(../images/playing.gif) no-repeat; }
 .wp-player .wp-player-panel { margin-left: 100px; padding-top: 0px; padding-right: 10px; }
@@ -48,10 +48,10 @@
 
 .wp-player .wp-player-list { border-top: 1px solid #DDD; max-height: 301px; overflow: auto; }
 .wp-player .wp-player-list ul { margin: 0; padding: 0; border: 0; list-style: none; }
-.wp-player .wp-player-list ul li { background:#FFF; margin: 0; padding: 0; border: 0; cursor: pointer; list-style: none; height: 22px; line-height: 22px; padding: 4px 0px; }
+.wp-player .wp-player-list ul li { background:#FFF; margin: 0!important; padding: 0; border: 0!important; cursor: pointer; list-style: none; height: 22px; line-height: 22px; padding: 4px 0px; }
 .wp-player .wp-player-list ul li:after { content: ''; }
 .wp-player .wp-player-list ul li:before { content: ''; }
-.wp-player .wp-player-list ul li a { outline: 0; border: 0; background:none; height: 22px; overflow: hidden; line-height: 22px; padding: 0px 10px; display: block; *zoom: 1; color: #333; border-left: 4px solid #FFF; text-decoration: none; }
+.wp-player .wp-player-list ul li a { outline: 0!important; border: 0; background:none!important; height: 22px; overflow: hidden; line-height: 22px; padding: 0px 10px; display: block; *zoom: 1; color: #333; border-left: 4px solid #FFF; text-decoration: none; }
 .wp-player .wp-player-list ul li.odd { line-height: 22px; background: #f7f7f7; }
 .wp-player .wp-player-list ul li.odd a { line-height: 22px; border-color: #f7f7f7; }
 .wp-player .wp-player-list ul li.current a,