├── README.md
├── assets
    ├── application.coffee
    ├── application.js
    ├── jquery-1.11.2.min.js
    ├── plyr.js
    ├── q.js
    ├── style.css
    ├── style.styl
    └── test_cover.jpg
├── index.html
├── index.js
├── package.json
└── utility
    └── proxy.js


/README.md:
--------------------------------------------------------------------------------
 1 | Douban-FM-Express
 2 | ==================
 3 | 
 4 | ###Declaration: Deprecated due to the api change of http://douban.fm
 5 | 
 6 | -----
 7 | 
 8 | DoubanFM Desktop Client Powered by Atom-shell.
 9 | 
10 | More info:  http://cyrilis.com/posts/another-doubanfm-implementation
11 | 
12 | [Updated: 2015-03-22]
13 | > Changed from Node-webkit to Atom-shell.
14 | 
15 | Features: 
16 | -----------
17 | * User login
18 | * Star / Unstar / Trash songs.
19 | * Draggable progress bar.
20 | * Change channels.
21 | * Global short cuts. ( Play/pause, next, Star[via press previous media key])
22 | 
23 | Screenshot:
24 | -----------
25 | <a href="http://s3.again.cc/capture/2015-04-19_233548.png" target="_blank" title="点击查看大图"><img src="http://s3.again.cc/capture/2015-04-19_233548.png" style="width: 430px" alt="DoubanFM screenshot-1"></a>
26 | <a href="http://s3.again.cc/capture/2015-04-19_234127.png" target="_blank" title="点击查看大图"><img src="http://s3.again.cc/capture/2015-04-19_234127.png" style="width: 320px" alt="DoubanFM screenshot-1"></a>
27 | <video id="video1" style="width: 100%" loop="loop" autoplay>
28 |     <source src="http://s3.again.cc/capture/DoubanFM-2015-04-19.mp4" type="video/mp4">
29 | </video>
30 | 
31 | Dependencies:
32 | -----------
33 | `atom-shell` is needed to run this project in dev mode. or you can download release for Mac at release page.
34 | 
35 | ```shell
36 | 	sudo npm install atom-shell -g
37 | ```
38 | 
39 | 
40 | Usage(Develop):
41 | -----------
42 | ```shell
43 | 
44 |    git clone git@github.com:cyrilis/Douban-FM-Express.git
45 | 
46 |    cd Douban-FM-Express
47 |    
48 |    atom-shell .
49 | 
50 |    # Here we go!
51 | ```
52 | Usage(Production):
53 | -----------
54 | 
55 | Download Mac binary file from [release page](https://github.com/cyrilis/Douban-FM-Express/releases). run DoubanFM.app.
56 | 
57 | Todo:
58 | -----------
59 | * Show lyrics and album and artist info in side panel.
60 | * Desktop Lyrics.
61 | 
62 | -----------
63 | Thanks:
64 | -----------
65 | https://github.com/atom/atom-shell
66 | 
67 | http://douban.fm
68 | 


--------------------------------------------------------------------------------
/assets/application.coffee:
--------------------------------------------------------------------------------
  1 | #$ = jQuery = require('./assert/jquery-1.11.2.min.js');
  2 | plyr.setup();
  3 | 
  4 | __  = (val)-> "\n--------------------------#{val}----------------------------"
  5 | 
  6 | window.player = document.querySelectorAll(".player")[0].plyr;
  7 | 
  8 | $(".player-volume").on "input", (e)->
  9 |   min = e.target.min
 10 |   max = e.target.max
 11 |   val = e.target.value
 12 |   $(e.target).css({
 13 |     "backgroundSize": (val - min) * 100 / (max - min) + "% 100%"
 14 |   })
 15 | .trigger('input')
 16 | 
 17 | API_HOST = "http://www.douban.com"
 18 | 
 19 | #API_HOST = "http://127.0.0.1:8080"
 20 | 
 21 | CHANNELS_URL = API_HOST + "/j/app/radio/channels"
 22 | AUTH_URL = API_HOST + "/j/app/login"
 23 | PLAYLIST_URL = API_HOST + "/j/app/radio/people"
 24 | 
 25 | app_name = "radio_desktop_win"
 26 | version = 100
 27 | 
 28 | Application = class Application
 29 | 
 30 |   constructor: ()->
 31 |     @channel = 0
 32 |     @user_id = localStorage.getItem("user_id")
 33 |     @token = localStorage.getItem("token")
 34 |     @expire = localStorage.getItem("expire")
 35 |     @email = localStorage.getItem("email")
 36 |     @user_name = localStorage.getItem("user_name")
 37 |     @sid = null
 38 |     @playlist = []
 39 |     @song = null
 40 |     player.media.addEventListener 'ended', ()=>
 41 |       @ended()
 42 | 
 43 |     player.media.addEventListener 'canplay', ()=>
 44 |       console.log  "Can Play"
 45 |       @hideLoading()
 46 | 
 47 |     $(".album img").load ()->
 48 |       $(this).addClass('show')
 49 | 
 50 |     $("img").trigger('load')
 51 |     @initSidebar()
 52 | 
 53 |     $("button.button.login").click ()=>
 54 |       @login()
 55 | 
 56 |     $("button.button.logout").click ()=>
 57 |       @logout()
 58 | 
 59 |     $(".icon").bind "webkitAnimationEnd mozAnimationEnd animationEnd", ()->
 60 |       $(this).removeClass("animated")
 61 | 
 62 |     $(".icon").click ()->
 63 |       $(this).addClass("animated")
 64 | 
 65 |     @registerShortCut()
 66 | 
 67 |   initSidebar: ()->
 68 |     self = @
 69 |     console.log "Fetching channels"
 70 |     $.ajax(CHANNELS_URL).done (result)->
 71 |       console.log result
 72 |       channels = result.channels
 73 |       if self.user_id and self.token and self.expire
 74 |         self.getUserInfo().done ()->
 75 |           $(".channels").removeClass("hide")
 76 |           $(".sidebar .loading").addClass("hide")
 77 |       else
 78 |         $(".channels").removeClass("hide")
 79 |         $(".sidebar .loading").addClass("hide")
 80 |       $channels = $(".channels ul")
 81 |       channels.forEach (channel)->
 82 |         $("<li data-id='#{channel.channel_id}'>#{channel.name}</li>").appendTo($channels).click (e)->
 83 |           id = $(e.currentTarget).data("id")
 84 |           self.switchChannel(id)
 85 |       $(".channels").find("li[data-id='#{self.channel}']").addClass("active")
 86 | 
 87 | 
 88 |       $channels.find("[data-id='#{@channel}']").addClass("active")
 89 | 
 90 |   getUserInfo:()->
 91 |     self = @
 92 |     $(".sidebar .login-form").addClass("hide")
 93 |     $(".sidebar .loading").removeClass("hide")
 94 |     @user_id = localStorage.getItem("user_id")
 95 |     console.log "Getting User Data"
 96 |     $.get("https://api.douban.com/v2/user/#{@user_id}?apikey=0776da5f62da51f816648f1e288ef5e8").done (result)->
 97 |       console.log "Got user info."
 98 |       $(".user-name").text(result.name)
 99 |       $(".user-desc").text(result.signature || result.desc)
100 |       $(".avatar").css("background-image", "url(#{result.large_avatar})")
101 |       $(".sidebar .loading").addClass("hide")
102 |       $(".sidebar .user").removeClass("hide")
103 |     .fail (err)->
104 |       console.log JSON.stringify err
105 | #      self.logout()
106 | 
107 |   login: ()->
108 |     email = $("#user-email").val()
109 |     password = $("#user-password").val()
110 |     $(".sidebar .loading").removeClass("hide")
111 |     $(".login-form").addClass("hide")
112 |     self = @
113 |     defer = new Q.defer()
114 |     if not email or not password
115 |       @logout()
116 |       defer.reject({err: "Both email and password are needed!"})
117 |     else
118 |       console.log "Logging in..."
119 |       $.post( AUTH_URL, { app_name, version, email, password}).done (result)->
120 |         console.log result
121 |         if result.r
122 |           defer.reject(result.err)
123 |           self.logout()
124 |         else
125 |           self.user_id = result.user_id
126 |           self.token = result.token
127 |           self.expire = result.expire
128 |           self.email = result.email
129 |           self.user_name = result.user_name
130 | 
131 |           localStorage.setItem("user_id", self.user_id)
132 |           localStorage.setItem("token", self.token)
133 |           localStorage.setItem("expire", self.expire)
134 |           localStorage.setItem("email", self.email)
135 |           localStorage.setItem("user_name", self.user_name)
136 | 
137 |           console.log "Fetching user...."
138 | 
139 |           self.getUserInfo()
140 | 
141 |           defer.resolve(result)
142 |     defer.promise
143 | 
144 |   logout: ()->
145 |     @user_id = null
146 |     @token = null
147 |     @expire = null
148 |     @email = null
149 |     @user_name = null
150 | 
151 |     localStorage.removeItem("user_id")
152 |     localStorage.removeItem("token")
153 |     localStorage.removeItem("expire")
154 |     localStorage.removeItem("email")
155 |     localStorage.removeItem("user_name")
156 | 
157 |     $(".login-form").removeClass("hide")
158 |     $(".user").addClass('hide')
159 |     $(".sidebar .loading").addClass("hide")
160 | 
161 |   fetchSong: (type = "n", shouldPlay, sid)->
162 |     console.log "Fetching"
163 |     self  = @
164 |     defer = new Q.defer()
165 |     if type not in ["b","e","n","p","s","r","s","u"]
166 |       defer.reject({err: "Type Error!"})
167 |     else
168 |       channel = @channel
169 |       data = {app_name, version, type, channel}
170 |       if @user_id and @token and @expire
171 |         data.user_id = @user_id
172 |         data.token = @token
173 |         data.expire = @expire
174 | 
175 |       unless type is "n" # Don't need sid.
176 |         data.sid = @sid
177 | 
178 |       if type is 'e'
179 |         data.sid = sid
180 | 
181 |       $.get(PLAYLIST_URL, data).done (result)->
182 |         console.log "Fetched...."
183 | 
184 |         if type is 'e'
185 |           return false
186 | 
187 |         if result.r
188 |           defer.reject(result.err)
189 |         else
190 |           if result.song
191 |             self.playlist = result.song
192 |           else
193 |             console.log "------------------"
194 |             console.log JSON.stringify result
195 |           if shouldPlay
196 |             self.play(result.song[0])
197 |           defer.resolve(result.song)
198 | 
199 |     defer.promise
200 | 
201 |   play: (song)->
202 |     console.log "play"
203 |     if not song
204 |       player.play()
205 |     else
206 |       @applyHeart(song)
207 |       player.source(song.url)
208 |       @sid = song.sid
209 |       @song = song
210 |       player.play()
211 |       @setAlbum(song)
212 | 
213 |   setAlbum: (song)->
214 |     pic = song.picture.replace("mpic", 'lpic')
215 |     $(".album img").attr('src', pic)
216 |     $(".information .title").text(song.title)
217 |     $(".information .artist").text(song.artist)
218 |     $(".information .album-title").text(song.albumtitle)
219 | 
220 |   applyHeart: (song)->
221 |     star = !!song.like
222 |     $(".player").toggleClass("like", star)
223 | 
224 |   next: (type = "p")->
225 |     @showLoading()
226 |     self = @
227 |     $(".player-progress-seek").val(0)
228 |     playedHalf = player.media.duration and player.media.currentTime / player.media.duration > 0.5
229 |     console.log player.media.duration
230 |     if playedHalf
231 |       @sendRecord(@sid)
232 |     if @playlist.length
233 |       @play @playlist.pop()
234 |     else
235 |       @fetchSong(type).then ()->
236 |         self.next()
237 |       , (err)->
238 |         console.log err
239 | 
240 |   heart: ()->
241 |     @fetchSong("r")
242 | 
243 |   unheart: ()->
244 |     @fetchSong("u")
245 | 
246 |   toggleHeart: ()->
247 |     self = @
248 |     hasLike = $("#player").hasClass("like")
249 |     promise = if hasLike then @unheart() else @heart()
250 |     sid = @sid
251 |     promise.then ()->
252 |       if sid is self.sid
253 |         $("#player").toggleClass("like",!hasLike)
254 | 
255 |   sendRecord: (sid)->
256 |     console.log sid
257 |     @fetchSong('e', null, sid)
258 | 
259 |   block: ()->
260 |     player.pause()
261 |     @fetchSong("b", true)
262 | 
263 |   skip: ()->
264 |     @next()
265 | 
266 |   ended: ()->
267 |     @next()
268 | 
269 |   openLink: ()->
270 |     if @song
271 |       require('shell').openExternal( "http://music.douban.com#{@song.album}" )
272 |     return false
273 | 
274 |   switchChannel: (id)->
275 |     @channel = id
276 |     @playlist = []
277 |     $(".channels").find("li.active").removeClass("active")
278 |     $(".channels").find("li[data-id='#{@channel}']").addClass("active")
279 |     player.pause()
280 |     @next()
281 | 
282 |   showLoading: ()->
283 |     $(".album .loading").addClass("show")
284 |     $(".album .img").removeClass("show")
285 | 
286 |   hideLoading: ()->
287 |     $(".album .loading").removeClass("show")
288 | 
289 |   playOrPause: ()->
290 |     isPlaying = $(".player").hasClass("playing")
291 |     if isPlaying
292 |       player.pause()
293 |     else
294 |       player.play()
295 | 
296 |   registerShortCut: ()->
297 |     self = @
298 |     globalShortcut = require('remote').require 'global-shortcut'
299 |     ret1 = globalShortcut.register("MediaPlayPause", ()-> self.playOrPause())
300 |     ret2 = globalShortcut.register("MediaNextTrack", ()-> self.next())
301 |     ret3 = globalShortcut.register("MediaPreviousTrack", ()-> self.heart())
302 | 
303 |     if ret1 and ret2 and ret3
304 |       console.log __ "Register Success! "
305 |     else
306 |       console.log __ "Register Failed....."
307 |       console.log ret1, ret1, ret3
308 | 
309 | 
310 | fm = new Application()
311 | fm.next('n')
312 | 
313 | $(".album .info").click ()-> fm.openLink()
314 | $(".album .close").click ()-> window.close()
315 | $(".album .menu").click ()->
316 |   $(".wrapper").toggleClass("open");
317 |   remote = require('remote');
318 |   expand = $(".wrapper").hasClass("open")
319 |   width = if expand then 650 else 450
320 |   BrowserWindow = remote.require('browser-window');
321 |   mainWindow = BrowserWindow.getFocusedWindow();
322 |   if expand
323 |     if window._delay
324 |       window.clearTimeout( window._delay )
325 |     mainWindow.setSize(width, 550);
326 |   else
327 |     window._delay = window.setTimeout ()->
328 |       mainWindow.setSize(width, 550)
329 |     , 300
330 | $(".controls .icon.play").click ()-> fm.playOrPause()
331 | $(".controls .icon.next").click ()-> fm.next()
332 | $(".controls .icon.heart").click ()-> fm.toggleHeart()
333 | $(".controls .icon.trash").click ()-> fm.block()
334 | 
335 | 


--------------------------------------------------------------------------------
/assets/application.js:
--------------------------------------------------------------------------------
  1 | // Generated by CoffeeScript 1.7.1
  2 | (function() {
  3 |   var API_HOST, AUTH_URL, Application, CHANNELS_URL, PLAYLIST_URL, app_name, fm, version, __;
  4 | 
  5 |   plyr.setup();
  6 | 
  7 |   __ = function(val) {
  8 |     return "\n--------------------------" + val + "----------------------------";
  9 |   };
 10 | 
 11 |   window.player = document.querySelectorAll(".player")[0].plyr;
 12 | 
 13 |   $(".player-volume").on("input", function(e) {
 14 |     var max, min, val;
 15 |     min = e.target.min;
 16 |     max = e.target.max;
 17 |     val = e.target.value;
 18 |     return $(e.target).css({
 19 |       "backgroundSize": (val - min) * 100 / (max - min) + "% 100%"
 20 |     });
 21 |   }).trigger('input');
 22 | 
 23 |   API_HOST = "http://www.douban.com";
 24 | 
 25 |   CHANNELS_URL = API_HOST + "/j/app/radio/channels";
 26 | 
 27 |   AUTH_URL = API_HOST + "/j/app/login";
 28 | 
 29 |   PLAYLIST_URL = API_HOST + "/j/app/radio/people";
 30 | 
 31 |   app_name = "radio_desktop_win";
 32 | 
 33 |   version = 100;
 34 | 
 35 |   Application = Application = (function() {
 36 |     function Application() {
 37 |       this.channel = 0;
 38 |       this.user_id = localStorage.getItem("user_id");
 39 |       this.token = localStorage.getItem("token");
 40 |       this.expire = localStorage.getItem("expire");
 41 |       this.email = localStorage.getItem("email");
 42 |       this.user_name = localStorage.getItem("user_name");
 43 |       this.sid = null;
 44 |       this.playlist = [];
 45 |       this.song = null;
 46 |       player.media.addEventListener('ended', (function(_this) {
 47 |         return function() {
 48 |           return _this.ended();
 49 |         };
 50 |       })(this));
 51 |       player.media.addEventListener('canplay', (function(_this) {
 52 |         return function() {
 53 |           console.log("Can Play");
 54 |           return _this.hideLoading();
 55 |         };
 56 |       })(this));
 57 |       $(".album img").load(function() {
 58 |         return $(this).addClass('show');
 59 |       });
 60 |       $("img").trigger('load');
 61 |       this.initSidebar();
 62 |       $("button.button.login").click((function(_this) {
 63 |         return function() {
 64 |           return _this.login();
 65 |         };
 66 |       })(this));
 67 |       $("button.button.logout").click((function(_this) {
 68 |         return function() {
 69 |           return _this.logout();
 70 |         };
 71 |       })(this));
 72 |       $(".icon").bind("webkitAnimationEnd mozAnimationEnd animationEnd", function() {
 73 |         return $(this).removeClass("animated");
 74 |       });
 75 |       $(".icon").click(function() {
 76 |         return $(this).addClass("animated");
 77 |       });
 78 |       this.registerShortCut();
 79 |     }
 80 | 
 81 |     Application.prototype.initSidebar = function() {
 82 |       var self;
 83 |       self = this;
 84 |       console.log("Fetching channels");
 85 |       return $.ajax(CHANNELS_URL).done(function(result) {
 86 |         var $channels, channels;
 87 |         console.log(result);
 88 |         channels = result.channels;
 89 |         if (self.user_id && self.token && self.expire) {
 90 |           self.getUserInfo().done(function() {
 91 |             $(".channels").removeClass("hide");
 92 |             return $(".sidebar .loading").addClass("hide");
 93 |           });
 94 |         } else {
 95 |           $(".channels").removeClass("hide");
 96 |           $(".sidebar .loading").addClass("hide");
 97 |         }
 98 |         $channels = $(".channels ul");
 99 |         channels.forEach(function(channel) {
100 |           return $("<li data-id='" + channel.channel_id + "'>" + channel.name + "</li>").appendTo($channels).click(function(e) {
101 |             var id;
102 |             id = $(e.currentTarget).data("id");
103 |             return self.switchChannel(id);
104 |           });
105 |         });
106 |         $(".channels").find("li[data-id='" + self.channel + "']").addClass("active");
107 |         return $channels.find("[data-id='" + this.channel + "']").addClass("active");
108 |       });
109 |     };
110 | 
111 |     Application.prototype.getUserInfo = function() {
112 |       var self;
113 |       self = this;
114 |       $(".sidebar .login-form").addClass("hide");
115 |       $(".sidebar .loading").removeClass("hide");
116 |       this.user_id = localStorage.getItem("user_id");
117 |       console.log("Getting User Data");
118 |       return $.get("https://api.douban.com/v2/user/" + this.user_id + "?apikey=0776da5f62da51f816648f1e288ef5e8").done(function(result) {
119 |         console.log("Got user info.");
120 |         $(".user-name").text(result.name);
121 |         $(".user-desc").text(result.signature || result.desc);
122 |         $(".avatar").css("background-image", "url(" + result.large_avatar + ")");
123 |         $(".sidebar .loading").addClass("hide");
124 |         return $(".sidebar .user").removeClass("hide");
125 |       }).fail(function(err) {
126 |         return console.log(JSON.stringify(err));
127 |       });
128 |     };
129 | 
130 |     Application.prototype.login = function() {
131 |       var defer, email, password, self;
132 |       email = $("#user-email").val();
133 |       password = $("#user-password").val();
134 |       $(".sidebar .loading").removeClass("hide");
135 |       $(".login-form").addClass("hide");
136 |       self = this;
137 |       defer = new Q.defer();
138 |       if (!email || !password) {
139 |         this.logout();
140 |         defer.reject({
141 |           err: "Both email and password are needed!"
142 |         });
143 |       } else {
144 |         console.log("Logging in...");
145 |         $.post(AUTH_URL, {
146 |           app_name: app_name,
147 |           version: version,
148 |           email: email,
149 |           password: password
150 |         }).done(function(result) {
151 |           console.log(result);
152 |           if (result.r) {
153 |             defer.reject(result.err);
154 |             return self.logout();
155 |           } else {
156 |             self.user_id = result.user_id;
157 |             self.token = result.token;
158 |             self.expire = result.expire;
159 |             self.email = result.email;
160 |             self.user_name = result.user_name;
161 |             localStorage.setItem("user_id", self.user_id);
162 |             localStorage.setItem("token", self.token);
163 |             localStorage.setItem("expire", self.expire);
164 |             localStorage.setItem("email", self.email);
165 |             localStorage.setItem("user_name", self.user_name);
166 |             console.log("Fetching user....");
167 |             self.getUserInfo();
168 |             return defer.resolve(result);
169 |           }
170 |         });
171 |       }
172 |       return defer.promise;
173 |     };
174 | 
175 |     Application.prototype.logout = function() {
176 |       this.user_id = null;
177 |       this.token = null;
178 |       this.expire = null;
179 |       this.email = null;
180 |       this.user_name = null;
181 |       localStorage.removeItem("user_id");
182 |       localStorage.removeItem("token");
183 |       localStorage.removeItem("expire");
184 |       localStorage.removeItem("email");
185 |       localStorage.removeItem("user_name");
186 |       $(".login-form").removeClass("hide");
187 |       $(".user").addClass('hide');
188 |       return $(".sidebar .loading").addClass("hide");
189 |     };
190 | 
191 |     Application.prototype.fetchSong = function(type, shouldPlay, sid) {
192 |       var channel, data, defer, self;
193 |       if (type == null) {
194 |         type = "n";
195 |       }
196 |       console.log("Fetching");
197 |       self = this;
198 |       defer = new Q.defer();
199 |       if (type !== "b" && type !== "e" && type !== "n" && type !== "p" && type !== "s" && type !== "r" && type !== "s" && type !== "u") {
200 |         defer.reject({
201 |           err: "Type Error!"
202 |         });
203 |       } else {
204 |         channel = this.channel;
205 |         data = {
206 |           app_name: app_name,
207 |           version: version,
208 |           type: type,
209 |           channel: channel
210 |         };
211 |         if (this.user_id && this.token && this.expire) {
212 |           data.user_id = this.user_id;
213 |           data.token = this.token;
214 |           data.expire = this.expire;
215 |         }
216 |         if (type !== "n") {
217 |           data.sid = this.sid;
218 |         }
219 |         if (type === 'e') {
220 |           data.sid = sid;
221 |         }
222 |         $.get(PLAYLIST_URL, data).done(function(result) {
223 |           console.log("Fetched....");
224 |           if (type === 'e') {
225 |             return false;
226 |           }
227 |           if (result.r) {
228 |             return defer.reject(result.err);
229 |           } else {
230 |             if (result.song) {
231 |               self.playlist = result.song;
232 |             } else {
233 |               console.log("------------------");
234 |               console.log(JSON.stringify(result));
235 |             }
236 |             if (shouldPlay) {
237 |               self.play(result.song[0]);
238 |             }
239 |             return defer.resolve(result.song);
240 |           }
241 |         });
242 |       }
243 |       return defer.promise;
244 |     };
245 | 
246 |     Application.prototype.play = function(song) {
247 |       console.log("play");
248 |       if (!song) {
249 |         return player.play();
250 |       } else {
251 |         this.applyHeart(song);
252 |         player.source(song.url);
253 |         this.sid = song.sid;
254 |         this.song = song;
255 |         player.play();
256 |         return this.setAlbum(song);
257 |       }
258 |     };
259 | 
260 |     Application.prototype.setAlbum = function(song) {
261 |       var pic;
262 |       pic = song.picture.replace("mpic", 'lpic');
263 |       $(".album img").attr('src', pic);
264 |       $(".information .title").text(song.title);
265 |       $(".information .artist").text(song.artist);
266 |       return $(".information .album-title").text(song.albumtitle);
267 |     };
268 | 
269 |     Application.prototype.applyHeart = function(song) {
270 |       var star;
271 |       star = !!song.like;
272 |       return $(".player").toggleClass("like", star);
273 |     };
274 | 
275 |     Application.prototype.next = function(type) {
276 |       var playedHalf, self;
277 |       if (type == null) {
278 |         type = "p";
279 |       }
280 |       this.showLoading();
281 |       self = this;
282 |       $(".player-progress-seek").val(0);
283 |       playedHalf = player.media.duration && player.media.currentTime / player.media.duration > 0.5;
284 |       console.log(player.media.duration);
285 |       if (playedHalf) {
286 |         this.sendRecord(this.sid);
287 |       }
288 |       if (this.playlist.length) {
289 |         return this.play(this.playlist.pop());
290 |       } else {
291 |         return this.fetchSong(type).then(function() {
292 |           return self.next();
293 |         }, function(err) {
294 |           return console.log(err);
295 |         });
296 |       }
297 |     };
298 | 
299 |     Application.prototype.heart = function() {
300 |       return this.fetchSong("r");
301 |     };
302 | 
303 |     Application.prototype.unheart = function() {
304 |       return this.fetchSong("u");
305 |     };
306 | 
307 |     Application.prototype.toggleHeart = function() {
308 |       var hasLike, promise, self, sid;
309 |       self = this;
310 |       hasLike = $("#player").hasClass("like");
311 |       promise = hasLike ? this.unheart() : this.heart();
312 |       sid = this.sid;
313 |       return promise.then(function() {
314 |         if (sid === self.sid) {
315 |           return $("#player").toggleClass("like", !hasLike);
316 |         }
317 |       });
318 |     };
319 | 
320 |     Application.prototype.sendRecord = function(sid) {
321 |       console.log(sid);
322 |       return this.fetchSong('e', null, sid);
323 |     };
324 | 
325 |     Application.prototype.block = function() {
326 |       player.pause();
327 |       return this.fetchSong("b", true);
328 |     };
329 | 
330 |     Application.prototype.skip = function() {
331 |       return this.next();
332 |     };
333 | 
334 |     Application.prototype.ended = function() {
335 |       return this.next();
336 |     };
337 | 
338 |     Application.prototype.openLink = function() {
339 |       if (this.song) {
340 |         require('shell').openExternal("http://music.douban.com" + this.song.album);
341 |       }
342 |       return false;
343 |     };
344 | 
345 |     Application.prototype.switchChannel = function(id) {
346 |       this.channel = id;
347 |       this.playlist = [];
348 |       $(".channels").find("li.active").removeClass("active");
349 |       $(".channels").find("li[data-id='" + this.channel + "']").addClass("active");
350 |       player.pause();
351 |       return this.next();
352 |     };
353 | 
354 |     Application.prototype.showLoading = function() {
355 |       $(".album .loading").addClass("show");
356 |       return $(".album .img").removeClass("show");
357 |     };
358 | 
359 |     Application.prototype.hideLoading = function() {
360 |       return $(".album .loading").removeClass("show");
361 |     };
362 | 
363 |     Application.prototype.playOrPause = function() {
364 |       var isPlaying;
365 |       isPlaying = $(".player").hasClass("playing");
366 |       if (isPlaying) {
367 |         return player.pause();
368 |       } else {
369 |         return player.play();
370 |       }
371 |     };
372 | 
373 |     Application.prototype.registerShortCut = function() {
374 |       var globalShortcut, ret1, ret2, ret3, self;
375 |       self = this;
376 |       globalShortcut = require('remote').require('global-shortcut');
377 |       ret1 = globalShortcut.register("MediaPlayPause", function() {
378 |         return self.playOrPause();
379 |       });
380 |       ret2 = globalShortcut.register("MediaNextTrack", function() {
381 |         return self.next();
382 |       });
383 |       ret3 = globalShortcut.register("MediaPreviousTrack", function() {
384 |         return self.heart();
385 |       });
386 |       if (ret1 && ret2 && ret3) {
387 |         return console.log(__("Register Success! "));
388 |       } else {
389 |         console.log(__("Register Failed....."));
390 |         return console.log(ret1, ret1, ret3);
391 |       }
392 |     };
393 | 
394 |     return Application;
395 | 
396 |   })();
397 | 
398 |   fm = new Application();
399 | 
400 |   fm.next('n');
401 | 
402 |   $(".album .info").click(function() {
403 |     return fm.openLink();
404 |   });
405 | 
406 |   $(".album .close").click(function() {
407 |     return window.close();
408 |   });
409 | 
410 |   $(".album .menu").click(function() {
411 |     var BrowserWindow, expand, mainWindow, remote, width;
412 |     $(".wrapper").toggleClass("open");
413 |     remote = require('remote');
414 |     expand = $(".wrapper").hasClass("open");
415 |     width = expand ? 650 : 450;
416 |     BrowserWindow = remote.require('browser-window');
417 |     mainWindow = BrowserWindow.getFocusedWindow();
418 |     if (expand) {
419 |       if (window._delay) {
420 |         window.clearTimeout(window._delay);
421 |       }
422 |       return mainWindow.setSize(width, 550);
423 |     } else {
424 |       return window._delay = window.setTimeout(function() {
425 |         return mainWindow.setSize(width, 550);
426 |       }, 300);
427 |     }
428 |   });
429 | 
430 |   $(".controls .icon.play").click(function() {
431 |     return fm.playOrPause();
432 |   });
433 | 
434 |   $(".controls .icon.next").click(function() {
435 |     return fm.next();
436 |   });
437 | 
438 |   $(".controls .icon.heart").click(function() {
439 |     return fm.toggleHeart();
440 |   });
441 | 
442 |   $(".controls .icon.trash").click(function() {
443 |     return fm.block();
444 |   });
445 | 
446 | }).call(this);
447 | 


--------------------------------------------------------------------------------
/assets/plyr.js:
--------------------------------------------------------------------------------
1 | !function(e){"use strict";function t(e,t){h.debug&&window.console&&console[t?"error":"log"](e)}function n(){var e,t,n,r=navigator.userAgent,s=navigator.appName,a=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10);return-1!==navigator.appVersion.indexOf("Windows NT")&&-1!==navigator.appVersion.indexOf("rv:11")?(s="IE",a="11;"):-1!==(t=r.indexOf("MSIE"))?(s="IE",a=r.substring(t+5)):-1!==(t=r.indexOf("Chrome"))?(s="Chrome",a=r.substring(t+7)):-1!==(t=r.indexOf("Safari"))?(s="Safari",a=r.substring(t+7),-1!==(t=r.indexOf("Version"))&&(a=r.substring(t+8))):-1!==(t=r.indexOf("Firefox"))?(s="Firefox",a=r.substring(t+8)):(e=r.lastIndexOf(" ")+1)<(t=r.lastIndexOf("/"))&&(s=r.substring(e,t),a=r.substring(t+1),s.toLowerCase()==s.toUpperCase()&&(s=navigator.appName)),-1!==(n=a.indexOf(";"))&&(a=a.substring(0,n)),-1!==(n=a.indexOf(" "))&&(a=a.substring(0,n)),o=parseInt(""+a,10),isNaN(o)&&(a=""+parseFloat(navigator.appVersion),o=parseInt(navigator.appVersion,10)),[s,o]}function r(e,t){var n=e.media;if("video"==e.type)switch(t){case"video/webm":return!(!n.canPlayType||!n.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/no/,""));case"video/mp4":return!(!n.canPlayType||!n.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"').replace(/no/,""));case"video/ogg":return!(!n.canPlayType||!n.canPlayType('video/ogg; codecs="theora"').replace(/no/,""))}else if("audio"==e.type)switch(t){case"audio/mpeg":return!(!n.canPlayType||!n.canPlayType("audio/mpeg;").replace(/no/,""));case"audio/ogg":return!(!n.canPlayType||!n.canPlayType('audio/ogg; codecs="vorbis"').replace(/no/,""));case"audio/wav":return!(!n.canPlayType||!n.canPlayType('audio/wav; codecs="1"').replace(/no/,""))}return!1}function s(e,t,n){return e.replace(new RegExp(t.replace(/([.*+?^=!:${}()|\[\]\/\\])/g,"\\$1"),"g"),n)}function a(e,t){e.length||(e=[e]);for(var n=e.length-1;n>=0;n--){var r=n>0?t.cloneNode(!0):t,s=e[n],a=s.parentNode,o=s.nextSibling;r.appendChild(s),o?a.insertBefore(r,o):a.appendChild(r)}}function o(e){e.parentNode.removeChild(e)}function i(e,t){e.insertBefore(t,e.firstChild)}function l(e,t){for(var n in t)e.setAttribute(n,t[n])}function c(e,t,n){if(e)if(e.classList)e.classList[n?"add":"remove"](t);else{var r=(" "+e.className+" ").replace(/\s+/g," ").replace(" "+t+" ","");e.className=r+(n?" "+t:"")}}function u(e,t,n,r){t=t.split(" ");for(var s=0;s<t.length;s++)e[r?"addEventListener":"removeEventListener"](t[s],n,!1)}function p(e,t,n){u(e,t,n,!0)}function d(e,t,n){u(e,t,n,!1)}function f(e,t){return 0===e||0===t||isNaN(e)||isNaN(t)?0:(e/t*100).toFixed(2)}function m(e,t){for(var n in t)t[n]&&t[n].constructor&&t[n].constructor===Object?(e[n]=e[n]||{},m(e[n],t[n])):e[n]=t[n];return e}function y(){var e={supportsFullScreen:!1,isFullScreen:function(){return!1},requestFullScreen:function(){},cancelFullScreen:function(){},fullScreenEventName:"",element:null,prefix:""},t="webkit moz o ms khtml".split(" ");if("undefined"!=typeof document.cancelFullScreen)e.supportsFullScreen=!0;else for(var n=0,r=t.length;r>n;n++){if(e.prefix=t[n],"undefined"!=typeof document[e.prefix+"CancelFullScreen"]){e.supportsFullScreen=!0;break}if("undefined"!=typeof document.msExitFullscreen&&document.msFullscreenEnabled){e.prefix="ms",e.supportsFullScreen=!0;break}}return"webkit"===e.prefix&&navigator.userAgent.match(/Version\/[\d\.]+.*Safari/)&&(e.supportsFullScreen=!1),e.supportsFullScreen&&(e.fullScreenEventName="ms"==e.prefix?"MSFullscreenChange":e.prefix+"fullscreenchange",e.isFullScreen=function(){switch(this.prefix){case"":return document.fullScreen;case"webkit":return document.webkitIsFullScreen;case"ms":return null!==document.msFullscreenElement;default:return document[this.prefix+"FullScreen"]}},e.requestFullScreen=function(e){return""===this.prefix?e.requestFullScreen():e[this.prefix+("ms"==this.prefix?"RequestFullscreen":"RequestFullScreen")]("webkit"===this.prefix?e.ALLOW_KEYBOARD_INPUT:null)},e.cancelFullScreen=function(){return""===this.prefix?document.cancelFullScreen():document[this.prefix+("ms"==this.prefix?"ExitFullscreen":"CancelFullScreen")]()},e.element=function(){return""===this.prefix?document.fullscreenElement:document[this.prefix+"FullscreenElement"]}),e}function b(){var e={supported:function(){try{return"localStorage"in window&&null!==window.localStorage}catch(e){return!1}}()};return e}function v(e){function u(e){if(!Z.usingTextTracks&&"video"===Z.type){for(Z.subcount=0,e="number"==typeof e?e:Z.media.currentTime;k(Z.captions[Z.subcount][0])<e.toFixed(1);)if(Z.subcount++,Z.subcount>Z.captions.length-1){Z.subcount=Z.captions.length-1;break}Z.media.currentTime.toFixed(1)>=v(Z.captions[Z.subcount][0])&&Z.media.currentTime.toFixed(1)<=k(Z.captions[Z.subcount][0])?(Z.currentCaption=Z.captions[Z.subcount][1],Z.captionsContainer.innerHTML=Z.currentCaption):Z.captionsContainer.innerHTML=""}}function m(){c(Z.container,h.classes.captions.enabled,!0),h.captions.defaultActive&&(c(Z.container,h.classes.captions.active,!0),Z.buttons.captions.setAttribute("checked","checked"))}function v(e){var t=[];return t=e.split(" --> "),x(t[0])}function k(e){var t=[];return t=e.split(" --> "),x(t[1])}function x(e){if(null===e||void 0===e)return 0;var t,n=[],r=[];return n=e.split(","),r=n[0].split(":"),t=Math.floor(60*r[0]*60)+Math.floor(60*r[1])+Math.floor(r[2])}function w(e){return Z.container.querySelectorAll(e)}function T(e){return w(e)[0]}function S(){try{return window.self!==window.top}catch(e){return!0}}function F(){t("Injecting custom controls.");var e=h.html;if(e=s(e,"{seektime}",h.seekTime),e=s(e,"{id}",Z.random),Z.container.insertAdjacentHTML("beforeend",e),h.tooltips)for(var n=w(h.selectors.labels),r=n.length-1;r>=0;r--){var a=n[r];c(a,h.classes.hidden,!1),c(a,h.classes.tooltip,!0)}}function N(){try{return Z.controls=T(h.selectors.controls),Z.buttons={},Z.buttons.seek=T(h.selectors.buttons.seek),Z.buttons.play=T(h.selectors.buttons.play),Z.buttons.pause=T(h.selectors.buttons.pause),Z.buttons.restart=T(h.selectors.buttons.restart),Z.buttons.rewind=T(h.selectors.buttons.rewind),Z.buttons.forward=T(h.selectors.buttons.forward),Z.buttons.mute=T(h.selectors.buttons.mute),Z.buttons.captions=T(h.selectors.buttons.captions),Z.buttons.fullscreen=T(h.selectors.buttons.fullscreen),Z.progress={},Z.progress.container=T(h.selectors.progress.container),Z.progress.buffer={},Z.progress.buffer.bar=T(h.selectors.progress.buffer),Z.progress.buffer.text=Z.progress.buffer.bar.getElementsByTagName("span")[0],Z.progress.played={},Z.progress.played.bar=T(h.selectors.progress.played),Z.progress.played.text=Z.progress.played.bar.getElementsByTagName("span")[0],Z.volume=T(h.selectors.buttons.volume),Z.duration=T(h.selectors.duration),Z.seekTime=w(h.selectors.seekTime),!0}catch(e){return t("It looks like there's a problem with your controls html. Bailing.",!0),!1}}function E(){var e=Z.buttons.play.innerText||"Play";"undefined"!=typeof h.title&&h.title.length&&(e+=", "+h.title),Z.buttons.play.setAttribute("aria-label",e)}function A(){if(Z.media=Z.container.querySelectorAll("audio, video")[0],!Z.media)return t("No audio or video element found!",!0),!1;if(Z.media.removeAttribute("controls"),Z.type="VIDEO"==Z.media.tagName?"video":"audio",c(Z.container,h.classes[Z.type],!0),c(Z.container,h.classes.stopped,null===Z.media.getAttribute("autoplay")),"video"===Z.type){var e=document.createElement("div");e.setAttribute("class",h.classes.videoWrapper),a(Z.media,e),Z.videoContainer=e}null!==Z.media.getAttribute("autoplay")&&I()}function C(){if("video"===Z.type){Z.videoContainer.insertAdjacentHTML("afterbegin","<div class='"+h.selectors.captions.replace(".","")+"'></div>"),Z.captionsContainer=T(h.selectors.captions),Z.usingTextTracks=!1,Z.media.textTracks&&(Z.usingTextTracks=!0);for(var e,n="",r=Z.media.childNodes,s=0;s<r.length;s++)"track"===r[s].nodeName.toLowerCase()&&(e=r[s].getAttribute("kind"),"captions"===e&&(n=r[s].getAttribute("src")));if(Z.captionExists=!0,""===n?(Z.captionExists=!1,t("No caption track found.")):t("Caption track found; URI: "+n),Z.captionExists){for(var a=Z.media.textTracks,o=0;o<a.length;o++)a[o].mode="hidden";if(m(Z),("IE"===Z.browserName&&10===Z.browserMajorVersion||"IE"===Z.browserName&&11===Z.browserMajorVersion||"Firefox"===Z.browserName&&Z.browserMajorVersion>=31||"Safari"===Z.browserName&&Z.browserMajorVersion>=7)&&(t("Detected IE 10/11 or Firefox 31+ or Safari 7+."),Z.usingTextTracks=!1),Z.usingTextTracks){t("TextTracks supported.");for(var i=0;i<a.length;i++){var l=a[i];"captions"===l.kind&&p(l,"cuechange",function(){this.activeCues[0]&&this.activeCues[0].hasOwnProperty("text")&&(Z.captionsContainer.innerHTML=this.activeCues[0].text)})}}else if(t("TextTracks not supported so rendering captions manually."),Z.currentCaption="",Z.captions=[],""!==n){var u=new XMLHttpRequest;u.onreadystatechange=function(){if(4===u.readyState)if(200===u.status){var e,n=[],r=u.responseText;n=r.split("\n\n");for(var s=0;s<n.length;s++)e=n[s],Z.captions[s]=[],Z.captions[s]=e.split("\n");Z.captions.shift(),t("Successfully loaded the caption file via AJAX.")}else t("There was a problem loading the caption file via AJAX.",!0)},u.open("get",n,!0),u.send()}if("Safari"===Z.browserName&&Z.browserMajorVersion>=7){t("Safari 7+ detected; removing track from DOM."),a=Z.media.getElementsByTagName("track");for(var d=0;d<a.length;d++)Z.media.removeChild(a[d])}}else c(Z.container,h.classes.captions.enabled)}}function M(){if("video"===Z.type&&h.fullscreen.enabled){var e=g.supportsFullScreen;e||h.fullscreen.fallback&&!S()?(t((e?"Native":"Fallback")+" fullscreen enabled."),c(Z.container,h.classes.fullscreen.enabled,!0)):t("Fullscreen not supported and fallback disabled.")}}function I(){Z.media.play()}function V(){Z.media.pause()}function O(e){"number"!=typeof e&&(e=h.seekTime),L(Z.media.currentTime-e)}function P(e){"number"!=typeof e&&(e=h.seekTime),L(Z.media.currentTime+e)}function L(e){var n=0;"number"==typeof e?n=e:"object"!=typeof e||"change"!==e.type&&"input"!==e.type||(n=e.target.value/e.target.max*Z.media.duration),0>n?n=0:n>Z.media.duration&&(n=Z.media.duration),Z.media.currentTime=n.toFixed(1),t("Seeking to "+Z.media.currentTime+" seconds"),u(n)}function j(){c(Z.container,h.classes.playing,!Z.media.paused),c(Z.container,h.classes.stopped,Z.media.paused)}function q(e){var t=g.supportsFullScreen;e&&e.type===g.fullScreenEventName?h.fullscreen.active=g.isFullScreen():t?(g.isFullScreen()?g.cancelFullScreen():g.requestFullScreen(Z.container),h.fullscreen.active=g.isFullScreen()):(h.fullscreen.active=!h.fullscreen.active,h.fullscreen.active?(p(document,"keyup",H),document.body.style.overflow="hidden"):(d(document,"keyup",H),document.body.style.overflow="")),c(Z.container,h.classes.fullscreen.active,h.fullscreen.active)}function H(e){27===(e.which||e.charCode||e.keyCode)&&h.fullscreen.active&&q()}function B(e){"undefined"==typeof e&&(e=h.storage.enabled&&b().supported?window.localStorage[h.storage.key]||h.volume:h.volume),e>10&&(e=10),Z.volume.value=e,Z.media.volume=parseFloat(e/10),W(),h.storage.enabled&&b().supported&&(window.localStorage.plyr_volume=e)}function R(e){"undefined"==typeof active&&(e=!Z.media.muted,Z.buttons.mute.checked=e),Z.media.muted=e,W()}function D(e){"undefined"==typeof e&&(e=-1===Z.container.className.indexOf(h.classes.captions.active),Z.buttons.captions.checked=e),e?c(Z.container,h.classes.captions.active,!0):c(Z.container,h.classes.captions.active)}function W(){c(Z.container,h.classes.muted,0===Z.media.volume||Z.media.muted)}function _(e){var t="waiting"===e.type;clearTimeout(Z.loadingTimer),Z.loadingTimer=setTimeout(function(){c(Z.container,h.classes.loading,t)},t?250:0)}function U(e){var t=Z.progress.played.bar,n=Z.progress.played.text,r=0;if(e)switch(e.type){case"timeupdate":case"seeking":r=f(Z.media.currentTime,Z.media.duration),"timeupdate"==e.type&&(Z.buttons.seek.value=r);break;case"change":case"input":r=e.target.value;break;case"playing":case"progress":t=Z.progress.buffer.bar,n=Z.progress.buffer.text,r=function(){var e=Z.media.buffered;return e.length?f(e.end(0),Z.media.duration):0}()}t.value=r,n.innerHTML=r}function X(){Z.secs=parseInt(Z.media.currentTime%60),Z.mins=parseInt(Z.media.currentTime/60%60),Z.secs=("0"+Z.secs).slice(-2),Z.mins=("0"+Z.mins).slice(-2),Z.duration.innerHTML=Z.mins+":"+Z.secs}function J(e){X(),U(e)}function $(){for(var e=Z.media.querySelectorAll("source"),t=e.length-1;t>=0;t--)o(e[t]);Z.media.removeAttribute("src")}function z(e){if(e.src){var t=document.createElement("source");l(t,e),i(Z.media,t)}}function K(e){if(V(),L(),j(),$(),"string"==typeof e)Z.media.setAttribute("src",e);else if(e.constructor===Array)for(var t in e)z(e[t]);J(),Z.media.load(),null!==Z.media.getAttribute("autoplay")&&I()}function Y(e){"video"===Z.type&&Z.media.setAttribute("poster",e)}function G(){p(Z.buttons.play,"click",function(){I(),setTimeout(function(){Z.buttons.pause.focus()},100)}),p(Z.buttons.pause,"click",function(){V(),setTimeout(function(){Z.buttons.play.focus()},100)}),p(Z.buttons.restart,"click",L),p(Z.buttons.rewind,"click",O),p(Z.buttons.forward,"click",P),p(Z.volume,"change input",function(){B(this.value)}),p(Z.buttons.mute,"change",function(){R(this.checked)}),p(Z.buttons.fullscreen,"click",q),p(document,g.fullScreenEventName,q),"video"===Z.type&&h.click&&p(Z.videoContainer,"click",function(){Z.media.paused?I():Z.media.ended?(L(),I()):V()}),p(Z.media,"timeupdate seeking",J),p(Z.media,"timeupdate",u),p(Z.buttons.seek,"change input",L),p(Z.buttons.captions,"click",function(){D(this.checked)}),p(Z.media,"ended",function(){"video"===Z.type&&(Z.captionsContainer.innerHTML=""),j()}),p(Z.media,"progress",U),p(Z.media,"playing",U),p(Z.media,"volumechange",W),p(Z.media,"play pause",j),p(Z.media,"waiting canplay seeked",_)}function Q(){return g=y(),Z.browserInfo=n(),Z.browserName=Z.browserInfo[0],Z.browserMajorVersion=Z.browserInfo[1],t(Z.browserName+" "+Z.browserMajorVersion),"IE"!==Z.browserName||8!==Z.browserMajorVersion&&9!==Z.browserMajorVersion?(A(),Z.random=Math.floor(1e4*Math.random()),F(),N()?(E(),C(),B(),M(),G(),void 0):!1):(t("Browser not suppported.",!0),!1)}var Z=this;return Z.container=e,Q(),{media:Z.media,play:I,pause:V,restart:L,rewind:O,forward:P,seek:L,setVolume:B,toggleMute:R,toggleCaptions:D,source:K,poster:Y,support:function(e){return r(Z,e)}}}var g,h,k={enabled:!0,debug:!1,seekTime:10,volume:5,click:!0,tooltips:!1,selectors:{container:".player",controls:".player-controls",labels:"[data-player] .sr-only, label .sr-only",buttons:{seek:"[data-player='seek']",play:"[data-player='play']",pause:"[data-player='pause']",restart:"[data-player='restart']",rewind:"[data-player='rewind']",forward:"[data-player='fast-forward']",mute:"[data-player='mute']",volume:"[data-player='volume']",captions:"[data-player='captions']",fullscreen:"[data-player='fullscreen']"},progress:{container:".player-progress",buffer:".player-progress-buffer",played:".player-progress-played"},captions:".player-captions",duration:".player-duration"},classes:{video:"player-video",videoWrapper:"player-video-wrapper",audio:"player-audio",stopped:"stopped",playing:"playing",muted:"muted",loading:"loading",tooltip:"player-tooltip",hidden:"sr-only",captions:{enabled:"captions-enabled",active:"captions-active"},fullscreen:{enabled:"fullscreen-enabled",active:"fullscreen-active"}},captions:{defaultActive:!1},fullscreen:{enabled:!0,fallback:!0},storage:{enabled:!0,key:"plyr_volume"},html:function(){return["<div class='player-controls'>","<div class='player-progress'>","<label for='seek{id}' class='sr-only'>Seek</label>","<input id='seek{id}' class='player-progress-seek' type='range' min='0' max='100' step='0.5' value='0' data-player='seek'>","<progress class='player-progress-played' max='100' value='0'>","<span>0</span>% played","</progress>","<progress class='player-progress-buffer' max='100' value='0'>","<span>0</span>% buffered","</progress>","</div>","<span class='player-controls-playback'>","<button type='button' data-player='restart'>","<svg><use xlink:href='#icon-restart'></use></svg>","<span class='sr-only'>Restart</span>","</button>","<button type='button' data-player='rewind'>","<svg><use xlink:href='#icon-rewind'></use></svg>","<span class='sr-only'>Rewind {seektime} secs</span>","</button>","<button type='button' data-player='play'>","<svg><use xlink:href='#icon-play'></use></svg>","<span class='sr-only'>Play</span>","</button>","<button type='button' data-player='pause'>","<svg><use xlink:href='#icon-pause'></use></svg>","<span class='sr-only'>Pause</span>","</button>","<button type='button' data-player='fast-forward'>","<svg><use xlink:href='#icon-fast-forward'></use></svg>","<span class='sr-only'>Forward {seektime} secs</span>","</button>","<span class='player-time'>","<span class='sr-only'>Time</span>","<span class='player-duration'>00:00</span>","</span>","</span>","<span class='player-controls-sound'>","<input class='inverted sr-only' id='mute{id}' type='checkbox' data-player='mute'>","<label id='mute{id}' for='mute{id}'>","<svg class='icon-muted'><use xlink:href='#icon-muted'></use></svg>","<svg><use xlink:href='#icon-volume'></use></svg>","<span class='sr-only'>Toggle Mute</span>","</label>","<label for='volume{id}' class='sr-only'>Volume</label>","<input id='volume{id}' class='player-volume' type='range' min='0' max='10' value='5' data-player='volume'>","<input class='sr-only' id='captions{id}' type='checkbox' data-player='captions'>","<label for='captions{id}'>","<svg class='icon-captions-on'><use xlink:href='#icon-captions-on'></use></svg>","<svg><use xlink:href='#icon-captions-off'></use></svg>","<span class='sr-only'>Toggle Captions</span>","</label>","<button type='button' data-player='fullscreen'>","<svg class='icon-exit-fullscreen'><use xlink:href='#icon-exit-fullscreen'></use></svg>","<svg><use xlink:href='#icon-enter-fullscreen'></use></svg>","<span class='sr-only'>Toggle Fullscreen</span>","</button>","</span>","</div>"].join("\n")}()};e.setup=function(e){if(h=m(k,e),!h.enabled)return!1;for(var t=document.querySelectorAll(h.selectors.container),n=[],r=t.length-1;r>=0;r--){var s=t[r];"VIDEO"===s.querySelectorAll("audio, video")[0].tagName&&/iPhone/i.test(navigator.userAgent)||("undefined"==typeof s.plyr&&(s.plyr=new v(s)),n.push(s.plyr))}return n}}(this.plyr=this.plyr||{});


--------------------------------------------------------------------------------
/assets/q.js:
--------------------------------------------------------------------------------
   1 | // vim:ts=4:sts=4:sw=4:
   2 | /*!
   3 |  *
   4 |  * Copyright 2009-2012 Kris Kowal under the terms of the MIT
   5 |  * license found at http://github.com/kriskowal/q/raw/master/LICENSE
   6 |  *
   7 |  * With parts by Tyler Close
   8 |  * Copyright 2007-2009 Tyler Close under the terms of the MIT X license found
   9 |  * at http://www.opensource.org/licenses/mit-license.html
  10 |  * Forked at ref_send.js version: 2009-05-11
  11 |  *
  12 |  * With parts by Mark Miller
  13 |  * Copyright (C) 2011 Google Inc.
  14 |  *
  15 |  * Licensed under the Apache License, Version 2.0 (the "License");
  16 |  * you may not use this file except in compliance with the License.
  17 |  * You may obtain a copy of the License at
  18 |  *
  19 |  * http://www.apache.org/licenses/LICENSE-2.0
  20 |  *
  21 |  * Unless required by applicable law or agreed to in writing, software
  22 |  * distributed under the License is distributed on an "AS IS" BASIS,
  23 |  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  24 |  * See the License for the specific language governing permissions and
  25 |  * limitations under the License.
  26 |  *
  27 |  */
  28 | 
  29 | (function (definition) {
  30 |     "use strict";
  31 | 
  32 |     // This file will function properly as a <script> tag, or a module
  33 |     // using CommonJS and NodeJS or RequireJS module formats.  In
  34 |     // Common/Node/RequireJS, the module exports the Q API and when
  35 |     // executed as a simple <script>, it creates a Q global instead.
  36 | 
  37 |     // Montage Require
  38 |     if (typeof bootstrap === "function") {
  39 |         bootstrap("promise", definition);
  40 | 
  41 |     // CommonJS
  42 |     } else if (typeof exports === "object" && typeof module === "object") {
  43 |         module.exports = definition();
  44 | 
  45 |     // RequireJS
  46 |     } else if (typeof define === "function" && define.amd) {
  47 |         define(definition);
  48 | 
  49 |     // SES (Secure EcmaScript)
  50 |     } else if (typeof ses !== "undefined") {
  51 |         if (!ses.ok()) {
  52 |             return;
  53 |         } else {
  54 |             ses.makeQ = definition;
  55 |         }
  56 | 
  57 |     // <script>
  58 |     } else if (typeof self !== "undefined") {
  59 |         self.Q = definition();
  60 | 
  61 |     } else {
  62 |         throw new Error("This environment was not anticipated by Q. Please file a bug.");
  63 |     }
  64 | 
  65 | })(function () {
  66 | "use strict";
  67 | 
  68 | var hasStacks = false;
  69 | try {
  70 |     throw new Error();
  71 | } catch (e) {
  72 |     hasStacks = !!e.stack;
  73 | }
  74 | 
  75 | // All code after this point will be filtered from stack traces reported
  76 | // by Q.
  77 | var qStartingLine = captureLine();
  78 | var qFileName;
  79 | 
  80 | // shims
  81 | 
  82 | // used for fallback in "allResolved"
  83 | var noop = function () {};
  84 | 
  85 | // Use the fastest possible means to execute a task in a future turn
  86 | // of the event loop.
  87 | var nextTick =(function () {
  88 |     // linked list of tasks (single, with head node)
  89 |     var head = {task: void 0, next: null};
  90 |     var tail = head;
  91 |     var flushing = false;
  92 |     var requestTick = void 0;
  93 |     var isNodeJS = false;
  94 | 
  95 |     function flush() {
  96 |         /* jshint loopfunc: true */
  97 | 
  98 |         while (head.next) {
  99 |             head = head.next;
 100 |             var task = head.task;
 101 |             head.task = void 0;
 102 |             var domain = head.domain;
 103 | 
 104 |             if (domain) {
 105 |                 head.domain = void 0;
 106 |                 domain.enter();
 107 |             }
 108 | 
 109 |             try {
 110 |                 task();
 111 | 
 112 |             } catch (e) {
 113 |                 if (isNodeJS) {
 114 |                     // In node, uncaught exceptions are considered fatal errors.
 115 |                     // Re-throw them synchronously to interrupt flushing!
 116 | 
 117 |                     // Ensure continuation if the uncaught exception is suppressed
 118 |                     // listening "uncaughtException" events (as domains does).
 119 |                     // Continue in next event to avoid tick recursion.
 120 |                     if (domain) {
 121 |                         domain.exit();
 122 |                     }
 123 |                     setTimeout(flush, 0);
 124 |                     if (domain) {
 125 |                         domain.enter();
 126 |                     }
 127 | 
 128 |                     throw e;
 129 | 
 130 |                 } else {
 131 |                     // In browsers, uncaught exceptions are not fatal.
 132 |                     // Re-throw them asynchronously to avoid slow-downs.
 133 |                     setTimeout(function() {
 134 |                        throw e;
 135 |                     }, 0);
 136 |                 }
 137 |             }
 138 | 
 139 |             if (domain) {
 140 |                 domain.exit();
 141 |             }
 142 |         }
 143 | 
 144 |         flushing = false;
 145 |     }
 146 | 
 147 |     nextTick = function (task) {
 148 |         tail = tail.next = {
 149 |             task: task,
 150 |             domain: isNodeJS && process.domain,
 151 |             next: null
 152 |         };
 153 | 
 154 |         if (!flushing) {
 155 |             flushing = true;
 156 |             requestTick();
 157 |         }
 158 |     };
 159 | 
 160 |     if (typeof process !== "undefined" && process.nextTick) {
 161 |         // Node.js before 0.9. Note that some fake-Node environments, like the
 162 |         // Mocha test runner, introduce a `process` global without a `nextTick`.
 163 |         isNodeJS = true;
 164 | 
 165 |         requestTick = function () {
 166 |             process.nextTick(flush);
 167 |         };
 168 | 
 169 |     } else if (typeof setImmediate === "function") {
 170 |         // In IE10, Node.js 0.9+, or https://github.com/NobleJS/setImmediate
 171 |         if (typeof window !== "undefined") {
 172 |             requestTick = setImmediate.bind(window, flush);
 173 |         } else {
 174 |             requestTick = function () {
 175 |                 setImmediate(flush);
 176 |             };
 177 |         }
 178 | 
 179 |     } else if (typeof MessageChannel !== "undefined") {
 180 |         // modern browsers
 181 |         // http://www.nonblocking.io/2011/06/windownexttick.html
 182 |         var channel = new MessageChannel();
 183 |         // At least Safari Version 6.0.5 (8536.30.1) intermittently cannot create
 184 |         // working message ports the first time a page loads.
 185 |         channel.port1.onmessage = function () {
 186 |             requestTick = requestPortTick;
 187 |             channel.port1.onmessage = flush;
 188 |             flush();
 189 |         };
 190 |         var requestPortTick = function () {
 191 |             // Opera requires us to provide a message payload, regardless of
 192 |             // whether we use it.
 193 |             channel.port2.postMessage(0);
 194 |         };
 195 |         requestTick = function () {
 196 |             setTimeout(flush, 0);
 197 |             requestPortTick();
 198 |         };
 199 | 
 200 |     } else {
 201 |         // old browsers
 202 |         requestTick = function () {
 203 |             setTimeout(flush, 0);
 204 |         };
 205 |     }
 206 | 
 207 |     return nextTick;
 208 | })();
 209 | 
 210 | // Attempt to make generics safe in the face of downstream
 211 | // modifications.
 212 | // There is no situation where this is necessary.
 213 | // If you need a security guarantee, these primordials need to be
 214 | // deeply frozen anyway, and if you don’t need a security guarantee,
 215 | // this is just plain paranoid.
 216 | // However, this **might** have the nice side-effect of reducing the size of
 217 | // the minified code by reducing x.call() to merely x()
 218 | // See Mark Miller’s explanation of what this does.
 219 | // http://wiki.ecmascript.org/doku.php?id=conventions:safe_meta_programming
 220 | var call = Function.call;
 221 | function uncurryThis(f) {
 222 |     return function () {
 223 |         return call.apply(f, arguments);
 224 |     };
 225 | }
 226 | // This is equivalent, but slower:
 227 | // uncurryThis = Function_bind.bind(Function_bind.call);
 228 | // http://jsperf.com/uncurrythis
 229 | 
 230 | var array_slice = uncurryThis(Array.prototype.slice);
 231 | 
 232 | var array_reduce = uncurryThis(
 233 |     Array.prototype.reduce || function (callback, basis) {
 234 |         var index = 0,
 235 |             length = this.length;
 236 |         // concerning the initial value, if one is not provided
 237 |         if (arguments.length === 1) {
 238 |             // seek to the first value in the array, accounting
 239 |             // for the possibility that is is a sparse array
 240 |             do {
 241 |                 if (index in this) {
 242 |                     basis = this[index++];
 243 |                     break;
 244 |                 }
 245 |                 if (++index >= length) {
 246 |                     throw new TypeError();
 247 |                 }
 248 |             } while (1);
 249 |         }
 250 |         // reduce
 251 |         for (; index < length; index++) {
 252 |             // account for the possibility that the array is sparse
 253 |             if (index in this) {
 254 |                 basis = callback(basis, this[index], index);
 255 |             }
 256 |         }
 257 |         return basis;
 258 |     }
 259 | );
 260 | 
 261 | var array_indexOf = uncurryThis(
 262 |     Array.prototype.indexOf || function (value) {
 263 |         // not a very good shim, but good enough for our one use of it
 264 |         for (var i = 0; i < this.length; i++) {
 265 |             if (this[i] === value) {
 266 |                 return i;
 267 |             }
 268 |         }
 269 |         return -1;
 270 |     }
 271 | );
 272 | 
 273 | var array_map = uncurryThis(
 274 |     Array.prototype.map || function (callback, thisp) {
 275 |         var self = this;
 276 |         var collect = [];
 277 |         array_reduce(self, function (undefined, value, index) {
 278 |             collect.push(callback.call(thisp, value, index, self));
 279 |         }, void 0);
 280 |         return collect;
 281 |     }
 282 | );
 283 | 
 284 | var object_create = Object.create || function (prototype) {
 285 |     function Type() { }
 286 |     Type.prototype = prototype;
 287 |     return new Type();
 288 | };
 289 | 
 290 | var object_hasOwnProperty = uncurryThis(Object.prototype.hasOwnProperty);
 291 | 
 292 | var object_keys = Object.keys || function (object) {
 293 |     var keys = [];
 294 |     for (var key in object) {
 295 |         if (object_hasOwnProperty(object, key)) {
 296 |             keys.push(key);
 297 |         }
 298 |     }
 299 |     return keys;
 300 | };
 301 | 
 302 | var object_toString = uncurryThis(Object.prototype.toString);
 303 | 
 304 | function isObject(value) {
 305 |     return value === Object(value);
 306 | }
 307 | 
 308 | // generator related shims
 309 | 
 310 | // FIXME: Remove this function once ES6 generators are in SpiderMonkey.
 311 | function isStopIteration(exception) {
 312 |     return (
 313 |         object_toString(exception) === "[object StopIteration]" ||
 314 |         exception instanceof QReturnValue
 315 |     );
 316 | }
 317 | 
 318 | // FIXME: Remove this helper and Q.return once ES6 generators are in
 319 | // SpiderMonkey.
 320 | var QReturnValue;
 321 | if (typeof ReturnValue !== "undefined") {
 322 |     QReturnValue = ReturnValue;
 323 | } else {
 324 |     QReturnValue = function (value) {
 325 |         this.value = value;
 326 |     };
 327 | }
 328 | 
 329 | // long stack traces
 330 | 
 331 | var STACK_JUMP_SEPARATOR = "From previous event:";
 332 | 
 333 | function makeStackTraceLong(error, promise) {
 334 |     // If possible, transform the error stack trace by removing Node and Q
 335 |     // cruft, then concatenating with the stack trace of `promise`. See #57.
 336 |     if (hasStacks &&
 337 |         promise.stack &&
 338 |         typeof error === "object" &&
 339 |         error !== null &&
 340 |         error.stack &&
 341 |         error.stack.indexOf(STACK_JUMP_SEPARATOR) === -1
 342 |     ) {
 343 |         var stacks = [];
 344 |         for (var p = promise; !!p; p = p.source) {
 345 |             if (p.stack) {
 346 |                 stacks.unshift(p.stack);
 347 |             }
 348 |         }
 349 |         stacks.unshift(error.stack);
 350 | 
 351 |         var concatedStacks = stacks.join("\n" + STACK_JUMP_SEPARATOR + "\n");
 352 |         error.stack = filterStackString(concatedStacks);
 353 |     }
 354 | }
 355 | 
 356 | function filterStackString(stackString) {
 357 |     var lines = stackString.split("\n");
 358 |     var desiredLines = [];
 359 |     for (var i = 0; i < lines.length; ++i) {
 360 |         var line = lines[i];
 361 | 
 362 |         if (!isInternalFrame(line) && !isNodeFrame(line) && line) {
 363 |             desiredLines.push(line);
 364 |         }
 365 |     }
 366 |     return desiredLines.join("\n");
 367 | }
 368 | 
 369 | function isNodeFrame(stackLine) {
 370 |     return stackLine.indexOf("(module.js:") !== -1 ||
 371 |            stackLine.indexOf("(node.js:") !== -1;
 372 | }
 373 | 
 374 | function getFileNameAndLineNumber(stackLine) {
 375 |     // Named functions: "at functionName (filename:lineNumber:columnNumber)"
 376 |     // In IE10 function name can have spaces ("Anonymous function") O_o
 377 |     var attempt1 = /at .+ \((.+):(\d+):(?:\d+)\)$/.exec(stackLine);
 378 |     if (attempt1) {
 379 |         return [attempt1[1], Number(attempt1[2])];
 380 |     }
 381 | 
 382 |     // Anonymous functions: "at filename:lineNumber:columnNumber"
 383 |     var attempt2 = /at ([^ ]+):(\d+):(?:\d+)$/.exec(stackLine);
 384 |     if (attempt2) {
 385 |         return [attempt2[1], Number(attempt2[2])];
 386 |     }
 387 | 
 388 |     // Firefox style: "function@filename:lineNumber or @filename:lineNumber"
 389 |     var attempt3 = /.*@(.+):(\d+)$/.exec(stackLine);
 390 |     if (attempt3) {
 391 |         return [attempt3[1], Number(attempt3[2])];
 392 |     }
 393 | }
 394 | 
 395 | function isInternalFrame(stackLine) {
 396 |     var fileNameAndLineNumber = getFileNameAndLineNumber(stackLine);
 397 | 
 398 |     if (!fileNameAndLineNumber) {
 399 |         return false;
 400 |     }
 401 | 
 402 |     var fileName = fileNameAndLineNumber[0];
 403 |     var lineNumber = fileNameAndLineNumber[1];
 404 | 
 405 |     return fileName === qFileName &&
 406 |         lineNumber >= qStartingLine &&
 407 |         lineNumber <= qEndingLine;
 408 | }
 409 | 
 410 | // discover own file name and line number range for filtering stack
 411 | // traces
 412 | function captureLine() {
 413 |     if (!hasStacks) {
 414 |         return;
 415 |     }
 416 | 
 417 |     try {
 418 |         throw new Error();
 419 |     } catch (e) {
 420 |         var lines = e.stack.split("\n");
 421 |         var firstLine = lines[0].indexOf("@") > 0 ? lines[1] : lines[2];
 422 |         var fileNameAndLineNumber = getFileNameAndLineNumber(firstLine);
 423 |         if (!fileNameAndLineNumber) {
 424 |             return;
 425 |         }
 426 | 
 427 |         qFileName = fileNameAndLineNumber[0];
 428 |         return fileNameAndLineNumber[1];
 429 |     }
 430 | }
 431 | 
 432 | function deprecate(callback, name, alternative) {
 433 |     return function () {
 434 |         if (typeof console !== "undefined" &&
 435 |             typeof console.warn === "function") {
 436 |             console.warn(name + " is deprecated, use " + alternative +
 437 |                          " instead.", new Error("").stack);
 438 |         }
 439 |         return callback.apply(callback, arguments);
 440 |     };
 441 | }
 442 | 
 443 | // end of shims
 444 | // beginning of real work
 445 | 
 446 | /**
 447 |  * Constructs a promise for an immediate reference, passes promises through, or
 448 |  * coerces promises from different systems.
 449 |  * @param value immediate reference or promise
 450 |  */
 451 | function Q(value) {
 452 |     // If the object is already a Promise, return it directly.  This enables
 453 |     // the resolve function to both be used to created references from objects,
 454 |     // but to tolerably coerce non-promises to promises.
 455 |     if (value instanceof Promise) {
 456 |         return value;
 457 |     }
 458 | 
 459 |     // assimilate thenables
 460 |     if (isPromiseAlike(value)) {
 461 |         return coerce(value);
 462 |     } else {
 463 |         return fulfill(value);
 464 |     }
 465 | }
 466 | Q.resolve = Q;
 467 | 
 468 | /**
 469 |  * Performs a task in a future turn of the event loop.
 470 |  * @param {Function} task
 471 |  */
 472 | Q.nextTick = nextTick;
 473 | 
 474 | /**
 475 |  * Controls whether or not long stack traces will be on
 476 |  */
 477 | Q.longStackSupport = false;
 478 | 
 479 | // enable long stacks if Q_DEBUG is set
 480 | if (typeof process === "object" && process && process.env && process.env.Q_DEBUG) {
 481 |     Q.longStackSupport = true;
 482 | }
 483 | 
 484 | /**
 485 |  * Constructs a {promise, resolve, reject} object.
 486 |  *
 487 |  * `resolve` is a callback to invoke with a more resolved value for the
 488 |  * promise. To fulfill the promise, invoke `resolve` with any value that is
 489 |  * not a thenable. To reject the promise, invoke `resolve` with a rejected
 490 |  * thenable, or invoke `reject` with the reason directly. To resolve the
 491 |  * promise to another thenable, thus putting it in the same state, invoke
 492 |  * `resolve` with that other thenable.
 493 |  */
 494 | Q.defer = defer;
 495 | function defer() {
 496 |     // if "messages" is an "Array", that indicates that the promise has not yet
 497 |     // been resolved.  If it is "undefined", it has been resolved.  Each
 498 |     // element of the messages array is itself an array of complete arguments to
 499 |     // forward to the resolved promise.  We coerce the resolution value to a
 500 |     // promise using the `resolve` function because it handles both fully
 501 |     // non-thenable values and other thenables gracefully.
 502 |     var messages = [], progressListeners = [], resolvedPromise;
 503 | 
 504 |     var deferred = object_create(defer.prototype);
 505 |     var promise = object_create(Promise.prototype);
 506 | 
 507 |     promise.promiseDispatch = function (resolve, op, operands) {
 508 |         var args = array_slice(arguments);
 509 |         if (messages) {
 510 |             messages.push(args);
 511 |             if (op === "when" && operands[1]) { // progress operand
 512 |                 progressListeners.push(operands[1]);
 513 |             }
 514 |         } else {
 515 |             Q.nextTick(function () {
 516 |                 resolvedPromise.promiseDispatch.apply(resolvedPromise, args);
 517 |             });
 518 |         }
 519 |     };
 520 | 
 521 |     // XXX deprecated
 522 |     promise.valueOf = function () {
 523 |         if (messages) {
 524 |             return promise;
 525 |         }
 526 |         var nearerValue = nearer(resolvedPromise);
 527 |         if (isPromise(nearerValue)) {
 528 |             resolvedPromise = nearerValue; // shorten chain
 529 |         }
 530 |         return nearerValue;
 531 |     };
 532 | 
 533 |     promise.inspect = function () {
 534 |         if (!resolvedPromise) {
 535 |             return { state: "pending" };
 536 |         }
 537 |         return resolvedPromise.inspect();
 538 |     };
 539 | 
 540 |     if (Q.longStackSupport && hasStacks) {
 541 |         try {
 542 |             throw new Error();
 543 |         } catch (e) {
 544 |             // NOTE: don't try to use `Error.captureStackTrace` or transfer the
 545 |             // accessor around; that causes memory leaks as per GH-111. Just
 546 |             // reify the stack trace as a string ASAP.
 547 |             //
 548 |             // At the same time, cut off the first line; it's always just
 549 |             // "[object Promise]\n", as per the `toString`.
 550 |             promise.stack = e.stack.substring(e.stack.indexOf("\n") + 1);
 551 |         }
 552 |     }
 553 | 
 554 |     // NOTE: we do the checks for `resolvedPromise` in each method, instead of
 555 |     // consolidating them into `become`, since otherwise we'd create new
 556 |     // promises with the lines `become(whatever(value))`. See e.g. GH-252.
 557 | 
 558 |     function become(newPromise) {
 559 |         resolvedPromise = newPromise;
 560 |         promise.source = newPromise;
 561 | 
 562 |         array_reduce(messages, function (undefined, message) {
 563 |             Q.nextTick(function () {
 564 |                 newPromise.promiseDispatch.apply(newPromise, message);
 565 |             });
 566 |         }, void 0);
 567 | 
 568 |         messages = void 0;
 569 |         progressListeners = void 0;
 570 |     }
 571 | 
 572 |     deferred.promise = promise;
 573 |     deferred.resolve = function (value) {
 574 |         if (resolvedPromise) {
 575 |             return;
 576 |         }
 577 | 
 578 |         become(Q(value));
 579 |     };
 580 | 
 581 |     deferred.fulfill = function (value) {
 582 |         if (resolvedPromise) {
 583 |             return;
 584 |         }
 585 | 
 586 |         become(fulfill(value));
 587 |     };
 588 |     deferred.reject = function (reason) {
 589 |         if (resolvedPromise) {
 590 |             return;
 591 |         }
 592 | 
 593 |         become(reject(reason));
 594 |     };
 595 |     deferred.notify = function (progress) {
 596 |         if (resolvedPromise) {
 597 |             return;
 598 |         }
 599 | 
 600 |         array_reduce(progressListeners, function (undefined, progressListener) {
 601 |             Q.nextTick(function () {
 602 |                 progressListener(progress);
 603 |             });
 604 |         }, void 0);
 605 |     };
 606 | 
 607 |     return deferred;
 608 | }
 609 | 
 610 | /**
 611 |  * Creates a Node-style callback that will resolve or reject the deferred
 612 |  * promise.
 613 |  * @returns a nodeback
 614 |  */
 615 | defer.prototype.makeNodeResolver = function () {
 616 |     var self = this;
 617 |     return function (error, value) {
 618 |         if (error) {
 619 |             self.reject(error);
 620 |         } else if (arguments.length > 2) {
 621 |             self.resolve(array_slice(arguments, 1));
 622 |         } else {
 623 |             self.resolve(value);
 624 |         }
 625 |     };
 626 | };
 627 | 
 628 | /**
 629 |  * @param resolver {Function} a function that returns nothing and accepts
 630 |  * the resolve, reject, and notify functions for a deferred.
 631 |  * @returns a promise that may be resolved with the given resolve and reject
 632 |  * functions, or rejected by a thrown exception in resolver
 633 |  */
 634 | Q.Promise = promise; // ES6
 635 | Q.promise = promise;
 636 | function promise(resolver) {
 637 |     if (typeof resolver !== "function") {
 638 |         throw new TypeError("resolver must be a function.");
 639 |     }
 640 |     var deferred = defer();
 641 |     try {
 642 |         resolver(deferred.resolve, deferred.reject, deferred.notify);
 643 |     } catch (reason) {
 644 |         deferred.reject(reason);
 645 |     }
 646 |     return deferred.promise;
 647 | }
 648 | 
 649 | promise.race = race; // ES6
 650 | promise.all = all; // ES6
 651 | promise.reject = reject; // ES6
 652 | promise.resolve = Q; // ES6
 653 | 
 654 | // XXX experimental.  This method is a way to denote that a local value is
 655 | // serializable and should be immediately dispatched to a remote upon request,
 656 | // instead of passing a reference.
 657 | Q.passByCopy = function (object) {
 658 |     //freeze(object);
 659 |     //passByCopies.set(object, true);
 660 |     return object;
 661 | };
 662 | 
 663 | Promise.prototype.passByCopy = function () {
 664 |     //freeze(object);
 665 |     //passByCopies.set(object, true);
 666 |     return this;
 667 | };
 668 | 
 669 | /**
 670 |  * If two promises eventually fulfill to the same value, promises that value,
 671 |  * but otherwise rejects.
 672 |  * @param x {Any*}
 673 |  * @param y {Any*}
 674 |  * @returns {Any*} a promise for x and y if they are the same, but a rejection
 675 |  * otherwise.
 676 |  *
 677 |  */
 678 | Q.join = function (x, y) {
 679 |     return Q(x).join(y);
 680 | };
 681 | 
 682 | Promise.prototype.join = function (that) {
 683 |     return Q([this, that]).spread(function (x, y) {
 684 |         if (x === y) {
 685 |             // TODO: "===" should be Object.is or equiv
 686 |             return x;
 687 |         } else {
 688 |             throw new Error("Can't join: not the same: " + x + " " + y);
 689 |         }
 690 |     });
 691 | };
 692 | 
 693 | /**
 694 |  * Returns a promise for the first of an array of promises to become settled.
 695 |  * @param answers {Array[Any*]} promises to race
 696 |  * @returns {Any*} the first promise to be settled
 697 |  */
 698 | Q.race = race;
 699 | function race(answerPs) {
 700 |     return promise(function(resolve, reject) {
 701 |         // Switch to this once we can assume at least ES5
 702 |         // answerPs.forEach(function(answerP) {
 703 |         //     Q(answerP).then(resolve, reject);
 704 |         // });
 705 |         // Use this in the meantime
 706 |         for (var i = 0, len = answerPs.length; i < len; i++) {
 707 |             Q(answerPs[i]).then(resolve, reject);
 708 |         }
 709 |     });
 710 | }
 711 | 
 712 | Promise.prototype.race = function () {
 713 |     return this.then(Q.race);
 714 | };
 715 | 
 716 | /**
 717 |  * Constructs a Promise with a promise descriptor object and optional fallback
 718 |  * function.  The descriptor contains methods like when(rejected), get(name),
 719 |  * set(name, value), post(name, args), and delete(name), which all
 720 |  * return either a value, a promise for a value, or a rejection.  The fallback
 721 |  * accepts the operation name, a resolver, and any further arguments that would
 722 |  * have been forwarded to the appropriate method above had a method been
 723 |  * provided with the proper name.  The API makes no guarantees about the nature
 724 |  * of the returned object, apart from that it is usable whereever promises are
 725 |  * bought and sold.
 726 |  */
 727 | Q.makePromise = Promise;
 728 | function Promise(descriptor, fallback, inspect) {
 729 |     if (fallback === void 0) {
 730 |         fallback = function (op) {
 731 |             return reject(new Error(
 732 |                 "Promise does not support operation: " + op
 733 |             ));
 734 |         };
 735 |     }
 736 |     if (inspect === void 0) {
 737 |         inspect = function () {
 738 |             return {state: "unknown"};
 739 |         };
 740 |     }
 741 | 
 742 |     var promise = object_create(Promise.prototype);
 743 | 
 744 |     promise.promiseDispatch = function (resolve, op, args) {
 745 |         var result;
 746 |         try {
 747 |             if (descriptor[op]) {
 748 |                 result = descriptor[op].apply(promise, args);
 749 |             } else {
 750 |                 result = fallback.call(promise, op, args);
 751 |             }
 752 |         } catch (exception) {
 753 |             result = reject(exception);
 754 |         }
 755 |         if (resolve) {
 756 |             resolve(result);
 757 |         }
 758 |     };
 759 | 
 760 |     promise.inspect = inspect;
 761 | 
 762 |     // XXX deprecated `valueOf` and `exception` support
 763 |     if (inspect) {
 764 |         var inspected = inspect();
 765 |         if (inspected.state === "rejected") {
 766 |             promise.exception = inspected.reason;
 767 |         }
 768 | 
 769 |         promise.valueOf = function () {
 770 |             var inspected = inspect();
 771 |             if (inspected.state === "pending" ||
 772 |                 inspected.state === "rejected") {
 773 |                 return promise;
 774 |             }
 775 |             return inspected.value;
 776 |         };
 777 |     }
 778 | 
 779 |     return promise;
 780 | }
 781 | 
 782 | Promise.prototype.toString = function () {
 783 |     return "[object Promise]";
 784 | };
 785 | 
 786 | Promise.prototype.then = function (fulfilled, rejected, progressed) {
 787 |     var self = this;
 788 |     var deferred = defer();
 789 |     var done = false;   // ensure the untrusted promise makes at most a
 790 |                         // single call to one of the callbacks
 791 | 
 792 |     function _fulfilled(value) {
 793 |         try {
 794 |             return typeof fulfilled === "function" ? fulfilled(value) : value;
 795 |         } catch (exception) {
 796 |             return reject(exception);
 797 |         }
 798 |     }
 799 | 
 800 |     function _rejected(exception) {
 801 |         if (typeof rejected === "function") {
 802 |             makeStackTraceLong(exception, self);
 803 |             try {
 804 |                 return rejected(exception);
 805 |             } catch (newException) {
 806 |                 return reject(newException);
 807 |             }
 808 |         }
 809 |         return reject(exception);
 810 |     }
 811 | 
 812 |     function _progressed(value) {
 813 |         return typeof progressed === "function" ? progressed(value) : value;
 814 |     }
 815 | 
 816 |     Q.nextTick(function () {
 817 |         self.promiseDispatch(function (value) {
 818 |             if (done) {
 819 |                 return;
 820 |             }
 821 |             done = true;
 822 | 
 823 |             deferred.resolve(_fulfilled(value));
 824 |         }, "when", [function (exception) {
 825 |             if (done) {
 826 |                 return;
 827 |             }
 828 |             done = true;
 829 | 
 830 |             deferred.resolve(_rejected(exception));
 831 |         }]);
 832 |     });
 833 | 
 834 |     // Progress propagator need to be attached in the current tick.
 835 |     self.promiseDispatch(void 0, "when", [void 0, function (value) {
 836 |         var newValue;
 837 |         var threw = false;
 838 |         try {
 839 |             newValue = _progressed(value);
 840 |         } catch (e) {
 841 |             threw = true;
 842 |             if (Q.onerror) {
 843 |                 Q.onerror(e);
 844 |             } else {
 845 |                 throw e;
 846 |             }
 847 |         }
 848 | 
 849 |         if (!threw) {
 850 |             deferred.notify(newValue);
 851 |         }
 852 |     }]);
 853 | 
 854 |     return deferred.promise;
 855 | };
 856 | 
 857 | Q.tap = function (promise, callback) {
 858 |     return Q(promise).tap(callback);
 859 | };
 860 | 
 861 | /**
 862 |  * Works almost like "finally", but not called for rejections.
 863 |  * Original resolution value is passed through callback unaffected.
 864 |  * Callback may return a promise that will be awaited for.
 865 |  * @param {Function} callback
 866 |  * @returns {Q.Promise}
 867 |  * @example
 868 |  * doSomething()
 869 |  *   .then(...)
 870 |  *   .tap(console.log)
 871 |  *   .then(...);
 872 |  */
 873 | Promise.prototype.tap = function (callback) {
 874 |     callback = Q(callback);
 875 | 
 876 |     return this.then(function (value) {
 877 |         return callback.fcall(value).thenResolve(value);
 878 |     });
 879 | };
 880 | 
 881 | /**
 882 |  * Registers an observer on a promise.
 883 |  *
 884 |  * Guarantees:
 885 |  *
 886 |  * 1. that fulfilled and rejected will be called only once.
 887 |  * 2. that either the fulfilled callback or the rejected callback will be
 888 |  *    called, but not both.
 889 |  * 3. that fulfilled and rejected will not be called in this turn.
 890 |  *
 891 |  * @param value      promise or immediate reference to observe
 892 |  * @param fulfilled  function to be called with the fulfilled value
 893 |  * @param rejected   function to be called with the rejection exception
 894 |  * @param progressed function to be called on any progress notifications
 895 |  * @return promise for the return value from the invoked callback
 896 |  */
 897 | Q.when = when;
 898 | function when(value, fulfilled, rejected, progressed) {
 899 |     return Q(value).then(fulfilled, rejected, progressed);
 900 | }
 901 | 
 902 | Promise.prototype.thenResolve = function (value) {
 903 |     return this.then(function () { return value; });
 904 | };
 905 | 
 906 | Q.thenResolve = function (promise, value) {
 907 |     return Q(promise).thenResolve(value);
 908 | };
 909 | 
 910 | Promise.prototype.thenReject = function (reason) {
 911 |     return this.then(function () { throw reason; });
 912 | };
 913 | 
 914 | Q.thenReject = function (promise, reason) {
 915 |     return Q(promise).thenReject(reason);
 916 | };
 917 | 
 918 | /**
 919 |  * If an object is not a promise, it is as "near" as possible.
 920 |  * If a promise is rejected, it is as "near" as possible too.
 921 |  * If it’s a fulfilled promise, the fulfillment value is nearer.
 922 |  * If it’s a deferred promise and the deferred has been resolved, the
 923 |  * resolution is "nearer".
 924 |  * @param object
 925 |  * @returns most resolved (nearest) form of the object
 926 |  */
 927 | 
 928 | // XXX should we re-do this?
 929 | Q.nearer = nearer;
 930 | function nearer(value) {
 931 |     if (isPromise(value)) {
 932 |         var inspected = value.inspect();
 933 |         if (inspected.state === "fulfilled") {
 934 |             return inspected.value;
 935 |         }
 936 |     }
 937 |     return value;
 938 | }
 939 | 
 940 | /**
 941 |  * @returns whether the given object is a promise.
 942 |  * Otherwise it is a fulfilled value.
 943 |  */
 944 | Q.isPromise = isPromise;
 945 | function isPromise(object) {
 946 |     return object instanceof Promise;
 947 | }
 948 | 
 949 | Q.isPromiseAlike = isPromiseAlike;
 950 | function isPromiseAlike(object) {
 951 |     return isObject(object) && typeof object.then === "function";
 952 | }
 953 | 
 954 | /**
 955 |  * @returns whether the given object is a pending promise, meaning not
 956 |  * fulfilled or rejected.
 957 |  */
 958 | Q.isPending = isPending;
 959 | function isPending(object) {
 960 |     return isPromise(object) && object.inspect().state === "pending";
 961 | }
 962 | 
 963 | Promise.prototype.isPending = function () {
 964 |     return this.inspect().state === "pending";
 965 | };
 966 | 
 967 | /**
 968 |  * @returns whether the given object is a value or fulfilled
 969 |  * promise.
 970 |  */
 971 | Q.isFulfilled = isFulfilled;
 972 | function isFulfilled(object) {
 973 |     return !isPromise(object) || object.inspect().state === "fulfilled";
 974 | }
 975 | 
 976 | Promise.prototype.isFulfilled = function () {
 977 |     return this.inspect().state === "fulfilled";
 978 | };
 979 | 
 980 | /**
 981 |  * @returns whether the given object is a rejected promise.
 982 |  */
 983 | Q.isRejected = isRejected;
 984 | function isRejected(object) {
 985 |     return isPromise(object) && object.inspect().state === "rejected";
 986 | }
 987 | 
 988 | Promise.prototype.isRejected = function () {
 989 |     return this.inspect().state === "rejected";
 990 | };
 991 | 
 992 | //// BEGIN UNHANDLED REJECTION TRACKING
 993 | 
 994 | // This promise library consumes exceptions thrown in handlers so they can be
 995 | // handled by a subsequent promise.  The exceptions get added to this array when
 996 | // they are created, and removed when they are handled.  Note that in ES6 or
 997 | // shimmed environments, this would naturally be a `Set`.
 998 | var unhandledReasons = [];
 999 | var unhandledRejections = [];
1000 | var trackUnhandledRejections = true;
1001 | 
1002 | function resetUnhandledRejections() {
1003 |     unhandledReasons.length = 0;
1004 |     unhandledRejections.length = 0;
1005 | 
1006 |     if (!trackUnhandledRejections) {
1007 |         trackUnhandledRejections = true;
1008 |     }
1009 | }
1010 | 
1011 | function trackRejection(promise, reason) {
1012 |     if (!trackUnhandledRejections) {
1013 |         return;
1014 |     }
1015 | 
1016 |     unhandledRejections.push(promise);
1017 |     if (reason && typeof reason.stack !== "undefined") {
1018 |         unhandledReasons.push(reason.stack);
1019 |     } else {
1020 |         unhandledReasons.push("(no stack) " + reason);
1021 |     }
1022 | }
1023 | 
1024 | function untrackRejection(promise) {
1025 |     if (!trackUnhandledRejections) {
1026 |         return;
1027 |     }
1028 | 
1029 |     var at = array_indexOf(unhandledRejections, promise);
1030 |     if (at !== -1) {
1031 |         unhandledRejections.splice(at, 1);
1032 |         unhandledReasons.splice(at, 1);
1033 |     }
1034 | }
1035 | 
1036 | Q.resetUnhandledRejections = resetUnhandledRejections;
1037 | 
1038 | Q.getUnhandledReasons = function () {
1039 |     // Make a copy so that consumers can't interfere with our internal state.
1040 |     return unhandledReasons.slice();
1041 | };
1042 | 
1043 | Q.stopUnhandledRejectionTracking = function () {
1044 |     resetUnhandledRejections();
1045 |     trackUnhandledRejections = false;
1046 | };
1047 | 
1048 | resetUnhandledRejections();
1049 | 
1050 | //// END UNHANDLED REJECTION TRACKING
1051 | 
1052 | /**
1053 |  * Constructs a rejected promise.
1054 |  * @param reason value describing the failure
1055 |  */
1056 | Q.reject = reject;
1057 | function reject(reason) {
1058 |     var rejection = Promise({
1059 |         "when": function (rejected) {
1060 |             // note that the error has been handled
1061 |             if (rejected) {
1062 |                 untrackRejection(this);
1063 |             }
1064 |             return rejected ? rejected(reason) : this;
1065 |         }
1066 |     }, function fallback() {
1067 |         return this;
1068 |     }, function inspect() {
1069 |         return { state: "rejected", reason: reason };
1070 |     });
1071 | 
1072 |     // Note that the reason has not been handled.
1073 |     trackRejection(rejection, reason);
1074 | 
1075 |     return rejection;
1076 | }
1077 | 
1078 | /**
1079 |  * Constructs a fulfilled promise for an immediate reference.
1080 |  * @param value immediate reference
1081 |  */
1082 | Q.fulfill = fulfill;
1083 | function fulfill(value) {
1084 |     return Promise({
1085 |         "when": function () {
1086 |             return value;
1087 |         },
1088 |         "get": function (name) {
1089 |             return value[name];
1090 |         },
1091 |         "set": function (name, rhs) {
1092 |             value[name] = rhs;
1093 |         },
1094 |         "delete": function (name) {
1095 |             delete value[name];
1096 |         },
1097 |         "post": function (name, args) {
1098 |             // Mark Miller proposes that post with no name should apply a
1099 |             // promised function.
1100 |             if (name === null || name === void 0) {
1101 |                 return value.apply(void 0, args);
1102 |             } else {
1103 |                 return value[name].apply(value, args);
1104 |             }
1105 |         },
1106 |         "apply": function (thisp, args) {
1107 |             return value.apply(thisp, args);
1108 |         },
1109 |         "keys": function () {
1110 |             return object_keys(value);
1111 |         }
1112 |     }, void 0, function inspect() {
1113 |         return { state: "fulfilled", value: value };
1114 |     });
1115 | }
1116 | 
1117 | /**
1118 |  * Converts thenables to Q promises.
1119 |  * @param promise thenable promise
1120 |  * @returns a Q promise
1121 |  */
1122 | function coerce(promise) {
1123 |     var deferred = defer();
1124 |     Q.nextTick(function () {
1125 |         try {
1126 |             promise.then(deferred.resolve, deferred.reject, deferred.notify);
1127 |         } catch (exception) {
1128 |             deferred.reject(exception);
1129 |         }
1130 |     });
1131 |     return deferred.promise;
1132 | }
1133 | 
1134 | /**
1135 |  * Annotates an object such that it will never be
1136 |  * transferred away from this process over any promise
1137 |  * communication channel.
1138 |  * @param object
1139 |  * @returns promise a wrapping of that object that
1140 |  * additionally responds to the "isDef" message
1141 |  * without a rejection.
1142 |  */
1143 | Q.master = master;
1144 | function master(object) {
1145 |     return Promise({
1146 |         "isDef": function () {}
1147 |     }, function fallback(op, args) {
1148 |         return dispatch(object, op, args);
1149 |     }, function () {
1150 |         return Q(object).inspect();
1151 |     });
1152 | }
1153 | 
1154 | /**
1155 |  * Spreads the values of a promised array of arguments into the
1156 |  * fulfillment callback.
1157 |  * @param fulfilled callback that receives variadic arguments from the
1158 |  * promised array
1159 |  * @param rejected callback that receives the exception if the promise
1160 |  * is rejected.
1161 |  * @returns a promise for the return value or thrown exception of
1162 |  * either callback.
1163 |  */
1164 | Q.spread = spread;
1165 | function spread(value, fulfilled, rejected) {
1166 |     return Q(value).spread(fulfilled, rejected);
1167 | }
1168 | 
1169 | Promise.prototype.spread = function (fulfilled, rejected) {
1170 |     return this.all().then(function (array) {
1171 |         return fulfilled.apply(void 0, array);
1172 |     }, rejected);
1173 | };
1174 | 
1175 | /**
1176 |  * The async function is a decorator for generator functions, turning
1177 |  * them into asynchronous generators.  Although generators are only part
1178 |  * of the newest ECMAScript 6 drafts, this code does not cause syntax
1179 |  * errors in older engines.  This code should continue to work and will
1180 |  * in fact improve over time as the language improves.
1181 |  *
1182 |  * ES6 generators are currently part of V8 version 3.19 with the
1183 |  * --harmony-generators runtime flag enabled.  SpiderMonkey has had them
1184 |  * for longer, but under an older Python-inspired form.  This function
1185 |  * works on both kinds of generators.
1186 |  *
1187 |  * Decorates a generator function such that:
1188 |  *  - it may yield promises
1189 |  *  - execution will continue when that promise is fulfilled
1190 |  *  - the value of the yield expression will be the fulfilled value
1191 |  *  - it returns a promise for the return value (when the generator
1192 |  *    stops iterating)
1193 |  *  - the decorated function returns a promise for the return value
1194 |  *    of the generator or the first rejected promise among those
1195 |  *    yielded.
1196 |  *  - if an error is thrown in the generator, it propagates through
1197 |  *    every following yield until it is caught, or until it escapes
1198 |  *    the generator function altogether, and is translated into a
1199 |  *    rejection for the promise returned by the decorated generator.
1200 |  */
1201 | Q.async = async;
1202 | function async(makeGenerator) {
1203 |     return function () {
1204 |         // when verb is "send", arg is a value
1205 |         // when verb is "throw", arg is an exception
1206 |         function continuer(verb, arg) {
1207 |             var result;
1208 | 
1209 |             // Until V8 3.19 / Chromium 29 is released, SpiderMonkey is the only
1210 |             // engine that has a deployed base of browsers that support generators.
1211 |             // However, SM's generators use the Python-inspired semantics of
1212 |             // outdated ES6 drafts.  We would like to support ES6, but we'd also
1213 |             // like to make it possible to use generators in deployed browsers, so
1214 |             // we also support Python-style generators.  At some point we can remove
1215 |             // this block.
1216 | 
1217 |             if (typeof StopIteration === "undefined") {
1218 |                 // ES6 Generators
1219 |                 try {
1220 |                     result = generator[verb](arg);
1221 |                 } catch (exception) {
1222 |                     return reject(exception);
1223 |                 }
1224 |                 if (result.done) {
1225 |                     return Q(result.value);
1226 |                 } else {
1227 |                     return when(result.value, callback, errback);
1228 |                 }
1229 |             } else {
1230 |                 // SpiderMonkey Generators
1231 |                 // FIXME: Remove this case when SM does ES6 generators.
1232 |                 try {
1233 |                     result = generator[verb](arg);
1234 |                 } catch (exception) {
1235 |                     if (isStopIteration(exception)) {
1236 |                         return Q(exception.value);
1237 |                     } else {
1238 |                         return reject(exception);
1239 |                     }
1240 |                 }
1241 |                 return when(result, callback, errback);
1242 |             }
1243 |         }
1244 |         var generator = makeGenerator.apply(this, arguments);
1245 |         var callback = continuer.bind(continuer, "next");
1246 |         var errback = continuer.bind(continuer, "throw");
1247 |         return callback();
1248 |     };
1249 | }
1250 | 
1251 | /**
1252 |  * The spawn function is a small wrapper around async that immediately
1253 |  * calls the generator and also ends the promise chain, so that any
1254 |  * unhandled errors are thrown instead of forwarded to the error
1255 |  * handler. This is useful because it's extremely common to run
1256 |  * generators at the top-level to work with libraries.
1257 |  */
1258 | Q.spawn = spawn;
1259 | function spawn(makeGenerator) {
1260 |     Q.done(Q.async(makeGenerator)());
1261 | }
1262 | 
1263 | // FIXME: Remove this interface once ES6 generators are in SpiderMonkey.
1264 | /**
1265 |  * Throws a ReturnValue exception to stop an asynchronous generator.
1266 |  *
1267 |  * This interface is a stop-gap measure to support generator return
1268 |  * values in older Firefox/SpiderMonkey.  In browsers that support ES6
1269 |  * generators like Chromium 29, just use "return" in your generator
1270 |  * functions.
1271 |  *
1272 |  * @param value the return value for the surrounding generator
1273 |  * @throws ReturnValue exception with the value.
1274 |  * @example
1275 |  * // ES6 style
1276 |  * Q.async(function* () {
1277 |  *      var foo = yield getFooPromise();
1278 |  *      var bar = yield getBarPromise();
1279 |  *      return foo + bar;
1280 |  * })
1281 |  * // Older SpiderMonkey style
1282 |  * Q.async(function () {
1283 |  *      var foo = yield getFooPromise();
1284 |  *      var bar = yield getBarPromise();
1285 |  *      Q.return(foo + bar);
1286 |  * })
1287 |  */
1288 | Q["return"] = _return;
1289 | function _return(value) {
1290 |     throw new QReturnValue(value);
1291 | }
1292 | 
1293 | /**
1294 |  * The promised function decorator ensures that any promise arguments
1295 |  * are settled and passed as values (`this` is also settled and passed
1296 |  * as a value).  It will also ensure that the result of a function is
1297 |  * always a promise.
1298 |  *
1299 |  * @example
1300 |  * var add = Q.promised(function (a, b) {
1301 |  *     return a + b;
1302 |  * });
1303 |  * add(Q(a), Q(B));
1304 |  *
1305 |  * @param {function} callback The function to decorate
1306 |  * @returns {function} a function that has been decorated.
1307 |  */
1308 | Q.promised = promised;
1309 | function promised(callback) {
1310 |     return function () {
1311 |         return spread([this, all(arguments)], function (self, args) {
1312 |             return callback.apply(self, args);
1313 |         });
1314 |     };
1315 | }
1316 | 
1317 | /**
1318 |  * sends a message to a value in a future turn
1319 |  * @param object* the recipient
1320 |  * @param op the name of the message operation, e.g., "when",
1321 |  * @param args further arguments to be forwarded to the operation
1322 |  * @returns result {Promise} a promise for the result of the operation
1323 |  */
1324 | Q.dispatch = dispatch;
1325 | function dispatch(object, op, args) {
1326 |     return Q(object).dispatch(op, args);
1327 | }
1328 | 
1329 | Promise.prototype.dispatch = function (op, args) {
1330 |     var self = this;
1331 |     var deferred = defer();
1332 |     Q.nextTick(function () {
1333 |         self.promiseDispatch(deferred.resolve, op, args);
1334 |     });
1335 |     return deferred.promise;
1336 | };
1337 | 
1338 | /**
1339 |  * Gets the value of a property in a future turn.
1340 |  * @param object    promise or immediate reference for target object
1341 |  * @param name      name of property to get
1342 |  * @return promise for the property value
1343 |  */
1344 | Q.get = function (object, key) {
1345 |     return Q(object).dispatch("get", [key]);
1346 | };
1347 | 
1348 | Promise.prototype.get = function (key) {
1349 |     return this.dispatch("get", [key]);
1350 | };
1351 | 
1352 | /**
1353 |  * Sets the value of a property in a future turn.
1354 |  * @param object    promise or immediate reference for object object
1355 |  * @param name      name of property to set
1356 |  * @param value     new value of property
1357 |  * @return promise for the return value
1358 |  */
1359 | Q.set = function (object, key, value) {
1360 |     return Q(object).dispatch("set", [key, value]);
1361 | };
1362 | 
1363 | Promise.prototype.set = function (key, value) {
1364 |     return this.dispatch("set", [key, value]);
1365 | };
1366 | 
1367 | /**
1368 |  * Deletes a property in a future turn.
1369 |  * @param object    promise or immediate reference for target object
1370 |  * @param name      name of property to delete
1371 |  * @return promise for the return value
1372 |  */
1373 | Q.del = // XXX legacy
1374 | Q["delete"] = function (object, key) {
1375 |     return Q(object).dispatch("delete", [key]);
1376 | };
1377 | 
1378 | Promise.prototype.del = // XXX legacy
1379 | Promise.prototype["delete"] = function (key) {
1380 |     return this.dispatch("delete", [key]);
1381 | };
1382 | 
1383 | /**
1384 |  * Invokes a method in a future turn.
1385 |  * @param object    promise or immediate reference for target object
1386 |  * @param name      name of method to invoke
1387 |  * @param value     a value to post, typically an array of
1388 |  *                  invocation arguments for promises that
1389 |  *                  are ultimately backed with `resolve` values,
1390 |  *                  as opposed to those backed with URLs
1391 |  *                  wherein the posted value can be any
1392 |  *                  JSON serializable object.
1393 |  * @return promise for the return value
1394 |  */
1395 | // bound locally because it is used by other methods
1396 | Q.mapply = // XXX As proposed by "Redsandro"
1397 | Q.post = function (object, name, args) {
1398 |     return Q(object).dispatch("post", [name, args]);
1399 | };
1400 | 
1401 | Promise.prototype.mapply = // XXX As proposed by "Redsandro"
1402 | Promise.prototype.post = function (name, args) {
1403 |     return this.dispatch("post", [name, args]);
1404 | };
1405 | 
1406 | /**
1407 |  * Invokes a method in a future turn.
1408 |  * @param object    promise or immediate reference for target object
1409 |  * @param name      name of method to invoke
1410 |  * @param ...args   array of invocation arguments
1411 |  * @return promise for the return value
1412 |  */
1413 | Q.send = // XXX Mark Miller's proposed parlance
1414 | Q.mcall = // XXX As proposed by "Redsandro"
1415 | Q.invoke = function (object, name /*...args*/) {
1416 |     return Q(object).dispatch("post", [name, array_slice(arguments, 2)]);
1417 | };
1418 | 
1419 | Promise.prototype.send = // XXX Mark Miller's proposed parlance
1420 | Promise.prototype.mcall = // XXX As proposed by "Redsandro"
1421 | Promise.prototype.invoke = function (name /*...args*/) {
1422 |     return this.dispatch("post", [name, array_slice(arguments, 1)]);
1423 | };
1424 | 
1425 | /**
1426 |  * Applies the promised function in a future turn.
1427 |  * @param object    promise or immediate reference for target function
1428 |  * @param args      array of application arguments
1429 |  */
1430 | Q.fapply = function (object, args) {
1431 |     return Q(object).dispatch("apply", [void 0, args]);
1432 | };
1433 | 
1434 | Promise.prototype.fapply = function (args) {
1435 |     return this.dispatch("apply", [void 0, args]);
1436 | };
1437 | 
1438 | /**
1439 |  * Calls the promised function in a future turn.
1440 |  * @param object    promise or immediate reference for target function
1441 |  * @param ...args   array of application arguments
1442 |  */
1443 | Q["try"] =
1444 | Q.fcall = function (object /* ...args*/) {
1445 |     return Q(object).dispatch("apply", [void 0, array_slice(arguments, 1)]);
1446 | };
1447 | 
1448 | Promise.prototype.fcall = function (/*...args*/) {
1449 |     return this.dispatch("apply", [void 0, array_slice(arguments)]);
1450 | };
1451 | 
1452 | /**
1453 |  * Binds the promised function, transforming return values into a fulfilled
1454 |  * promise and thrown errors into a rejected one.
1455 |  * @param object    promise or immediate reference for target function
1456 |  * @param ...args   array of application arguments
1457 |  */
1458 | Q.fbind = function (object /*...args*/) {
1459 |     var promise = Q(object);
1460 |     var args = array_slice(arguments, 1);
1461 |     return function fbound() {
1462 |         return promise.dispatch("apply", [
1463 |             this,
1464 |             args.concat(array_slice(arguments))
1465 |         ]);
1466 |     };
1467 | };
1468 | Promise.prototype.fbind = function (/*...args*/) {
1469 |     var promise = this;
1470 |     var args = array_slice(arguments);
1471 |     return function fbound() {
1472 |         return promise.dispatch("apply", [
1473 |             this,
1474 |             args.concat(array_slice(arguments))
1475 |         ]);
1476 |     };
1477 | };
1478 | 
1479 | /**
1480 |  * Requests the names of the owned properties of a promised
1481 |  * object in a future turn.
1482 |  * @param object    promise or immediate reference for target object
1483 |  * @return promise for the keys of the eventually settled object
1484 |  */
1485 | Q.keys = function (object) {
1486 |     return Q(object).dispatch("keys", []);
1487 | };
1488 | 
1489 | Promise.prototype.keys = function () {
1490 |     return this.dispatch("keys", []);
1491 | };
1492 | 
1493 | /**
1494 |  * Turns an array of promises into a promise for an array.  If any of
1495 |  * the promises gets rejected, the whole array is rejected immediately.
1496 |  * @param {Array*} an array (or promise for an array) of values (or
1497 |  * promises for values)
1498 |  * @returns a promise for an array of the corresponding values
1499 |  */
1500 | // By Mark Miller
1501 | // http://wiki.ecmascript.org/doku.php?id=strawman:concurrency&rev=1308776521#allfulfilled
1502 | Q.all = all;
1503 | function all(promises) {
1504 |     return when(promises, function (promises) {
1505 |         var pendingCount = 0;
1506 |         var deferred = defer();
1507 |         array_reduce(promises, function (undefined, promise, index) {
1508 |             var snapshot;
1509 |             if (
1510 |                 isPromise(promise) &&
1511 |                 (snapshot = promise.inspect()).state === "fulfilled"
1512 |             ) {
1513 |                 promises[index] = snapshot.value;
1514 |             } else {
1515 |                 ++pendingCount;
1516 |                 when(
1517 |                     promise,
1518 |                     function (value) {
1519 |                         promises[index] = value;
1520 |                         if (--pendingCount === 0) {
1521 |                             deferred.resolve(promises);
1522 |                         }
1523 |                     },
1524 |                     deferred.reject,
1525 |                     function (progress) {
1526 |                         deferred.notify({ index: index, value: progress });
1527 |                     }
1528 |                 );
1529 |             }
1530 |         }, void 0);
1531 |         if (pendingCount === 0) {
1532 |             deferred.resolve(promises);
1533 |         }
1534 |         return deferred.promise;
1535 |     });
1536 | }
1537 | 
1538 | Promise.prototype.all = function () {
1539 |     return all(this);
1540 | };
1541 | 
1542 | /**
1543 |  * Returns the first resolved promise of an array. Prior rejected promises are
1544 |  * ignored.  Rejects only if all promises are rejected.
1545 |  * @param {Array*} an array containing values or promises for values
1546 |  * @returns a promise fulfilled with the value of the first resolved promise,
1547 |  * or a rejected promise if all promises are rejected.
1548 |  */
1549 | Q.any = any;
1550 | 
1551 | function any(promises) {
1552 |     if (promises.length === 0) {
1553 |         return Q.resolve();
1554 |     }
1555 | 
1556 |     var deferred = Q.defer();
1557 |     var pendingCount = 0;
1558 |     array_reduce(promises, function(prev, current, index) {
1559 |         var promise = promises[index];
1560 | 
1561 |         pendingCount++;
1562 | 
1563 |         when(promise, onFulfilled, onRejected, onProgress);
1564 |         function onFulfilled(result) {
1565 |             deferred.resolve(result);
1566 |         }
1567 |         function onRejected() {
1568 |             pendingCount--;
1569 |             if (pendingCount === 0) {
1570 |                 deferred.reject(new Error(
1571 |                     "Can't get fulfillment value from any promise, all " +
1572 |                     "promises were rejected."
1573 |                 ));
1574 |             }
1575 |         }
1576 |         function onProgress(progress) {
1577 |             deferred.notify({
1578 |                 index: index,
1579 |                 value: progress
1580 |             });
1581 |         }
1582 |     }, undefined);
1583 | 
1584 |     return deferred.promise;
1585 | }
1586 | 
1587 | Promise.prototype.any = function() {
1588 |     return any(this);
1589 | };
1590 | 
1591 | /**
1592 |  * Waits for all promises to be settled, either fulfilled or
1593 |  * rejected.  This is distinct from `all` since that would stop
1594 |  * waiting at the first rejection.  The promise returned by
1595 |  * `allResolved` will never be rejected.
1596 |  * @param promises a promise for an array (or an array) of promises
1597 |  * (or values)
1598 |  * @return a promise for an array of promises
1599 |  */
1600 | Q.allResolved = deprecate(allResolved, "allResolved", "allSettled");
1601 | function allResolved(promises) {
1602 |     return when(promises, function (promises) {
1603 |         promises = array_map(promises, Q);
1604 |         return when(all(array_map(promises, function (promise) {
1605 |             return when(promise, noop, noop);
1606 |         })), function () {
1607 |             return promises;
1608 |         });
1609 |     });
1610 | }
1611 | 
1612 | Promise.prototype.allResolved = function () {
1613 |     return allResolved(this);
1614 | };
1615 | 
1616 | /**
1617 |  * @see Promise#allSettled
1618 |  */
1619 | Q.allSettled = allSettled;
1620 | function allSettled(promises) {
1621 |     return Q(promises).allSettled();
1622 | }
1623 | 
1624 | /**
1625 |  * Turns an array of promises into a promise for an array of their states (as
1626 |  * returned by `inspect`) when they have all settled.
1627 |  * @param {Array[Any*]} values an array (or promise for an array) of values (or
1628 |  * promises for values)
1629 |  * @returns {Array[State]} an array of states for the respective values.
1630 |  */
1631 | Promise.prototype.allSettled = function () {
1632 |     return this.then(function (promises) {
1633 |         return all(array_map(promises, function (promise) {
1634 |             promise = Q(promise);
1635 |             function regardless() {
1636 |                 return promise.inspect();
1637 |             }
1638 |             return promise.then(regardless, regardless);
1639 |         }));
1640 |     });
1641 | };
1642 | 
1643 | /**
1644 |  * Captures the failure of a promise, giving an oportunity to recover
1645 |  * with a callback.  If the given promise is fulfilled, the returned
1646 |  * promise is fulfilled.
1647 |  * @param {Any*} promise for something
1648 |  * @param {Function} callback to fulfill the returned promise if the
1649 |  * given promise is rejected
1650 |  * @returns a promise for the return value of the callback
1651 |  */
1652 | Q.fail = // XXX legacy
1653 | Q["catch"] = function (object, rejected) {
1654 |     return Q(object).then(void 0, rejected);
1655 | };
1656 | 
1657 | Promise.prototype.fail = // XXX legacy
1658 | Promise.prototype["catch"] = function (rejected) {
1659 |     return this.then(void 0, rejected);
1660 | };
1661 | 
1662 | /**
1663 |  * Attaches a listener that can respond to progress notifications from a
1664 |  * promise's originating deferred. This listener receives the exact arguments
1665 |  * passed to ``deferred.notify``.
1666 |  * @param {Any*} promise for something
1667 |  * @param {Function} callback to receive any progress notifications
1668 |  * @returns the given promise, unchanged
1669 |  */
1670 | Q.progress = progress;
1671 | function progress(object, progressed) {
1672 |     return Q(object).then(void 0, void 0, progressed);
1673 | }
1674 | 
1675 | Promise.prototype.progress = function (progressed) {
1676 |     return this.then(void 0, void 0, progressed);
1677 | };
1678 | 
1679 | /**
1680 |  * Provides an opportunity to observe the settling of a promise,
1681 |  * regardless of whether the promise is fulfilled or rejected.  Forwards
1682 |  * the resolution to the returned promise when the callback is done.
1683 |  * The callback can return a promise to defer completion.
1684 |  * @param {Any*} promise
1685 |  * @param {Function} callback to observe the resolution of the given
1686 |  * promise, takes no arguments.
1687 |  * @returns a promise for the resolution of the given promise when
1688 |  * ``fin`` is done.
1689 |  */
1690 | Q.fin = // XXX legacy
1691 | Q["finally"] = function (object, callback) {
1692 |     return Q(object)["finally"](callback);
1693 | };
1694 | 
1695 | Promise.prototype.fin = // XXX legacy
1696 | Promise.prototype["finally"] = function (callback) {
1697 |     callback = Q(callback);
1698 |     return this.then(function (value) {
1699 |         return callback.fcall().then(function () {
1700 |             return value;
1701 |         });
1702 |     }, function (reason) {
1703 |         // TODO attempt to recycle the rejection with "this".
1704 |         return callback.fcall().then(function () {
1705 |             throw reason;
1706 |         });
1707 |     });
1708 | };
1709 | 
1710 | /**
1711 |  * Terminates a chain of promises, forcing rejections to be
1712 |  * thrown as exceptions.
1713 |  * @param {Any*} promise at the end of a chain of promises
1714 |  * @returns nothing
1715 |  */
1716 | Q.done = function (object, fulfilled, rejected, progress) {
1717 |     return Q(object).done(fulfilled, rejected, progress);
1718 | };
1719 | 
1720 | Promise.prototype.done = function (fulfilled, rejected, progress) {
1721 |     var onUnhandledError = function (error) {
1722 |         // forward to a future turn so that ``when``
1723 |         // does not catch it and turn it into a rejection.
1724 |         Q.nextTick(function () {
1725 |             makeStackTraceLong(error, promise);
1726 |             if (Q.onerror) {
1727 |                 Q.onerror(error);
1728 |             } else {
1729 |                 throw error;
1730 |             }
1731 |         });
1732 |     };
1733 | 
1734 |     // Avoid unnecessary `nextTick`ing via an unnecessary `when`.
1735 |     var promise = fulfilled || rejected || progress ?
1736 |         this.then(fulfilled, rejected, progress) :
1737 |         this;
1738 | 
1739 |     if (typeof process === "object" && process && process.domain) {
1740 |         onUnhandledError = process.domain.bind(onUnhandledError);
1741 |     }
1742 | 
1743 |     promise.then(void 0, onUnhandledError);
1744 | };
1745 | 
1746 | /**
1747 |  * Causes a promise to be rejected if it does not get fulfilled before
1748 |  * some milliseconds time out.
1749 |  * @param {Any*} promise
1750 |  * @param {Number} milliseconds timeout
1751 |  * @param {Any*} custom error message or Error object (optional)
1752 |  * @returns a promise for the resolution of the given promise if it is
1753 |  * fulfilled before the timeout, otherwise rejected.
1754 |  */
1755 | Q.timeout = function (object, ms, error) {
1756 |     return Q(object).timeout(ms, error);
1757 | };
1758 | 
1759 | Promise.prototype.timeout = function (ms, error) {
1760 |     var deferred = defer();
1761 |     var timeoutId = setTimeout(function () {
1762 |         if (!error || "string" === typeof error) {
1763 |             error = new Error(error || "Timed out after " + ms + " ms");
1764 |             error.code = "ETIMEDOUT";
1765 |         }
1766 |         deferred.reject(error);
1767 |     }, ms);
1768 | 
1769 |     this.then(function (value) {
1770 |         clearTimeout(timeoutId);
1771 |         deferred.resolve(value);
1772 |     }, function (exception) {
1773 |         clearTimeout(timeoutId);
1774 |         deferred.reject(exception);
1775 |     }, deferred.notify);
1776 | 
1777 |     return deferred.promise;
1778 | };
1779 | 
1780 | /**
1781 |  * Returns a promise for the given value (or promised value), some
1782 |  * milliseconds after it resolved. Passes rejections immediately.
1783 |  * @param {Any*} promise
1784 |  * @param {Number} milliseconds
1785 |  * @returns a promise for the resolution of the given promise after milliseconds
1786 |  * time has elapsed since the resolution of the given promise.
1787 |  * If the given promise rejects, that is passed immediately.
1788 |  */
1789 | Q.delay = function (object, timeout) {
1790 |     if (timeout === void 0) {
1791 |         timeout = object;
1792 |         object = void 0;
1793 |     }
1794 |     return Q(object).delay(timeout);
1795 | };
1796 | 
1797 | Promise.prototype.delay = function (timeout) {
1798 |     return this.then(function (value) {
1799 |         var deferred = defer();
1800 |         setTimeout(function () {
1801 |             deferred.resolve(value);
1802 |         }, timeout);
1803 |         return deferred.promise;
1804 |     });
1805 | };
1806 | 
1807 | /**
1808 |  * Passes a continuation to a Node function, which is called with the given
1809 |  * arguments provided as an array, and returns a promise.
1810 |  *
1811 |  *      Q.nfapply(FS.readFile, [__filename])
1812 |  *      .then(function (content) {
1813 |  *      })
1814 |  *
1815 |  */
1816 | Q.nfapply = function (callback, args) {
1817 |     return Q(callback).nfapply(args);
1818 | };
1819 | 
1820 | Promise.prototype.nfapply = function (args) {
1821 |     var deferred = defer();
1822 |     var nodeArgs = array_slice(args);
1823 |     nodeArgs.push(deferred.makeNodeResolver());
1824 |     this.fapply(nodeArgs).fail(deferred.reject);
1825 |     return deferred.promise;
1826 | };
1827 | 
1828 | /**
1829 |  * Passes a continuation to a Node function, which is called with the given
1830 |  * arguments provided individually, and returns a promise.
1831 |  * @example
1832 |  * Q.nfcall(FS.readFile, __filename)
1833 |  * .then(function (content) {
1834 |  * })
1835 |  *
1836 |  */
1837 | Q.nfcall = function (callback /*...args*/) {
1838 |     var args = array_slice(arguments, 1);
1839 |     return Q(callback).nfapply(args);
1840 | };
1841 | 
1842 | Promise.prototype.nfcall = function (/*...args*/) {
1843 |     var nodeArgs = array_slice(arguments);
1844 |     var deferred = defer();
1845 |     nodeArgs.push(deferred.makeNodeResolver());
1846 |     this.fapply(nodeArgs).fail(deferred.reject);
1847 |     return deferred.promise;
1848 | };
1849 | 
1850 | /**
1851 |  * Wraps a NodeJS continuation passing function and returns an equivalent
1852 |  * version that returns a promise.
1853 |  * @example
1854 |  * Q.nfbind(FS.readFile, __filename)("utf-8")
1855 |  * .then(console.log)
1856 |  * .done()
1857 |  */
1858 | Q.nfbind =
1859 | Q.denodeify = function (callback /*...args*/) {
1860 |     var baseArgs = array_slice(arguments, 1);
1861 |     return function () {
1862 |         var nodeArgs = baseArgs.concat(array_slice(arguments));
1863 |         var deferred = defer();
1864 |         nodeArgs.push(deferred.makeNodeResolver());
1865 |         Q(callback).fapply(nodeArgs).fail(deferred.reject);
1866 |         return deferred.promise;
1867 |     };
1868 | };
1869 | 
1870 | Promise.prototype.nfbind =
1871 | Promise.prototype.denodeify = function (/*...args*/) {
1872 |     var args = array_slice(arguments);
1873 |     args.unshift(this);
1874 |     return Q.denodeify.apply(void 0, args);
1875 | };
1876 | 
1877 | Q.nbind = function (callback, thisp /*...args*/) {
1878 |     var baseArgs = array_slice(arguments, 2);
1879 |     return function () {
1880 |         var nodeArgs = baseArgs.concat(array_slice(arguments));
1881 |         var deferred = defer();
1882 |         nodeArgs.push(deferred.makeNodeResolver());
1883 |         function bound() {
1884 |             return callback.apply(thisp, arguments);
1885 |         }
1886 |         Q(bound).fapply(nodeArgs).fail(deferred.reject);
1887 |         return deferred.promise;
1888 |     };
1889 | };
1890 | 
1891 | Promise.prototype.nbind = function (/*thisp, ...args*/) {
1892 |     var args = array_slice(arguments, 0);
1893 |     args.unshift(this);
1894 |     return Q.nbind.apply(void 0, args);
1895 | };
1896 | 
1897 | /**
1898 |  * Calls a method of a Node-style object that accepts a Node-style
1899 |  * callback with a given array of arguments, plus a provided callback.
1900 |  * @param object an object that has the named method
1901 |  * @param {String} name name of the method of object
1902 |  * @param {Array} args arguments to pass to the method; the callback
1903 |  * will be provided by Q and appended to these arguments.
1904 |  * @returns a promise for the value or error
1905 |  */
1906 | Q.nmapply = // XXX As proposed by "Redsandro"
1907 | Q.npost = function (object, name, args) {
1908 |     return Q(object).npost(name, args);
1909 | };
1910 | 
1911 | Promise.prototype.nmapply = // XXX As proposed by "Redsandro"
1912 | Promise.prototype.npost = function (name, args) {
1913 |     var nodeArgs = array_slice(args || []);
1914 |     var deferred = defer();
1915 |     nodeArgs.push(deferred.makeNodeResolver());
1916 |     this.dispatch("post", [name, nodeArgs]).fail(deferred.reject);
1917 |     return deferred.promise;
1918 | };
1919 | 
1920 | /**
1921 |  * Calls a method of a Node-style object that accepts a Node-style
1922 |  * callback, forwarding the given variadic arguments, plus a provided
1923 |  * callback argument.
1924 |  * @param object an object that has the named method
1925 |  * @param {String} name name of the method of object
1926 |  * @param ...args arguments to pass to the method; the callback will
1927 |  * be provided by Q and appended to these arguments.
1928 |  * @returns a promise for the value or error
1929 |  */
1930 | Q.nsend = // XXX Based on Mark Miller's proposed "send"
1931 | Q.nmcall = // XXX Based on "Redsandro's" proposal
1932 | Q.ninvoke = function (object, name /*...args*/) {
1933 |     var nodeArgs = array_slice(arguments, 2);
1934 |     var deferred = defer();
1935 |     nodeArgs.push(deferred.makeNodeResolver());
1936 |     Q(object).dispatch("post", [name, nodeArgs]).fail(deferred.reject);
1937 |     return deferred.promise;
1938 | };
1939 | 
1940 | Promise.prototype.nsend = // XXX Based on Mark Miller's proposed "send"
1941 | Promise.prototype.nmcall = // XXX Based on "Redsandro's" proposal
1942 | Promise.prototype.ninvoke = function (name /*...args*/) {
1943 |     var nodeArgs = array_slice(arguments, 1);
1944 |     var deferred = defer();
1945 |     nodeArgs.push(deferred.makeNodeResolver());
1946 |     this.dispatch("post", [name, nodeArgs]).fail(deferred.reject);
1947 |     return deferred.promise;
1948 | };
1949 | 
1950 | /**
1951 |  * If a function would like to support both Node continuation-passing-style and
1952 |  * promise-returning-style, it can end its internal promise chain with
1953 |  * `nodeify(nodeback)`, forwarding the optional nodeback argument.  If the user
1954 |  * elects to use a nodeback, the result will be sent there.  If they do not
1955 |  * pass a nodeback, they will receive the result promise.
1956 |  * @param object a result (or a promise for a result)
1957 |  * @param {Function} nodeback a Node.js-style callback
1958 |  * @returns either the promise or nothing
1959 |  */
1960 | Q.nodeify = nodeify;
1961 | function nodeify(object, nodeback) {
1962 |     return Q(object).nodeify(nodeback);
1963 | }
1964 | 
1965 | Promise.prototype.nodeify = function (nodeback) {
1966 |     if (nodeback) {
1967 |         this.then(function (value) {
1968 |             Q.nextTick(function () {
1969 |                 nodeback(null, value);
1970 |             });
1971 |         }, function (error) {
1972 |             Q.nextTick(function () {
1973 |                 nodeback(error);
1974 |             });
1975 |         });
1976 |     } else {
1977 |         return this;
1978 |     }
1979 | };
1980 | 
1981 | // All code before this point will be filtered from stack traces.
1982 | var qEndingLine = captureLine();
1983 | 
1984 | return Q;
1985 | 
1986 | });
1987 | 


--------------------------------------------------------------------------------
/assets/style.css:
--------------------------------------------------------------------------------
  1 | body {
  2 |   margin: 0;
  3 |   padding: 0;
  4 |   font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
  5 |   user-select: none;
  6 | }
  7 | .hide {
  8 |   display: none;
  9 | }
 10 | #player {
 11 |   margin-top: 10px;
 12 |   height: 10px;
 13 | }
 14 | /* UI component */
 15 | .button {
 16 |   display: inline-block;
 17 |   width: auto !important;
 18 |   padding: 5px 10px;
 19 |   font-size: 1em;
 20 |   line-height: 1;
 21 |   color: #666;
 22 |   border: 1px solid #f0f0f0;
 23 |   background: #f0f0f0;
 24 |   outline: 0;
 25 |   -webkit-transition: background 0.3s ease-out, border-color 0.3s ease-out, transform 0.2s;
 26 |   -moz-transition: background 0.3s ease-out, border-color 0.3s ease-out, transform 0.2s;
 27 |   -ms-transition: background 0.3s ease-out, border-color 0.3s ease-out, transform 0.2s;
 28 |   -o-transition: background 0.3s ease-out, border-color 0.3s ease-out, transform 0.2s;
 29 |   transition: background 0.3s ease-out, border-color 0.3s ease-out, transform 0.2s;
 30 |   -webkit-border-radius: 2px;
 31 |   -moz-border-radius: 2px;
 32 |   border-radius: 2px;
 33 | }
 34 | .button:hover {
 35 |   background: #ddd;
 36 |   border-color: #ddd;
 37 | }
 38 | .button:active {
 39 |   -webkit-transform: scale(1.05);
 40 |   -moz-transform: scale(1.05);
 41 |   -ms-transform: scale(1.05);
 42 |   -o-transform: scale(1.05);
 43 |   transform: scale(1.05);
 44 | }
 45 | .button.primary {
 46 |   background: #00a6e8;
 47 |   color: #fff;
 48 | }
 49 | .button.primary:hover {
 50 |   background: #05b8ff;
 51 | }
 52 | audio {
 53 |   display: none;
 54 | }
 55 | progress::-webkit-progress-value {
 56 |   background: #ddd;
 57 |   height: 10px;
 58 |   border-radius: 5px;
 59 | }
 60 | progress::-webkit-progress-bar {
 61 |   background: transparent;
 62 |   height: 10px;
 63 |   border-radius: 5px;
 64 | }
 65 | progress {
 66 |   -webkit-appearance: none;
 67 |   border-radius: 5px;
 68 |   overflow: hidden;
 69 |   height: 10px;
 70 |   width: 100%;
 71 |   display: block;
 72 |   margin: 0;
 73 |   padding: 0;
 74 | }
 75 | progress.player-progress-played {
 76 |   z-index: 999;
 77 |   width: 99%;
 78 |   padding: 0 0.5%;
 79 | }
 80 | progress.player-progress-buffer {
 81 |   z-index: 998;
 82 |   width: 99%;
 83 |   padding: 0 0.5%;
 84 | }
 85 | progress.player-progress-buffer::-webkit-progress-bar {
 86 |   background-color: #fff;
 87 | }
 88 | progress.player-progress-played::-webkit-progress-value {
 89 |   background: #ff4e5f;
 90 |   height: 10px;
 91 |   border-radius: 5px 0 0 5px;
 92 | }
 93 | input[data-player="seek"] {
 94 |   display: block;
 95 |   width: 100%;
 96 |   -webkit-appearance: none;
 97 |   background: transparent;
 98 |   border-radius: 5px;
 99 |   height: 10px;
100 |   margin: 0;
101 |   outline: none;
102 | }
103 | input[data-player="volume"] {
104 |   position: absolute;
105 |   bottom: 40px;
106 |   right: 20px;
107 |   width: 30px;
108 |   -webkit-appearance: none;
109 |   background-color: #eee;
110 |   background-image: -moz-linear-gradient(#ff4e5f, #ff4e5f);
111 |   background-image: -webkit-linear-gradient(#ff4e5f, #ff4e5f);
112 |   background-image: linear-gradient(#ff4e5f, #ff4e5f);
113 |   background-size: 0 100%;
114 |   background-repeat: no-repeat;
115 |   border-radius: 5px;
116 |   height: 5px;
117 |   margin: 0;
118 |   outline: none;
119 |   transform: rotate(-90deg);
120 | }
121 | input[type="range"]::-webkit-slider-thumb {
122 |   -webkit-appearance: none;
123 |   background-color: #ff4e5f;
124 |   width: 16px;
125 |   height: 16px;
126 |   border-radius: 50%;
127 |   border: 2px solid #fff;
128 |   cursor: pointer;
129 |   transition: 0.3s ease-in-out;
130 | }
131 | input[type="range"]:not(.player-volume)::-webkit-slider-thumb:hover {
132 |   background-color: #fff;
133 |   border: 2px solid #ff4e5f;
134 |   transform: scale(1.3);
135 | }
136 | input[type="range"]:not(.player-volume)::-webkit-slider-thumb:active {
137 |   transform: scale(1.5);
138 | }
139 | input.player-volume[type=range]::-webkit-slider-thumb {
140 |   border-radius: 50%;
141 |   border-width: 0;
142 |   width: 5px;
143 |   height: 5px;
144 | }
145 | input[data-player="captions"],
146 | .icon-captions-on,
147 | .icon-captions-on + svg,
148 | .sr-only,
149 | button[data-player="fullscreen"],
150 | button[data-player="restart"],
151 | button[data-player="rewind"],
152 | button[data-player="play"],
153 | button[data-player="pause"],
154 | button[data-player="fast-forward"],
155 | input[data-player="mute"] + label {
156 |   display: none;
157 | }
158 | @-webkit-keyframes rotation {
159 |   from {
160 |     -webkit-transform: rotate(0deg);
161 |   }
162 |   to {
163 |     -webkit-transform: rotate(359deg);
164 |   }
165 | }
166 | /* icon */
167 | .icon {
168 |   display: inline-block;
169 |   width: 1em;
170 |   height: 1em;
171 |   fill: currentColor;
172 | }
173 | .wrapper {
174 |   position: relative;
175 |   width: 350px;
176 |   margin-left: 50px;
177 |   transition: width 0.3s;
178 | }
179 | .wrapper.open {
180 |   width: 550px;
181 | }
182 | .wrapper.open .sidebar {
183 |   box-shadow: 0 0 50px rgba(0,0,0,0.6);
184 | }
185 | /* Main  */
186 | .main {
187 |   position: absolute;
188 |   top: 50px;
189 |   left: 0;
190 |   overflow: hidden;
191 |   display: block;
192 |   width: 350px;
193 |   height: 450px;
194 |   background: #333;
195 |   -webkit-border-radius: 5px;
196 |   -moz-border-radius: 5px;
197 |   border-radius: 5px;
198 |   box-shadow: 0 0 50px rgba(0,0,0,0.6);
199 | }
200 | /* Sidebar */
201 | .sidebar {
202 |   position: absolute;
203 |   right: 0;
204 |   top: 70px;
205 |   width: 200px;
206 |   padding-left: 10px;
207 |   height: 410px;
208 |   background: rgba(51,51,51,0.975);
209 |   -webkit-border-radius: 5px;
210 |   -moz-border-radius: 5px;
211 |   border-radius: 5px;
212 |   box-shadow: 0 0 0 rgba(0,0,0,0.6);
213 |   z-index: -1;
214 |   transition: all 0.3s;
215 | }
216 | .sidebar .loading {
217 |   position: absolute;
218 |   color: #fff;
219 |   font-size: 100px;
220 |   background: #333;
221 |   width: 100%;
222 |   height: 100%;
223 |   top: 0;
224 |   left: 0;
225 |   -webkit-border-radius: 5px;
226 |   -moz-border-radius: 5px;
227 |   border-radius: 5px;
228 | }
229 | .sidebar .loading svg {
230 |   margin-top: 150px;
231 |   margin-left: 50px;
232 |   width: 100px;
233 |   height: 100px;
234 |   -webkit-animation: rotation 1s infinite linear;
235 | }
236 | .sidebar .user {
237 |   margin-top: 15px;
238 |   color: #fff;
239 |   text-align: center;
240 |   height: 185px;
241 |   overflow: auto;
242 | }
243 | .sidebar .user p {
244 |   margin: 5px 0 5px 0;
245 | }
246 | .sidebar .user .avatar {
247 |   width: 80px;
248 |   height: 80px;
249 |   margin: 0 auto;
250 |   background-repeat: no-repeat;
251 |   background-position: 50%;
252 |   background-color: #444;
253 |   background-size: cover;
254 |   overflow: hidden;
255 |   -webkit-border-radius: 50%;
256 |   -moz-border-radius: 50%;
257 |   border-radius: 50%;
258 |   cursor: pointer;
259 | }
260 | .sidebar .user .user-desc {
261 |   max-height: 60px;
262 |   overflow: auto;
263 |   font-size: 14px;
264 |   padding: 0 5px;
265 |   color: #ccc;
266 |   line-height: 1.3;
267 | }
268 | .sidebar .login-form {
269 |   margin-top: 30px;
270 |   margin-bottom: 30px;
271 |   padding: 10px;
272 |   color: #ddd;
273 |   font-size: 14px;
274 | }
275 | .sidebar .login-form label {
276 |   line-height: 15px;
277 | }
278 | .sidebar .login-form input {
279 |   color: #ccc;
280 |   padding: 5px 6px;
281 |   border: 1px solid #666;
282 |   background: #444;
283 |   margin-bottom: 5px;
284 |   width: 165px;
285 |   outline: 0;
286 | }
287 | .sidebar .channels {
288 |   height: 200px;
289 |   overflow: auto;
290 |   border-top: 1px solid #393939;
291 |   padding-top: 4px;
292 |   margin-top: 4px;
293 |   border-bottom: 1px solid #000;
294 | }
295 | .sidebar .channels ul {
296 |   margin: 0;
297 |   padding: 0;
298 |   list-style: none;
299 |   font-size: 16px;
300 | }
301 | .sidebar .channels ul li {
302 |   cursor: pointer;
303 |   padding: 5px 10px;
304 |   height: 20px;
305 |   white-space: nowrap;
306 |   overflow: hidden;
307 |   width: 180px;
308 |   color: #ccc;
309 |   text-overflow: ellipsis;
310 |   line-height: 20px;
311 |   transition: all 0.3s;
312 |   border-top: 1px solid #434343;
313 |   border-bottom: 1px solid #1b1b1b;
314 | }
315 | .sidebar .channels ul li.active {
316 |   background: #242424;
317 | }
318 | .sidebar .channels ul li:hover {
319 |   color: #fff;
320 |   background: #252525;
321 | }
322 | .sidebar .channels ul li:last-child {
323 |   border-bottom: 0;
324 | }
325 | .menu,
326 | .info,
327 | .close {
328 |   display: block;
329 |   position: absolute;
330 |   top: 5px;
331 |   color: #ddd;
332 |   font-size: 32px;
333 |   cursor: pointer;
334 |   z-index: 900;
335 |   -webkit-app-region: no-drag;
336 | }
337 | .close {
338 |   left: 10px;
339 |   top: 10px;
340 |   font-size: 16px;
341 |   width: 32px;
342 |   height: 32px;
343 |   color: #333;
344 |   opacity: 1;
345 |   transition: all 0.3s;
346 |   -webkit-border-radius: 50%;
347 |   -moz-border-radius: 50%;
348 |   border-radius: 50%;
349 | }
350 | .close svg {
351 |   display: block;
352 |   margin: 8px auto;
353 | }
354 | .close:hover {
355 |   transform: scale(1.3);
356 |   color: #fff;
357 |   background: #000;
358 | }
359 | .close:active {
360 |   transform: scale(0.5);
361 | }
362 | .menu,
363 | .info {
364 |   top: 20px;
365 |   right: 20px;
366 |   color: #ccc;
367 |   width: 32px;
368 |   height: 32px;
369 |   opacity: 0;
370 |   transition: all 0.3s;
371 | }
372 | .album:hover .menu,
373 | .album:hover .info {
374 |   opacity: 1;
375 | }
376 | .menu:hover,
377 | .info:hover {
378 |   color: #fff;
379 | }
380 | .info {
381 |   left: initial;
382 |   right: 20px;
383 |   top: initial;
384 |   bottom: 20px;
385 | }
386 | .album {
387 |   overflow: hidden;
388 |   width: 100%;
389 |   height: 350px;
390 |   position: relative;
391 |   -webkit-border-radius: 0 0 5px 5px;
392 |   -moz-border-radius: 0 0 5px 5px;
393 |   border-radius: 0 0 5px 5px;
394 | }
395 | .album:after {
396 |   display: block;
397 |   content: "";
398 |   width: 100%;
399 |   height: 100%;
400 |   overflow: hidden;
401 |   position: absolute;
402 |   top: 0;
403 |   left: 0;
404 |   background: rgba(0,0,0,0.5);
405 |   opacity: 0;
406 |   transition: opacity 0.3s;
407 |   border-radius: 5px;
408 | }
409 | .album:hover:after {
410 |   opacity: 0;
411 | }
412 | .album .loading {
413 |   position: absolute;
414 |   width: 100%;
415 |   height: 100%;
416 |   left: 0;
417 |   top: 0;
418 |   background: rgba(0,0,0,0.3);
419 |   opacity: 0;
420 |   z-index: 800;
421 |   font-size: 100px;
422 |   text-align: center;
423 |   transition: opacity 0.3s;
424 | }
425 | .album .loading svg {
426 |   color: #fff;
427 |   display: block;
428 |   margin: 125px auto;
429 |   -webkit-animation: rotation 1s infinite linear;
430 | }
431 | .album .loading.show {
432 |   opacity: 1;
433 | }
434 | .information {
435 |   position: absolute;
436 |   bottom: 0;
437 |   width: 100%;
438 |   height: 40%;
439 |   color: #fff;
440 |   font-size: 18px;
441 |   line-height: 25px;
442 |   box-sizing: border-box;
443 |   padding: 0 18px;
444 |   text-align: right;
445 |   left: 0;
446 |   opacity: 0.8;
447 |   transition: all 0.3s;
448 |   background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, #484c61 80%);
449 |   transform: translate3d(0, 40%, 0);
450 |   pointer-events: none;
451 |   -webkit-border-radius: 0 0 5px 5px;
452 |   -moz-border-radius: 0 0 5px 5px;
453 |   border-radius: 0 0 5px 5px;
454 | }
455 | .information div {
456 |   overflow: hidden;
457 |   white-space: nowrap;
458 |   text-overflow: ellipsis;
459 | }
460 | .information .artist {
461 |   font-size: 14px;
462 |   color: #ccc;
463 | }
464 | .information .album-title {
465 |   font-size: 14px;
466 |   color: #ccc;
467 | }
468 | .album:hover .information {
469 |   opacity: 1;
470 |   transform: translate3d(0, 0, 0);
471 | }
472 | .album img {
473 |   display: block;
474 |   width: 100%;
475 |   opacity: 0;
476 |   transition: opacity 0.3s;
477 | }
478 | .album img.show {
479 |   opacity: 1;
480 | }
481 | .player-controls * {
482 |   -webkit-app-region: no-drag;
483 | }
484 | .player-controls .player-progress {
485 |   position: relative;
486 |   height: 10px;
487 |   width: 320px;
488 |   margin: 0 15px;
489 |   margin-top: 10px;
490 |   -webkit-box-sizing: border-box;
491 |   -moz-box-sizing: border-box;
492 |   box-sizing: border-box;
493 | }
494 | .player-controls .player-time {
495 |   position: absolute;
496 |   top: 300px;
497 |   left: 20px;
498 |   color: #fff;
499 |   font-size: 16px;
500 |   font-family: "Avenir Next";
501 | }
502 | .player-progress input {
503 |   position: absolute;
504 |   top: 0;
505 |   z-index: 1000;
506 | }
507 | .player-progress progress {
508 |   position: absolute;
509 |   top: 0;
510 | }
511 | .controls {
512 |   font-size: 36px;
513 |   color: #fff;
514 |   text-align: center;
515 |   margin-top: 15px;
516 | }
517 | .controls > div.icon {
518 | /* Disable Drag */
519 |   -webkit-app-region: no-drag;
520 |   display: inline-block;
521 |   color: #ddd;
522 |   margin: 0 5px;
523 |   position: relative;
524 |   vertical-align: middle;
525 |   -webkit-transition: all 0.3s;
526 |   -moz-transition: all 0.3s;
527 |   -ms-transition: all 0.3s;
528 |   -o-transition: all 0.3s;
529 |   transition: all 0.3s;
530 | }
531 | .controls > div.icon.play {
532 |   display: inline-block;
533 |   font-size: 42px;
534 |   line-height: 36px;
535 | }
536 | .controls > div.icon.play .icon-play {
537 |   display: block;
538 | }
539 | .controls > div.icon.play .icon-pause {
540 |   display: none;
541 | }
542 | .controls > div.icon.heart {
543 |   position: relative;
544 | }
545 | .controls > div.icon.heart svg {
546 |   display: block;
547 |   top: 0;
548 |   position: absolute;
549 |   left: 0;
550 |   transition: opacity 0.3s;
551 | }
552 | .controls > div.icon.heart:hover {
553 |   color: #ff4e5f;
554 | }
555 | .player.like + .controls > div.icon.heart {
556 |   color: #ff4e5f;
557 | }
558 | .player.like + .controls > div.icon.heart .icon-heart-broken {
559 |   display: block;
560 | }
561 | .player.like + .controls > div.icon.heart:hover .icon-heart {
562 |   opacity: 0;
563 | }
564 | .controls > div.icon.unheart {
565 |   display: none;
566 | }
567 | .controls > div.icon:hover {
568 |   color: #fff;
569 | }
570 | .controls > div.icon:after {
571 |   pointer-events: none;
572 |   position: absolute;
573 |   width: 100%;
574 |   height: 100%;
575 |   border-radius: 50%;
576 |   content: '';
577 |   -webkit-box-sizing: content-box;
578 |   -moz-box-sizing: content-box;
579 |   box-sizing: content-box;
580 |   top: -2px;
581 |   left: -2px;
582 |   padding: 2px;
583 |   z-index: 0;
584 |   background: #fff;
585 |   -webkit-transform: scale(0);
586 |   -moz-transform: scale(0);
587 |   -ms-transform: scale(0);
588 |   transform: scale(0);
589 | }
590 | .controls > div.icon.animated:after {
591 |   -webkit-animation: ripple 0.2s forwards, fadeout 0.3s forwards;
592 |   -o-animation: ripple 0.2s forwards, fadeout 0.3s forwards;
593 |   animation: ripple 0.2s forwards, fadeout 0.3s forwards;
594 | }
595 | .player.playing + .controls .play .icon-play {
596 |   display: none;
597 | }
598 | .player.playing + .controls .play .icon-pause {
599 |   display: block;
600 | }
601 | @-moz-keyframes rotation {
602 |   from {
603 |     transform: rotate(0deg);
604 |   }
605 |   to {
606 |     transform: rotate(359deg);
607 |   }
608 | }
609 | @-webkit-keyframes rotation {
610 |   from {
611 |     transform: rotate(0deg);
612 |   }
613 |   to {
614 |     transform: rotate(359deg);
615 |   }
616 | }
617 | @-o-keyframes rotation {
618 |   from {
619 |     transform: rotate(0deg);
620 |   }
621 |   to {
622 |     transform: rotate(359deg);
623 |   }
624 | }
625 | @keyframes rotation {
626 |   from {
627 |     transform: rotate(0deg);
628 |   }
629 |   to {
630 |     transform: rotate(359deg);
631 |   }
632 | }
633 | @-moz-keyframes ripple {
634 |   from {
635 |     transform: scale(0);
636 |   }
637 |   to {
638 |     transform: scale(2);
639 |   }
640 | }
641 | @-webkit-keyframes ripple {
642 |   from {
643 |     transform: scale(0);
644 |   }
645 |   to {
646 |     transform: scale(2);
647 |   }
648 | }
649 | @-o-keyframes ripple {
650 |   from {
651 |     transform: scale(0);
652 |   }
653 |   to {
654 |     transform: scale(2);
655 |   }
656 | }
657 | @keyframes ripple {
658 |   from {
659 |     transform: scale(0);
660 |   }
661 |   to {
662 |     transform: scale(2);
663 |   }
664 | }
665 | @-moz-keyframes fadeout {
666 |   from {
667 |     opacity: 1;
668 |   }
669 |   to {
670 |     opacity: 0;
671 |   }
672 | }
673 | @-webkit-keyframes fadeout {
674 |   from {
675 |     opacity: 1;
676 |   }
677 |   to {
678 |     opacity: 0;
679 |   }
680 | }
681 | @-o-keyframes fadeout {
682 |   from {
683 |     opacity: 1;
684 |   }
685 |   to {
686 |     opacity: 0;
687 |   }
688 | }
689 | @keyframes fadeout {
690 |   from {
691 |     opacity: 1;
692 |   }
693 |   to {
694 |     opacity: 0;
695 |   }
696 | }
697 | 


--------------------------------------------------------------------------------
/assets/style.styl:
--------------------------------------------------------------------------------
  1 | $width = 350px;
  2 | $red = #ff4e5f;
  3 | body{
  4 |   margin: 0;
  5 |   padding: 0;
  6 |   font-family "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif
  7 |   user-select none
  8 | }
  9 | .hide{
 10 |   display none;
 11 | }
 12 | #player{
 13 |   margin-top: 10px;
 14 |   height: 10px;
 15 | }
 16 | 
 17 | /* UI component */
 18 | 
 19 | .button {
 20 |   display: inline-block;
 21 |   width: auto !important;
 22 |   padding: 5px 10px;
 23 |   font-size: 1em;
 24 |   line-height: 1;
 25 |   color: #666;
 26 |   border: 1px solid #f0f0f0;
 27 |   background: #f0f0f0;
 28 |   outline: 0;
 29 |   -webkit-transition: background 0.3s ease-out, border-color 0.3s ease-out, transform 0.2s;
 30 |   -moz-transition: background 0.3s ease-out, border-color 0.3s ease-out, transform 0.2s;
 31 |   -ms-transition: background 0.3s ease-out, border-color 0.3s ease-out, transform 0.2s;
 32 |   -o-transition: background 0.3s ease-out, border-color 0.3s ease-out, transform 0.2s;
 33 |   transition: background 0.3s ease-out, border-color 0.3s ease-out, transform 0.2s;
 34 |   -webkit-border-radius: 2px;
 35 |   -moz-border-radius: 2px;
 36 |   border-radius: 2px;
 37 | }
 38 | .button:hover {
 39 |   background: #ddd;
 40 |   border-color: #ddd;
 41 | }
 42 | .button:active {
 43 |   -webkit-transform: scale(1.05);
 44 |   -moz-transform: scale(1.05);
 45 |   -ms-transform: scale(1.05);
 46 |   -o-transform: scale(1.05);
 47 |   transform: scale(1.05);
 48 | }
 49 | .button.primary {
 50 |   background: #00a6e8;
 51 |   color: #fff;
 52 | }
 53 | .button.primary:hover {
 54 |   background: #05b8ff;
 55 | }
 56 | 
 57 | audio{
 58 |   display: none;
 59 | }
 60 | progress::-webkit-progress-value{
 61 |   background: #dddddd;
 62 |   height: 10px;
 63 |   border-radius: 5px;
 64 | }
 65 | progress::-webkit-progress-bar{
 66 |   background: transparent;
 67 |   height: 10px;
 68 |   border-radius: 5px;
 69 | }
 70 | progress{
 71 |   -webkit-appearance: none;
 72 |   border-radius: 5px;
 73 |   overflow: hidden;
 74 |   height: 10px;
 75 |   width: 100%;
 76 |   display: block;
 77 |   margin: 0;
 78 |   padding: 0;
 79 | }
 80 | progress.player-progress-played{
 81 |   z-index: 999;
 82 |   width: 99%;
 83 |   padding: 0 0.5%;
 84 | }
 85 | progress.player-progress-buffer{
 86 |   z-index: 998;
 87 |   width: 99%;
 88 |   padding: 0 0.5%;
 89 | }
 90 | progress.player-progress-buffer::-webkit-progress-bar{
 91 |   background-color: #ffffff;
 92 | }
 93 | progress.player-progress-played::-webkit-progress-value{
 94 |   background: $red;
 95 |   height: 10px;
 96 |   border-radius: 5px 0 0 5px;
 97 | }
 98 | input[data-player="seek"]{
 99 |   display block
100 |   width: 100%;
101 |   -webkit-appearance: none;
102 |   background: transparent;
103 |   border-radius: 5px;
104 |   height: 10px;
105 |   margin: 0;
106 |   outline: none;
107 | }
108 | input[data-player="volume"]{
109 |   position: absolute;
110 |   bottom: 40px;
111 |   right: 20px;
112 |   width: 30px;
113 |   -webkit-appearance: none;
114 |   background-color: #EEE;
115 |   background-image: -moz-linear-gradient($red, $red);
116 |   background-image: -webkit-linear-gradient($red, $red);
117 |   background-image: linear-gradient($red, $red);
118 |   background-size: 0 100%;
119 |   background-repeat: no-repeat;
120 |   border-radius: 5px;
121 |   height: 5px;
122 |   margin: 0;
123 |   outline: none;
124 |   transform: rotate(-90deg);
125 | }
126 | 
127 | input[type="range"]::-webkit-slider-thumb {
128 |   -webkit-appearance: none;
129 |   background-color: $red;
130 |   width: 16px;
131 |   height: 16px;
132 |   border-radius: 50%;
133 |   border: 2px solid white;
134 |   cursor: pointer;
135 |   transition: .3s ease-in-out;
136 | }​
137 |  input[type="range"]:not(.player-volume)::-webkit-slider-thumb:hover {
138 |    background-color: white;
139 |    border: 2px solid $red;
140 |    transform: scale(1.3)
141 |  }
142 |  input[type="range"]:not(.player-volume)::-webkit-slider-thumb:active {
143 |    transform: scale(1.5);
144 |  }
145 | 
146 | input.player-volume[type=range]::-webkit-slider-thumb {
147 |   border-radius: 50%;
148 |   border-width 0;
149 |   width: 5px;
150 |   height: 5px;
151 | }
152 | 
153 | input[data-player="captions"],
154 | .icon-captions-on,
155 | .icon-captions-on + svg,
156 | .sr-only,
157 | button[data-player="fullscreen"],
158 | button[data-player="restart"],
159 | button[data-player="rewind"],
160 | button[data-player="play"],
161 | button[data-player="pause"],
162 | button[data-player="fast-forward"],
163 | input[data-player="mute"] + label{
164 |   display: none;
165 | }
166 | 
167 | @-webkit-keyframes rotation {
168 |   from {
169 |     -webkit-transform: rotate(0deg); }
170 | 
171 |   to {
172 |     -webkit-transform: rotate(359deg); } }
173 | 
174 | @keyframes rotation {
175 |   from {
176 |     transform: rotate(0deg); }
177 | 
178 |   to {
179 |     transform: rotate(359deg); } }
180 | 
181 | @keyframes ripple {
182 |   from{
183 |     transform: scale(0);
184 |   }
185 |   to {
186 |     transform: scale(2);
187 |   }
188 | }
189 | 
190 | @keyframes fadeout {
191 |   from {
192 |     opacity: 1;
193 |   }
194 |   to {
195 |     opacity: 0;
196 |   }
197 | }
198 | 
199 | 
200 | /* icon */
201 | 
202 | .icon {
203 |   display: inline-block;
204 |   width: 1em;
205 |   height: 1em;
206 |   fill: currentColor;
207 | }
208 | 
209 | .wrapper{
210 |   position: relative;
211 |   width: 350px;
212 |   margin-left 50px
213 |   transition: width 0.3s;
214 |   &.open{
215 |     width: 550px;
216 |     .sidebar{
217 |       box-shadow: 0 0 50px rgba(0, 0, 0, 0.6);
218 |     }
219 |   }
220 | }
221 | 
222 | /* Main  */
223 | 
224 | .main{
225 |   position: absolute;
226 |   top: 50px;
227 |   left 0;
228 |   overflow: hidden;
229 |   display: block;
230 |   width: 350px;
231 |   height: 450px;
232 |   background: #333333;
233 |   -webkit-border-radius: 5px;
234 |   -moz-border-radius: 5px;
235 |   border-radius: 5px;
236 |   box-shadow: 0 0 50px rgba(0, 0, 0, 0.6);
237 | }
238 | 
239 |  /* Sidebar */
240 | 
241 | .sidebar{
242 |   position: absolute;
243 |   right: 0
244 |   top: 70px
245 |   width: 200px;
246 |   padding-left: 10px;
247 |   height 410px;
248 |   background: rgba(51, 51, 51, 0.975)
249 |   -webkit-border-radius: 5px;
250 |   -moz-border-radius: 5px;
251 |   border-radius: 5px;
252 |   box-shadow: 0 0 0 rgba(0, 0, 0, 0.6);
253 |   z-index: -1;
254 |   transition all 0.3s
255 |   .loading{
256 |     position: absolute
257 |     color: #ffffff;
258 |     font-size 100px;
259 |     background: #333
260 |     width: 100%;
261 |     height: 100%;
262 |     top: 0
263 |     left: 0
264 |     -webkit-border-radius: 5px
265 |     -moz-border-radius: 5px
266 |     border-radius: 5px
267 |     svg{
268 |       margin-top 150px
269 |       margin-left 50px
270 |       width: 100px;
271 |       height: 100px;
272 |       -webkit-animation: rotation 1s infinite linear;
273 |     }
274 |   }
275 |   .user{
276 |     margin-top 15px;
277 |     color: #ffffff;
278 |     text-align: center;
279 |     height: 185px
280 |     overflow: auto
281 |     p{
282 |       margin: 5px 0 5px 0;
283 |     }
284 |     .avatar{
285 |       width: 80px;
286 |       height 80px;
287 |       margin: 0 auto;
288 |       background-repeat: no-repeat;
289 |       background-position: 50%;
290 |       background-color: #444444;
291 |       background-size cover
292 |       overflow hidden;
293 |       -webkit-border-radius: 50%;
294 |       -moz-border-radius: 50%;
295 |       border-radius: 50%;
296 |       cursor: pointer;
297 |     }
298 |     .user-desc{
299 |       max-height: 60px;
300 |       overflow: auto;
301 |       font-size: 14px;
302 |       padding: 0 5px;
303 |       color: #cccccc;
304 |       line-height 1.3
305 |     }
306 |   }
307 | 
308 |   .login-form{
309 |     margin-top: 30px;
310 |     margin-bottom: 30px;
311 |     padding: 10px;
312 |     color: #dddddd;
313 |     font-size 14px;
314 |     label{
315 |       line-height 15px
316 |     }
317 |     input{
318 |       color: #cccccc;
319 |       padding: 5px 6px;
320 |       border: 1px solid #666666;
321 |       background: #444444;
322 |       margin-bottom: 5px;
323 |       width: 165px;
324 |       outline 0;
325 |     }
326 |   }
327 |   .channels{
328 |     height 200px
329 |     overflow: auto;
330 |     border-top 1px solid #393939
331 |     padding-top 4px
332 |     margin-top 4px;
333 |     border-bottom 1px solid #000000
334 |     ul{
335 |       margin: 0;
336 |       padding: 0;
337 |       list-style none;
338 |       font-size 16px;
339 |       li{
340 |         cursor pointer;
341 |         padding: 5px 10px;
342 |         height: 20px;
343 |         white-space: nowrap
344 |         overflow hidden
345 |         width: 180px
346 |         color: #cccccc;
347 |         text-overflow ellipsis
348 |         line-height 20px
349 |         transition all 0.3s
350 |         border-top: 1px solid #434343;
351 |         border-bottom: 1px solid #1B1B1B;
352 |         &.active{
353 |           background: #242424
354 |         }
355 |         &:hover{
356 |           color: #ffffff;
357 |           background: #252525
358 |         }
359 |         &:last-child{
360 |           border-bottom 0
361 |         }
362 |       }
363 |     }
364 |   }
365 | }
366 | .menu, .info, .close{
367 |   display block
368 |   position: absolute
369 |   top: 5px
370 |   color: #dddddd;
371 |   font-size: 32px;
372 |   cursor: pointer
373 |   z-index: 900;
374 |   -webkit-app-region: no-drag;
375 | }
376 | .close{
377 |   left: 10px;
378 |   top: 10px;
379 |   font-size: 16px;
380 |   width: 32px;
381 |   height: 32px;
382 |   color: #333333;
383 |   opacity: 1;
384 |   transition: all 0.3s
385 |   -webkit-border-radius: 50%;
386 |   -moz-border-radius: 50%;
387 |   border-radius: 50%;
388 |   svg {
389 |     display: block;
390 |     margin: 8px auto;
391 |   }
392 |   &:hover{
393 |     transform: scale(1.3);
394 |     color: #FFFFFF;
395 |     background: #000;
396 |   }
397 |   &:active{
398 |     transform: scale(0.5)
399 |   }
400 | }
401 | .menu, .info{
402 |   top: 20px;
403 |   right: 20px;
404 |   color: #ccc;
405 |   width: 32px;
406 |   height: 32px;
407 |   opacity 0
408 |   transition: all 0.3s
409 |   .album:hover & {
410 |     opacity 1
411 |   }
412 |   &:hover{
413 |     color: #ffffff
414 |   }
415 | }
416 | .info{
417 |   left: initial
418 |   right: 20px
419 |   top: initial
420 |   bottom: 20px
421 | }
422 | 
423 | .album{
424 |   overflow: hidden;
425 |   width: 100%;
426 |   height: 350px;
427 |   position: relative;
428 |   -webkit-border-radius: 0 0 5px 5px
429 |   -moz-border-radius: 0 0 5px 5px
430 |   border-radius: 0 0 5px 5px
431 |   &:after{
432 |     display block
433 |     content: ""
434 |     width: 100%;
435 |     height: 100%;
436 |     overflow: hidden;
437 |     position: absolute
438 |     top: 0
439 |     left: 0
440 |     background: rgba(0, 0, 0, 0.5)
441 |     opacity: 0;
442 |     transition opacity 0.3s
443 |     border-radius: 5px;
444 |   }
445 |   &:hover{
446 |     &:after{
447 |       opacity 0
448 |     }
449 |   }
450 |   .loading{
451 |     position: absolute;
452 |     width: 100%;
453 |     height: 100%;
454 |     left: 0;
455 |     top: 0;
456 |     background: rgba(0,0,0,0.3);
457 |     opacity: 0;
458 |     z-index: 800;
459 |     font-size: 100px;
460 |     text-align: center;
461 |     transition: opacity 0.3s
462 |     svg{
463 |       color: #ffffff;
464 |       display block;
465 |       margin: 125px auto;
466 |       -webkit-animation: rotation 1s infinite linear;
467 |     }
468 |     &.show{
469 |       opacity: 1;
470 |     }
471 |   }
472 | }
473 | 
474 | .information{
475 |   position: absolute;
476 |   bottom: 0;
477 |   width: 100%;
478 |   height: 40%;
479 |   color #ffffff
480 |   font-size: 18px
481 |   line-height: 25px
482 |   box-sizing border-box
483 |   padding: 0 18px
484 |   text-align right
485 |   left: 0;
486 |   opacity: 0.8;
487 |   transition: all 0.3s
488 |   background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,1) 80%);
489 |   transform: translate3d(0, 40%, 0);
490 |   pointer-events: none;
491 |   -webkit-border-radius: 0 0 5px 5px
492 |   -moz-border-radius: 0 0 5px 5px
493 |   border-radius: 0 0 5px 5px
494 |   div{
495 |     overflow hidden
496 |     white-space nowrap
497 |     text-overflow ellipsis
498 |   }
499 |   .artist{
500 |     font-size: 14px
501 |     color: #cccccc
502 |   }
503 |   .album-title{
504 |     font-size: 14px
505 |     color: #cccccc
506 |   }
507 |   .album:hover & {
508 |     opacity: 1;
509 |     transform: translate3d(0, 0, 0);
510 |   }
511 | }
512 | 
513 | 
514 | .album img{
515 |   display: block;
516 |   width: 100%;
517 |   opacity 0
518 |   transition: opacity 0.3s
519 |   &.show{
520 |     opacity 1
521 |   }
522 | }
523 | 
524 | .player-controls{
525 |   *{
526 |     -webkit-app-region: no-drag;
527 |   }
528 |   .player-progress{
529 |     position: relative;
530 |     height: 10px;
531 |     width: $width - 30px;
532 |     margin: 0 15px;
533 |     margin-top: 10px;
534 |     -webkit-box-sizing: border-box;
535 |     -moz-box-sizing: border-box;
536 |     box-sizing: border-box;
537 |   }
538 |   .player-time{
539 |     position: absolute
540 |     top: 300px;
541 |     left: 20px;
542 |     color: #ffffff;
543 |     font-size: 16px;
544 |     font-family: "Avenir Next";
545 |   }
546 | }
547 | 
548 | .player-progress input{
549 |   position: absolute;
550 |   top: 0;
551 |   z-index: 1000;
552 | }
553 | 
554 | .player-progress progress{
555 |   position: absolute;
556 |   top: 0;
557 | }
558 | 
559 | .controls{
560 |   font-size: 36px;
561 |   color: #ffffff;
562 |   text-align: center;
563 |   margin-top: 15px;
564 |   > div.icon{
565 |     /* Disable Drag */
566 |     -webkit-app-region: no-drag;
567 |     display: inline-block;
568 |     color: #dddddd
569 |     margin: 0 5px;
570 |     position: relative;
571 |     vertical-align middle
572 |     -webkit-transition: all 0.3s
573 |     -moz-transition: all 0.3s
574 |     -ms-transition: all 0.3s
575 |     -o-transition: all 0.3s
576 |     transition: all 0.3s
577 |     &.play{
578 |       display: inline-block;
579 |       font-size: 42px;
580 |       line-height: 36px;
581 |       .icon-play{
582 |         display block;
583 |       }
584 |       .icon-pause{
585 |         display none;
586 |       }
587 |     }
588 | 
589 |     &.heart{
590 |       position relative
591 |       svg {
592 |         display: block;
593 |         top: 0;
594 |         position: absolute;
595 |         left: 0;
596 |         transition opacity 0.3s;
597 |       }
598 |       &:hover{
599 |         color: $red;
600 |       }
601 |       .player.like + & {
602 |         color: $red;
603 |         .icon-heart-broken{
604 |           display: block;
605 |         }
606 |         &:hover{
607 |           .icon-heart{
608 |             opacity 0
609 |           }
610 |         }
611 |       }
612 |     }
613 | 
614 |     &.unheart{
615 |       display: none;
616 |     }
617 |     &:hover{
618 |       color: #ffffff;
619 |     }
620 |     &:after {
621 |       pointer-events: none;
622 |       position: absolute;
623 |       width: 100%;
624 |       height: 100%;
625 |       border-radius: 50%;
626 |       content: '';
627 |       -webkit-box-sizing: content-box;
628 |       -moz-box-sizing: content-box;
629 |       box-sizing: content-box;
630 |       top: -2px;
631 |       left: -2px;
632 |       padding: 2px;
633 |       z-index: 0;
634 |       background: #fff;
635 |       -webkit-transform: scale(0);
636 |       -moz-transform: scale(0);
637 |       -ms-transform: scale(0);
638 |       transform: scale(0);
639 |     }
640 |     &.animated:after{
641 |       -webkit-animation: ripple 0.2s forwards, fadeout 0.3s forwards
642 |       -o-animation: ripple 0.2s forwards, fadeout 0.3s forwards
643 |       animation: ripple 0.2s forwards, fadeout 0.3s forwards
644 |     }
645 |   }
646 | }
647 | 
648 | .player.playing + .controls{
649 |   .play .icon-play{
650 |     display: none;
651 |   }
652 |   .play .icon-pause{
653 |     display: block;
654 |   }
655 | }
656 | 


--------------------------------------------------------------------------------
/assets/test_cover.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cyrilis/Douban-FM-Express/573e2a084d73a3c591b0d1bf8331fd38040ec7f9/assets/test_cover.jpg


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <title>Douban.FM</title>
  6 |     <script src="assets/plyr.js"></script>
  7 |     <script src="assets/jquery-1.11.2.min.js"></script>
  8 |     <script>
  9 |         // Fix jQuery in Atom Shell
 10 |         try {
 11 |             $ = jQuery = module.exports;
 12 |         } catch(e) {}
 13 |     </script>
 14 |     <script src="assets/q.js"></script>
 15 |     <link rel="stylesheet" href="assets/style.css"/>
 16 | </head>
 17 | <body>
 18 | 
 19 |     <!-- icon defs -->
 20 |     <svg display="none" width="0" height="0" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 21 |         <defs>
 22 |             <symbol id="icon-list" viewBox="0 0 1024 1024">
 23 |                 <title>list</title>
 24 |                 <path class="path1" d="M224 768h-192c-17.696 0-32 14.304-32 32v192c0 17.696 14.304 32 32 32h192c17.696 0 32-14.304 32-32v-192c0-17.696-14.304-32-32-32zM192 928c0 17.696-14.304 32-32 32h-64c-17.696 0-32-14.304-32-32v-64c0-17.696 14.304-32 32-32h64c17.696 0 32 14.304 32 32v64zM992 832h-576c-17.696 0-32 14.304-32 32v64c0 17.696 14.304 32 32 32h576c17.696 0 32-14.304 32-32v-64c0-17.696-14.304-32-32-32zM992 448h-576c-17.696 0-32 14.304-32 32v64c0 17.696 14.304 32 32 32h576c17.696 0 32-14.304 32-32v-64c0-17.696-14.304-32-32-32zM224 0h-192c-17.696 0-32 14.304-32 32v192c0 17.696 14.304 32 32 32h192c17.696 0 32-46.304 32-64v-160c0-17.696-14.304-32-32-32zM192 160c0 17.696-14.304 32-32 32h-64c-17.696 0-32-14.304-32-32v-64c0-17.696 14.304-32 32-32h64c17.696 0 32 14.304 32 32v64zM224 384h-192c-17.696 0-32 14.304-32 32v192c0 17.696 14.304 32 32 32h192c17.696 0 32-14.304 32-32v-192c0-17.696-14.304-32-32-32zM192 544c0 17.696-14.304 32-32 32h-64c-17.696 0-32-14.304-32-32v-64c0-17.696 14.304-32 32-32h64c17.696 0 32 14.304 32 32v64zM992 64h-576c-17.696 0-32 14.304-32 32v64c0 17.696 14.304 32 32 32h576c17.696 0 32-14.304 32-32v-64c0-17.696-14.304-32-32-32z"></path>
 25 |             </symbol>
 26 |             <symbol id="icon-grid2" viewBox="0 0 1024 1024">
 27 |                 <title>grid2</title>
 28 |                 <path class="path1" d="M224 384h-192c-17.696 0-32 14.304-32 32v192c0 17.696 14.304 32 32 32h192c17.696 0 32-14.304 32-32v-192c0-17.696-14.304-32-32-32zM192 544c0 17.696-14.304 32-32 32h-64c-17.696 0-32-14.304-32-32v-64c0-17.696 14.304-32 32-32h64c17.696 0 32 14.304 32 32v64zM224 0h-192c-17.696 0-32 14.304-32 32v192c0 17.696 14.304 32 32 32h192c17.696 0 32-46.304 32-64v-160c0-17.696-14.304-32-32-32zM192 160c0 17.696-14.304 32-32 32h-64c-17.696 0-32-14.304-32-32v-64c0-17.696 14.304-32 32-32h64c17.696 0 32 14.304 32 32v64zM224 768h-192c-17.696 0-32 14.304-32 32v192c0 17.696 14.304 32 32 32h192c17.696 0 32-14.304 32-32v-192c0-17.696-14.304-32-32-32zM192 928c0 17.696-14.304 32-32 32h-64c-17.696 0-32-14.304-32-32v-64c0-17.696 14.304-32 32-32h64c17.696 0 32 14.304 32 32v64zM608 384h-192c-17.696 0-32 14.304-32 32v192c0 17.696 14.304 32 32 32h192c17.696 0 32-14.304 32-32v-192c0-17.696-14.304-32-32-32zM576 544c0 17.696-14.304 32-32 32h-64c-17.696 0-32-14.304-32-32v-64c0-17.696 14.304-32 32-32h64c17.696 0 32 14.304 32 32v64zM608 768h-192c-17.696 0-32 14.304-32 32v192c0 17.696 14.304 32 32 32h192c17.696 0 32-14.304 32-32v-192c0-17.696-14.304-32-32-32zM576 928c0 17.696-14.304 32-32 32h-64c-17.696 0-32-14.304-32-32v-64c0-17.696 14.304-32 32-32h64c17.696 0 32 14.304 32 32v64zM992 384h-192c-17.696 0-32 14.304-32 32v192c0 17.696 14.304 32 32 32h192c17.696 0 32-14.304 32-32v-192c0-17.696-14.304-32-32-32zM960 544c0 17.696-14.304 32-32 32h-64c-17.696 0-32-14.304-32-32v-64c0-17.696 14.304-32 32-32h64c17.696 0 32 14.304 32 32v64zM992 0h-192c-17.696 0-32 14.304-32 32v192c0 17.696 14.304 32 32 32h192c17.696 0 32-46.304 32-64v-160c0-17.696-14.304-32-32-32zM960 160c0 17.696-14.304 32-32 32h-64c-17.696 0-32-14.304-32-32v-64c0-17.696 14.304-32 32-32h64c17.696 0 32 14.304 32 32v64zM608 0h-192c-17.696 0-32 14.304-32 32v192c0 17.696 14.304 32 32 32h192c17.696 0 32-46.304 32-64v-160c0-17.696-14.304-32-32-32zM576 160c0 17.696-14.304 32-32 32h-64c-17.696 0-32-14.304-32-32v-64c0-17.696 14.304-32 32-32h64c17.696 0 32 14.304 32 32v64zM992 768h-192c-17.696 0-32 14.304-32 32v192c0 17.696 14.304 32 32 32h192c17.696 0 32-14.304 32-32v-192c0-17.696-14.304-32-32-32zM960 928c0 17.696-14.304 32-32 32h-64c-17.696 0-32-14.304-32-32v-64c0-17.696 14.304-32 32-32h64c17.696 0 32 14.304 32 32v64z"></path>
 29 |             </symbol>
 30 |             <symbol id="icon-home" viewBox="0 0 1024 1024">
 31 |                 <title>home</title>
 32 |                 <path class="path1" d="M1024 590.444l-512-397.426-512 397.428v-162.038l512-397.426 512 397.428zM896 576v384h-256v-256h-256v256h-256v-384l384-288z"></path>
 33 |             </symbol>
 34 |             <symbol id="icon-image" viewBox="0 0 1024 1024">
 35 |                 <title>image</title>
 36 |                 <path class="path1" d="M959.884 128c0.040 0.034 0.082 0.076 0.116 0.116v767.77c-0.034 0.040-0.076 0.082-0.116 0.116h-895.77c-0.040-0.034-0.082-0.076-0.114-0.116v-767.772c0.034-0.040 0.076-0.082 0.114-0.114h895.77zM960 64h-896c-35.2 0-64 28.8-64 64v768c0 35.2 28.8 64 64 64h896c35.2 0 64-28.8 64-64v-768c0-35.2-28.8-64-64-64v0z"></path>
 37 |                 <path class="path2" d="M832 288c0 53.020-42.98 96-96 96s-96-42.98-96-96 42.98-96 96-96 96 42.98 96 96z"></path>
 38 |                 <path class="path3" d="M896 832h-768v-128l224-384 256 320h64l224-192z"></path>
 39 |             </symbol>
 40 |             <symbol id="icon-images" viewBox="0 0 1152 1024">
 41 |                 <title>images</title>
 42 |                 <path class="path1" d="M1088 128h-64v-64c0-35.2-28.8-64-64-64h-896c-35.2 0-64 28.8-64 64v768c0 35.2 28.8 64 64 64h64v64c0 35.2 28.8 64 64 64h896c35.2 0 64-28.8 64-64v-768c0-35.2-28.8-64-64-64zM128 192v640h-63.886c-0.040-0.034-0.082-0.076-0.114-0.116v-767.77c0.034-0.040 0.076-0.082 0.114-0.114h895.77c0.040 0.034 0.082 0.076 0.116 0.116v63.884h-768c-35.2 0-64 28.8-64 64v0zM1088 959.884c-0.034 0.040-0.076 0.082-0.116 0.116h-895.77c-0.040-0.034-0.082-0.076-0.114-0.116v-767.77c0.034-0.040 0.076-0.082 0.114-0.114h895.77c0.040 0.034 0.082 0.076 0.116 0.116v767.768z"></path>
 43 |                 <path class="path2" d="M960 352c0 53.020-42.98 96-96 96s-96-42.98-96-96 42.98-96 96-96 96 42.98 96 96z"></path>
 44 |                 <path class="path3" d="M1024 896h-768v-128l224-384 256 320h64l224-192z"></path>
 45 |             </symbol>
 46 |             <symbol id="icon-headphones" viewBox="0 0 1024 1024">
 47 |                 <title>headphones</title>
 48 |                 <path class="path1" d="M288 576h-64v448h64c17.6 0 32-14.4 32-32v-384c0-17.6-14.4-32-32-32z"></path>
 49 |                 <path class="path2" d="M736 576c-17.602 0-32 14.4-32 32v384c0 17.6 14.398 32 32 32h64v-448h-64z"></path>
 50 |                 <path class="path3" d="M1024 512c0-282.77-229.23-512-512-512s-512 229.23-512 512c0 61.412 10.83 120.29 30.656 174.848-19.478 33.206-30.656 71.87-30.656 113.152 0 112.846 83.448 206.188 192 221.716v-443.418c-31.914 4.566-61.664 15.842-87.754 32.378-5.392-26.718-8.246-54.364-8.246-82.676 0-229.75 186.25-416 416-416s416 186.25 416 416c0 28.314-2.83 55.968-8.22 82.696-26.1-16.546-55.854-27.848-87.78-32.418v443.44c108.548-15.532 192-108.874 192-221.714 0-41.274-11.178-79.934-30.648-113.138 19.828-54.566 30.648-113.452 30.648-174.866z"></path>
 51 |             </symbol>
 52 |             <symbol id="icon-music" viewBox="0 0 1024 1024">
 53 |                 <title>music</title>
 54 |                 <path class="path1" d="M960 0h64v736c0 88.366-100.29 160-224 160s-224-71.634-224-160c0-88.368 100.29-160 224-160 62.684 0 119.342 18.4 160 48.040v-368.040l-512 113.778v494.222c0 88.366-100.288 160-224 160s-224-71.634-224-160c0-88.368 100.288-160 224-160 62.684 0 119.342 18.4 160 48.040v-624.040l576-128z"></path>
 55 |             </symbol>
 56 |             <symbol id="icon-file-text" viewBox="0 0 1024 1024">
 57 |                 <title>file-text</title>
 58 |                 <path class="path1" d="M864 0h-768c-52.8 0-96 43.2-96 96v832c0 52.8 43.2 96 96 96h768c52.8 0 96-43.2 96-96v-832c0-52.8-43.2-96-96-96zM832 896h-704v-768h704v768zM256 448h448v64h-448zM256 576h448v64h-448zM256 704h448v64h-448zM256 320h448v64h-448z"></path>
 59 |             </symbol>
 60 |             <symbol id="icon-pushpin" viewBox="0 0 1024 1024">
 61 |                 <title>pushpin</title>
 62 |                 <path class="path1" d="M544 0l-96 96 96 96-224 256h-224l176 176-272 360.616v39.384h39.384l360.616-272 176 176v-224l256-224 96 96 96-96-480-480zM448 544l-64-64 224-224 64 64-224 224z"></path>
 63 |             </symbol>
 64 |             <symbol id="icon-user" viewBox="0 0 1024 1024">
 65 |                 <title>user</title>
 66 |                 <path class="path1" d="M576 706.612v-52.78c70.498-39.728 128-138.772 128-237.832 0-159.058 0-288-192-288s-192 128.942-192 288c0 99.060 57.502 198.104 128 237.832v52.78c-217.102 17.748-384 124.42-384 253.388h896c0-128.968-166.898-235.64-384-253.388z"></path>
 67 |             </symbol>
 68 |             <symbol id="icon-spinner2" viewBox="0 0 1024 1024">
 69 |                 <title>spinner2</title>
 70 |                 <path class="path1" d="M1024 512c-1.278-66.862-15.784-133.516-42.576-194.462-26.704-61-65.462-116.258-113.042-161.92-47.552-45.696-103.944-81.82-164.984-105.652-61.004-23.924-126.596-35.352-191.398-33.966-64.81 1.282-129.332 15.374-188.334 41.356-59.048 25.896-112.542 63.47-156.734 109.576-44.224 46.082-79.16 100.708-102.186 159.798-23.114 59.062-34.128 122.52-32.746 185.27 1.286 62.76 14.964 125.148 40.134 182.206 25.088 57.1 61.476 108.828 106.11 151.548 44.61 42.754 97.472 76.504 154.614 98.72 57.118 22.304 118.446 32.902 179.142 31.526 60.708-1.29 120.962-14.554 176.076-38.914 55.15-24.282 105.116-59.48 146.366-102.644 41.282-43.14 73.844-94.236 95.254-149.43 13.034-33.458 21.88-68.4 26.542-103.798 1.246 0.072 2.498 0.12 3.762 0.12 35.346 0 64-28.652 64-64 0-1.796-0.094-3.572-0.238-5.332h0.238zM922.306 681.948c-23.472 53.202-57.484 101.4-99.178 141.18-41.67 39.81-91 71.186-144.244 91.79-53.228 20.678-110.29 30.452-166.884 29.082-56.604-1.298-112.596-13.736-163.82-36.474-51.25-22.666-97.684-55.49-135.994-95.712-38.338-40.198-68.528-87.764-88.322-139.058-19.87-51.284-29.228-106.214-27.864-160.756 1.302-54.552 13.328-108.412 35.254-157.69 21.858-49.3 53.498-93.97 92.246-130.81 38.73-36.868 84.53-65.87 133.874-84.856 49.338-19.060 102.136-28.006 154.626-26.644 52.5 1.306 104.228 12.918 151.562 34.034 47.352 21.050 90.256 51.502 125.624 88.782 35.396 37.258 63.21 81.294 81.39 128.688 18.248 47.392 26.782 98.058 25.424 148.496h0.238c-0.144 1.76-0.238 3.536-0.238 5.332 0 33.012 24.992 60.174 57.086 63.624-6.224 34.822-16.53 68.818-30.78 100.992z"></path>
 71 |             </symbol>
 72 |             <symbol id="icon-spinner3" viewBox="0 0 1024 1024">
 73 |                 <title>spinner3</title>
 74 |                 <path class="path1" d="M512 303.096c-32.964 0-59.686-26.724-59.686-59.686v-179.060c0-32.964 26.722-59.686 59.686-59.686 32.962 0 59.688 26.722 59.688 59.686v179.060c0 32.964-26.726 59.686-59.688 59.686z"></path>
 75 |                 <path class="path2" d="M512 996.956c-20.602 0-37.304-16.702-37.304-37.304v-179.060c0-20.602 16.702-37.304 37.304-37.304 20.604 0 37.304 16.704 37.304 37.304v179.060c0 20.602-16.7 37.304-37.304 37.304z"></path>
 76 |                 <path class="path3" d="M377.756 335.36c-19.34 0-38.146-10.034-48.512-27.988l-89.53-155.070c-15.452-26.764-6.282-60.986 20.482-76.438 26.762-15.45 60.986-6.284 76.438 20.482l89.53 155.072c15.452 26.764 6.282 60.986-20.482 76.438-8.81 5.084-18.432 7.504-27.926 7.504z"></path>
 77 |                 <path class="path4" d="M735.856 933.256c-11.602 0-22.886-6.022-29.108-16.792l-89.53-155.070c-9.27-16.056-3.77-36.592 12.29-45.864 16.056-9.264 36.59-3.77 45.864 12.292l89.532 155.068c9.27 16.058 3.768 36.592-12.292 45.864-5.286 3.048-11.060 4.502-16.756 4.502z"></path>
 78 |                 <path class="path5" d="M279.344 429.94c-8.86 0-17.838-2.256-26.064-7.006l-155.072-89.53c-24.978-14.422-33.538-46.362-19.116-71.342 14.42-24.978 46.364-33.538 71.342-19.116l155.070 89.53c24.98 14.422 33.538 46.362 19.116 71.34-9.668 16.756-27.226 26.124-45.276 26.124z"></path>
 79 |                 <path class="path6" d="M899.648 765.674c-5.064 0-10.196-1.29-14.894-4.004l-155.068-89.53c-14.274-8.24-19.164-26.494-10.924-40.768 8.242-14.276 26.496-19.166 40.766-10.924l155.070 89.532c14.274 8.24 19.164 26.492 10.924 40.766-5.53 9.574-15.562 14.928-25.874 14.928z"></path>
 80 |                 <path class="path7" d="M243.41 560.496h-179.060c-26.784 0-48.496-21.712-48.496-48.496s21.712-48.496 48.496-48.496h179.060c26.784 0 48.496 21.712 48.496 48.496s-21.712 48.496-48.496 48.496z"></path>
 81 |                 <path class="path8" d="M959.65 541.844c-0.002 0 0 0 0 0h-179.060c-16.482-0.002-29.844-13.364-29.844-29.844s13.364-29.844 29.844-29.844c0.002 0 0 0 0 0h179.060c16.482 0 29.844 13.362 29.844 29.844 0 16.48-13.364 29.844-29.844 29.844z"></path>
 82 |                 <path class="path9" d="M124.366 780.598c-15.472 0-30.518-8.028-38.81-22.39-12.362-21.41-5.026-48.79 16.384-61.148l155.072-89.532c21.41-12.368 48.79-5.028 61.15 16.384 12.362 21.412 5.026 48.79-16.384 61.15l-155.072 89.53c-7.050 4.070-14.748 6.006-22.34 6.006z"></path>
 83 |                 <path class="path10" d="M744.632 407.552c-10.314 0-20.346-5.352-25.874-14.926-8.24-14.274-3.35-32.526 10.924-40.768l155.070-89.528c14.272-8.236 32.526-3.352 40.768 10.922 8.24 14.274 3.35 32.526-10.924 40.768l-155.070 89.528c-4.7 2.714-9.83 4.004-14.894 4.004z"></path>
 84 |                 <path class="path11" d="M288.136 940.716c-6.962 0-14.016-1.774-20.48-5.504-19.626-11.332-26.35-36.428-15.020-56.054l89.53-155.070c11.33-19.628 36.426-26.352 56.054-15.022 19.626 11.332 26.35 36.43 15.020 56.054l-89.53 155.072c-7.598 13.166-21.392 20.524-35.574 20.524z"></path>
 85 |                 <path class="path12" d="M646.266 309.242c-5.062 0-10.196-1.29-14.894-4.002-14.274-8.242-19.164-26.494-10.924-40.766l89.534-155.070c8.24-14.274 26.492-19.166 40.766-10.922 14.274 8.242 19.164 26.494 10.924 40.766l-89.532 155.070c-5.53 9.57-15.56 14.924-25.874 14.924z"></path>
 86 |             </symbol>
 87 |             <symbol id="icon-spinner10" viewBox="0 0 1024 1024">
 88 |                 <title>spinner10</title>
 89 |                 <path class="path1" d="M0.042 513.618l-0.022 0.004c0 0 0.012 0.090 0.028 0.222 0.11 3.878 0.55 7.676 1.322 11.352 0.204 1.746 0.428 3.66 0.674 5.774 0.222 1.886 0.46 3.914 0.718 6.078 0.374 2.566 0.77 5.292 1.19 8.176 0.856 5.746 1.8 12.124 2.908 18.958 1.348 6.446 2.804 13.414 4.364 20.864 0.71 3.718 1.776 7.504 2.786 11.406 1.024 3.89 2.078 7.894 3.16 12.004 0.566 2.042 1.040 4.132 1.708 6.208 0.656 2.074 1.32 4.176 1.988 6.3 1.348 4.234 2.726 8.566 4.136 12.988 0.352 1.106 0.708 2.21 1.064 3.324 0.408 1.102 0.814 2.208 1.226 3.316 0.826 2.218 1.658 4.458 2.502 6.714 1.696 4.496 3.422 9.078 5.18 13.742 1.968 4.566 3.97 9.214 6.004 13.934 1.018 2.348 2.044 4.714 3.078 7.098 1.048 2.376 2.27 4.704 3.408 7.074 2.322 4.714 4.678 9.496 7.062 14.332 2.47 4.786 5.208 9.512 7.846 14.328 1.336 2.398 2.68 4.808 4.028 7.23 1.368 2.41 2.902 4.75 4.356 7.14 2.95 4.738 5.93 9.524 8.934 14.348 12.64 18.894 26.676 37.566 42.21 55.278 15.712 17.578 32.726 34.25 50.692 49.602 18.18 15.136 37.264 28.902 56.726 41.114 19.604 12.036 39.644 22.312 59.376 31.144 5.004 2.040 9.964 4.062 14.878 6.066 2.462 0.972 4.868 2.032 7.336 2.918 2.47 0.868 4.93 1.734 7.376 2.594 4.898 1.684 9.678 3.468 14.484 4.992 4.832 1.43 9.604 2.844 14.312 4.242 2.356 0.672 4.66 1.426 7.004 2.012 2.346 0.574 4.676 1.14 6.986 1.704 4.606 1.118 9.142 2.214 13.604 3.296 4.5 0.868 8.926 1.722 13.27 2.558 2.166 0.41 4.31 0.82 6.434 1.222 1.062 0.2 2.118 0.398 3.166 0.598 1.060 0.148 2.118 0.292 3.166 0.442 4.192 0.582 8.292 1.152 12.3 1.71 1.998 0.274 3.972 0.546 5.922 0.816 1.946 0.286 3.904 0.378 5.814 0.57 3.822 0.336 7.544 0.664 11.164 0.98 3.616 0.304 7.104 0.688 10.526 0.738 0.23 0.008 0.452 0.016 0.682 0.026 0.614 34.812 29.008 62.846 63.968 62.846 0.542 0 1.080-0.028 1.62-0.042v0.022c0 0 0.090-0.012 0.224-0.028 3.878-0.11 7.674-0.55 11.35-1.322 1.748-0.204 3.662-0.426 5.776-0.672 1.884-0.222 3.912-0.462 6.076-0.718 2.566-0.376 5.292-0.772 8.176-1.192 5.746-0.856 12.124-1.8 18.958-2.908 6.446-1.348 13.414-2.804 20.864-4.362 3.718-0.712 7.504-1.778 11.406-2.786 3.892-1.026 7.894-2.080 12.004-3.162 2.044-0.566 4.132-1.040 6.208-1.708 2.074-0.656 4.174-1.318 6.3-1.988 4.232-1.348 8.564-2.726 12.988-4.134 1.104-0.354 2.21-0.708 3.324-1.066 1.1-0.406 2.206-0.814 3.316-1.226 2.216-0.824 4.456-1.658 6.714-2.5 4.496-1.698 9.078-3.424 13.74-5.182 4.568-1.968 9.216-3.97 13.936-6.004 2.348-1.018 4.714-2.044 7.098-3.078 2.376-1.048 4.702-2.27 7.074-3.408 4.714-2.322 9.494-4.678 14.33-7.062 4.786-2.47 9.512-5.208 14.328-7.846 2.398-1.336 4.808-2.678 7.23-4.028 2.41-1.366 4.75-2.9 7.14-4.354 4.738-2.952 9.524-5.93 14.35-8.936 18.89-12.64 37.564-26.674 55.278-42.21 17.574-15.712 34.248-32.726 49.602-50.69 15.136-18.182 28.902-37.264 41.112-56.728 12.036-19.602 22.314-39.644 31.142-59.376 2.042-5.002 4.062-9.964 6.068-14.878 0.974-2.462 2.032-4.868 2.918-7.334 0.87-2.472 1.732-4.932 2.592-7.376 1.686-4.898 3.468-9.678 4.994-14.484 1.432-4.832 2.846-9.604 4.24-14.31 0.674-2.358 1.43-4.66 2.016-7.004 0.57-2.348 1.138-4.676 1.702-6.988 1.118-4.606 2.216-9.14 3.296-13.602 0.868-4.502 1.72-8.928 2.558-13.272 0.41-2.164 0.818-4.308 1.222-6.434 0.2-1.060 0.398-2.116 0.596-3.164 0.148-1.062 0.296-2.118 0.444-3.168 0.582-4.19 1.152-8.292 1.708-12.3 0.278-1.996 0.55-3.97 0.82-5.922 0.284-1.946 0.376-3.902 0.568-5.812 0.336-3.822 0.664-7.546 0.98-11.164 0.304-3.616 0.686-7.106 0.738-10.528 0.020-0.534 0.040-1.044 0.058-1.574 35.224-0.146 63.732-28.738 63.732-63.992 0-0.542-0.028-1.080-0.042-1.62h0.022c0 0-0.012-0.090-0.028-0.224-0.11-3.878-0.55-7.674-1.322-11.35-0.204-1.748-0.428-3.662-0.674-5.776-0.222-1.886-0.46-3.914-0.718-6.076-0.374-2.566-0.77-5.294-1.19-8.176-0.856-5.746-1.8-12.124-2.908-18.958-1.348-6.444-2.804-13.414-4.364-20.862-0.71-3.72-1.776-7.506-2.786-11.408-1.024-3.892-2.078-7.894-3.16-12.002-0.566-2.044-1.040-4.134-1.708-6.208-0.656-2.076-1.32-4.174-1.988-6.3-1.348-4.234-2.726-8.566-4.136-12.99-0.352-1.102-0.708-2.21-1.064-3.324-0.408-1.1-0.814-2.206-1.226-3.316-0.826-2.216-1.658-4.454-2.502-6.714-1.696-4.498-3.422-9.080-5.18-13.74-1.968-4.57-3.97-9.216-6.004-13.936-1.020-2.348-2.044-4.714-3.078-7.098-1.048-2.376-2.27-4.702-3.408-7.076-2.322-4.714-4.678-9.494-7.062-14.33-2.47-4.786-5.208-9.512-7.846-14.328-1.336-2.398-2.68-4.808-4.028-7.23-1.368-2.41-2.902-4.75-4.356-7.14-2.95-4.74-5.93-9.524-8.934-14.35-12.64-18.892-26.676-37.564-42.21-55.278-15.712-17.576-32.726-34.25-50.692-49.602-18.18-15.136-37.264-28.902-56.726-41.112-19.604-12.036-39.644-22.314-59.376-31.142-5.004-2.040-9.964-4.062-14.878-6.068-2.462-0.974-4.868-2.032-7.336-2.918-2.47-0.87-4.93-1.734-7.376-2.592-4.898-1.684-9.678-3.468-14.484-4.994-4.832-1.432-9.604-2.846-14.312-4.242-2.356-0.672-4.66-1.428-7.004-2.014-2.346-0.572-4.676-1.138-6.986-1.702-4.606-1.118-9.142-2.216-13.604-3.298-4.5-0.868-8.926-1.72-13.27-2.558-2.166-0.412-4.31-0.82-6.434-1.222-1.062-0.2-2.118-0.398-3.166-0.596-1.060-0.148-2.118-0.296-3.166-0.442-4.192-0.584-8.292-1.154-12.3-1.71-1.998-0.276-3.972-0.55-5.922-0.82-1.946-0.284-3.904-0.376-5.814-0.57-3.822-0.336-7.544-0.664-11.164-0.98-3.616-0.304-7.104-0.686-10.526-0.738-0.852-0.032-1.674-0.062-2.512-0.092-0.65-34.78-29.028-62.778-63.966-62.778-0.542 0-1.080 0.028-1.62 0.042l-0.002-0.022c0 0-0.090 0.012-0.222 0.028-3.878 0.11-7.676 0.55-11.352 1.322-1.748 0.204-3.662 0.426-5.776 0.672-1.884 0.222-3.912 0.462-6.076 0.718-2.566 0.376-5.292 0.772-8.176 1.192-5.746 0.856-12.124 1.8-18.958 2.908-6.446 1.348-13.414 2.804-20.864 4.362-3.718 0.712-7.504 1.778-11.406 2.786-3.892 1.026-7.894 2.080-12.004 3.162-2.044 0.566-4.132 1.040-6.208 1.708-2.074 0.656-4.174 1.318-6.3 1.988-4.232 1.348-8.564 2.726-12.988 4.134-1.104 0.354-2.21 0.708-3.324 1.066-1.1 0.406-2.206 0.814-3.316 1.226-2.216 0.824-4.456 1.658-6.714 2.5-4.496 1.698-9.078 3.424-13.74 5.182-4.568 1.968-9.216 3.97-13.936 6.004-2.348 1.018-4.714 2.044-7.098 3.078-2.376 1.048-4.702 2.27-7.074 3.408-4.714 2.322-9.494 4.678-14.33 7.062-4.786 2.47-9.512 5.208-14.328 7.846-2.398 1.336-4.808 2.678-7.23 4.028-2.41 1.366-4.75 2.9-7.14 4.354-4.738 2.952-9.524 5.93-14.35 8.936-18.89 12.64-37.564 26.674-55.278 42.21-17.574 15.712-34.248 32.726-49.602 50.69-15.136 18.182-28.902 37.264-41.112 56.728-12.036 19.602-22.314 39.644-31.142 59.376-2.042 5.002-4.062 9.964-6.068 14.878-0.974 2.462-2.032 4.868-2.918 7.334-0.87 2.472-1.732 4.932-2.592 7.376-1.686 4.898-3.468 9.678-4.994 14.484-1.432 4.832-2.846 9.604-4.24 14.31-0.674 2.358-1.43 4.66-2.016 7.004-0.57 2.348-1.138 4.676-1.702 6.988-1.118 4.606-2.216 9.14-3.296 13.602-0.868 4.502-1.72 8.928-2.558 13.272-0.41 2.164-0.818 4.308-1.222 6.434-0.2 1.060-0.398 2.116-0.596 3.164-0.148 1.062-0.296 2.118-0.444 3.168-0.582 4.19-1.152 8.292-1.708 12.3-0.278 1.996-0.55 3.97-0.82 5.922-0.284 1.946-0.376 3.902-0.568 5.812-0.336 3.822-0.664 7.546-0.98 11.164-0.304 3.616-0.686 7.106-0.738 10.528-0.020 0.548-0.040 1.076-0.058 1.62-34.376 1.112-61.902 29.304-61.902 63.946 0 0.542 0.028 1.078 0.042 1.618zM73.518 448.706c0.042-0.196 0.086-0.384 0.128-0.58 0.644-3.248 1.632-6.542 2.556-9.942 0.934-3.388 1.894-6.876 2.88-10.454 0.516-1.78 0.934-3.602 1.546-5.406 0.596-1.802 1.202-3.628 1.81-5.476 1.218-3.682 2.464-7.45 3.736-11.294 0.316-0.958 0.634-1.924 0.956-2.892 0.37-0.954 0.74-1.914 1.114-2.876 0.746-1.924 1.5-3.868 2.26-5.83 1.52-3.904 3.070-7.882 4.646-11.93 1.768-3.96 3.566-7.99 5.392-12.080 0.908-2.038 1.824-4.090 2.746-6.156 0.932-2.060 2.036-4.072 3.052-6.126 2.070-4.084 4.17-8.222 6.294-12.412 2.202-4.142 4.654-8.224 6.998-12.392 1.184-2.074 2.374-4.16 3.57-6.256 1.21-2.086 2.586-4.102 3.876-6.166 2.616-4.098 5.256-8.232 7.918-12.402 11.234-16.298 23.632-32.398 37.33-47.638 13.874-15.104 28.842-29.404 44.598-42.548 15.974-12.928 32.686-24.65 49.676-35.022 17.13-10.194 34.6-18.838 51.734-26.258 4.35-1.7 8.662-3.382 12.934-5.050 2.136-0.812 4.216-1.71 6.36-2.444 2.146-0.714 4.28-1.428 6.404-2.136 4.25-1.386 8.382-2.888 12.548-4.142 4.184-1.174 8.314-2.332 12.392-3.474 2.038-0.55 4.026-1.19 6.054-1.662 2.030-0.458 4.044-0.914 6.044-1.368 3.978-0.91 7.896-1.806 11.748-2.688 3.888-0.686 7.71-1.36 11.462-2.022 1.868-0.33 3.716-0.658 5.546-0.98 0.914-0.162 1.824-0.324 2.728-0.484 0.916-0.112 1.828-0.222 2.734-0.332 3.612-0.448 7.148-0.882 10.604-1.31 1.72-0.216 3.422-0.432 5.102-0.644 1.674-0.226 3.364-0.266 5.010-0.408 3.292-0.238 6.498-0.472 9.616-0.7 3.11-0.218 6.11-0.524 9.058-0.508 5.848-0.132 11.32-0.256 16.38-0.372 4.664 0.168 8.948 0.324 12.818 0.462 1.914 0.054 3.726 0.108 5.432 0.156 2.122 0.134 4.108 0.26 5.958 0.378 2.13 0.138 4.060 0.266 5.82 0.38 3.256 0.51 6.592 0.782 9.99 0.782 0.466 0 0.93-0.026 1.396-0.036 0.132 0.008 0.224 0.014 0.224 0.014v-0.020c31.14-0.778 56.75-23.784 61.556-53.754 0.542 0.12 1.064 0.236 1.612 0.356 3.246 0.644 6.542 1.632 9.942 2.556 3.386 0.934 6.876 1.894 10.454 2.88 1.778 0.516 3.602 0.934 5.404 1.546 1.802 0.596 3.63 1.202 5.478 1.812 3.68 1.218 7.448 2.464 11.292 3.736 0.96 0.316 1.924 0.634 2.892 0.956 0.956 0.37 1.914 0.74 2.876 1.112 1.926 0.746 3.868 1.5 5.83 2.26 3.904 1.52 7.884 3.070 11.932 4.646 3.96 1.768 7.988 3.566 12.080 5.392 2.038 0.908 4.088 1.824 6.156 2.746 2.060 0.932 4.072 2.036 6.126 3.054 4.082 2.070 8.222 4.17 12.41 6.294 4.144 2.202 8.226 4.654 12.394 6.998 2.074 1.184 4.16 2.374 6.256 3.572 2.086 1.21 4.102 2.586 6.166 3.876 4.098 2.616 8.23 5.256 12.402 7.918 16.296 11.234 32.398 23.632 47.636 37.33 15.104 13.874 29.406 28.842 42.55 44.598 12.928 15.974 24.648 32.686 35.020 49.676 10.196 17.13 18.84 34.6 26.26 51.736 1.698 4.348 3.382 8.662 5.050 12.932 0.812 2.136 1.71 4.216 2.444 6.36 0.714 2.146 1.428 4.28 2.136 6.404 1.386 4.25 2.888 8.384 4.142 12.548 1.174 4.184 2.33 8.316 3.474 12.392 0.55 2.038 1.19 4.026 1.66 6.054 0.46 2.030 0.916 4.046 1.368 6.046 0.91 3.978 1.808 7.896 2.688 11.748 0.688 3.888 1.362 7.71 2.024 11.462 0.33 1.868 0.656 3.716 0.98 5.548 0.162 0.914 0.324 1.824 0.484 2.728 0.11 0.916 0.222 1.828 0.332 2.734 0.446 3.612 0.882 7.148 1.31 10.604 0.216 1.72 0.432 3.42 0.642 5.1 0.226 1.674 0.268 3.364 0.41 5.010 0.238 3.292 0.472 6.498 0.7 9.616 0.218 3.11 0.524 6.11 0.508 9.058 0.132 5.848 0.256 11.32 0.372 16.38-0.168 4.664-0.324 8.948-0.462 12.818-0.054 1.914-0.108 3.726-0.156 5.432-0.134 2.122-0.26 4.108-0.378 5.958-0.138 2.13-0.266 4.060-0.38 5.82-0.498 3.256-0.768 6.592-0.768 9.99 0 0.468 0.026 0.93 0.036 1.396-0.008 0.132-0.016 0.224-0.016 0.224h0.022c0.768 30.766 23.236 56.128 52.682 61.37-0.066 0.296-0.13 0.584-0.198 0.884-0.644 3.248-1.632 6.542-2.556 9.942-0.934 3.388-1.894 6.876-2.88 10.454-0.516 1.78-0.934 3.602-1.546 5.406-0.596 1.802-1.202 3.628-1.81 5.476-1.218 3.682-2.464 7.45-3.736 11.294-0.316 0.958-0.634 1.924-0.956 2.892-0.37 0.954-0.74 1.914-1.114 2.876-0.746 1.924-1.5 3.868-2.26 5.83-1.52 3.904-3.070 7.882-4.646 11.93-1.768 3.96-3.566 7.99-5.392 12.080-0.908 2.038-1.824 4.090-2.746 6.156-0.932 2.060-2.036 4.072-3.052 6.126-2.070 4.084-4.17 8.222-6.294 12.412-2.202 4.142-4.654 8.224-6.998 12.392-1.184 2.074-2.374 4.16-3.57 6.256-1.21 2.086-2.586 4.102-3.876 6.166-2.616 4.098-5.256 8.232-7.918 12.402-11.234 16.298-23.632 32.398-37.33 47.638-13.874 15.104-28.842 29.404-44.598 42.548-15.974 12.928-32.686 24.65-49.676 35.022-17.13 10.194-34.6 18.838-51.734 26.258-4.35 1.7-8.662 3.382-12.934 5.050-2.136 0.812-4.216 1.71-6.36 2.444-2.146 0.714-4.28 1.428-6.404 2.136-4.25 1.386-8.382 2.888-12.548 4.142-4.184 1.174-8.314 2.332-12.392 3.474-2.038 0.55-4.026 1.19-6.054 1.662-2.030 0.458-4.044 0.914-6.044 1.368-3.978 0.91-7.896 1.806-11.748 2.688-3.888 0.686-7.71 1.36-11.462 2.022-1.868 0.33-3.716 0.658-5.546 0.98-0.914 0.162-1.824 0.324-2.728 0.484-0.916 0.112-1.828 0.222-2.734 0.332-3.612 0.448-7.148 0.882-10.604 1.31-1.72 0.216-3.422 0.432-5.102 0.644-1.674 0.226-3.364 0.266-5.010 0.408-3.292 0.238-6.498 0.472-9.616 0.7-3.11 0.218-6.11 0.524-9.058 0.508-5.848 0.132-11.32 0.256-16.38 0.372-4.664-0.168-8.948-0.324-12.818-0.462-1.914-0.054-3.726-0.108-5.432-0.156-2.122-0.134-4.108-0.26-5.958-0.378-2.13-0.138-4.060-0.266-5.82-0.38-3.256-0.51-6.592-0.782-9.99-0.782-0.466 0-0.93 0.026-1.396 0.036-0.132-0.008-0.224-0.014-0.224-0.014v0.020c-31.004 0.774-56.524 23.586-61.488 53.364-3.2-0.64-6.446-1.61-9.792-2.522-3.386-0.934-6.876-1.894-10.454-2.878-1.778-0.516-3.602-0.938-5.404-1.546-1.802-0.598-3.63-1.204-5.478-1.812-3.68-1.218-7.448-2.464-11.292-3.738-0.96-0.316-1.924-0.632-2.892-0.954-0.956-0.372-1.914-0.742-2.876-1.114-1.926-0.746-3.868-1.5-5.83-2.258-3.904-1.524-7.884-3.070-11.932-4.648-3.96-1.77-7.988-3.566-12.080-5.39-2.038-0.91-4.088-1.824-6.156-2.746-2.060-0.934-4.072-2.036-6.126-3.054-4.082-2.070-8.222-4.172-12.41-6.296-4.144-2.2-8.226-4.652-12.394-6.996-2.074-1.184-4.16-2.376-6.256-3.57-2.086-1.21-4.102-2.586-6.166-3.878-4.098-2.614-8.23-5.254-12.402-7.918-16.296-11.23-32.398-23.632-47.636-37.328-15.104-13.876-29.406-28.84-42.55-44.598-12.928-15.972-24.648-32.684-35.020-49.676-10.196-17.128-18.84-34.602-26.26-51.734-1.698-4.352-3.382-8.664-5.050-12.934-0.812-2.136-1.71-4.218-2.444-6.36-0.714-2.148-1.428-4.282-2.136-6.406-1.386-4.25-2.888-8.382-4.142-12.546-1.174-4.184-2.33-8.316-3.474-12.394-0.55-2.036-1.19-4.024-1.66-6.054-0.46-2.028-0.916-4.042-1.368-6.042-0.91-3.98-1.808-7.898-2.688-11.75-0.688-3.886-1.362-7.71-2.024-11.46-0.33-1.868-0.656-3.718-0.98-5.546-0.162-0.914-0.324-1.824-0.484-2.73-0.11-0.914-0.222-1.828-0.332-2.734-0.446-3.61-0.882-7.148-1.31-10.602-0.216-1.722-0.432-3.422-0.642-5.102-0.226-1.676-0.268-3.364-0.41-5.012-0.238-3.29-0.472-6.496-0.7-9.614-0.218-3.11-0.524-6.11-0.508-9.058-0.132-5.848-0.256-11.32-0.372-16.382 0.168-4.664 0.324-8.946 0.462-12.816 0.054-1.914 0.108-3.726 0.156-5.434 0.134-2.122 0.26-4.106 0.378-5.958 0.138-2.128 0.266-4.058 0.38-5.82 0.496-3.26 0.766-6.596 0.766-9.994 0-0.466-0.026-0.93-0.036-1.396 0.008-0.132 0.016-0.224 0.016-0.224h-0.022c-0.78-31.38-24.134-57.154-54.44-61.674z"></path>
 90 |             </symbol>
 91 |             <symbol id="icon-equalizer" viewBox="0 0 1024 1024">
 92 |                 <title>equalizer</title>
 93 |                 <path class="path1" d="M448 128v-16c0-26.4-21.6-48-48-48h-160c-26.4 0-48 21.6-48 48v16h-192v128h192v16c0 26.4 21.6 48 48 48h160c26.4 0 48-21.6 48-48v-16h576v-128h-576zM256 256v-128h128v128h-128zM832 432c0-26.4-21.6-48-48-48h-160c-26.4 0-48 21.6-48 48v16h-576v128h576v16c0 26.4 21.6 48 48 48h160c26.4 0 48-21.6 48-48v-16h192v-128h-192v-16zM640 576v-128h128v128h-128zM448 752c0-26.4-21.6-48-48-48h-160c-26.4 0-48 21.6-48 48v16h-192v128h192v16c0 26.4 21.6 48 48 48h160c26.4 0 48-21.6 48-48v-16h576v-128h-576v-16zM256 896v-128h128v128h-128z"></path>
 94 |             </symbol>
 95 |             <symbol id="icon-equalizer2" viewBox="0 0 1024 1024">
 96 |                 <title>equalizer2</title>
 97 |                 <path class="path1" d="M896 448h16c26.4 0 48-21.6 48-48v-160c0-26.4-21.6-48-48-48h-16v-192h-128v192h-16c-26.4 0-48 21.6-48 48v160c0 26.4 21.6 48 48 48h16v576h128v-576zM768 256h128v128h-128v-128zM592 832c26.4 0 48-21.6 48-48v-160c0-26.4-21.6-48-48-48h-16v-576h-128v576h-16c-26.4 0-48 21.6-48 48v160c0 26.4 21.6 48 48 48h16v192h128v-192h16zM448 640h128v128h-128v-128zM272 448c26.4 0 48-21.6 48-48v-160c0-26.4-21.6-48-48-48h-16v-192h-128v192h-16c-26.4 0-48 21.6-48 48v160c0 26.4 21.6 48 48 48h16v576h128v-576h16zM128 256h128v128h-128v-128z"></path>
 98 |             </symbol>
 99 |             <symbol id="icon-bug" viewBox="0 0 1024 1024">
100 |                 <title>bug</title>
101 |                 <path class="path1" d="M1024 576v-64h-193.29c-5.862-72.686-31.786-139.026-71.67-192.25h161.944l70.060-280.24-62.090-15.522-57.94 231.76h-174.68c-0.892-0.694-1.796-1.374-2.698-2.056 6.71-19.502 10.362-40.422 10.362-62.194 0.002-105.76-85.958-191.498-191.998-191.498s-192 85.738-192 191.5c0 21.772 3.65 42.692 10.362 62.194-0.9 0.684-1.804 1.362-2.698 2.056h-174.68l-57.94-231.76-62.090 15.522 70.060 280.24h161.944c-39.884 53.222-65.806 119.562-71.668 192.248h-193.29v64h193.37c3.802 45.664 15.508 88.812 33.638 127.75h-123.992l-70.060 280.238 62.090 15.524 57.94-231.762h112.354c58.692 78.032 147.396 127.75 246.66 127.75s187.966-49.718 246.662-127.75h112.354l57.94 231.762 62.090-15.524-70.060-280.238h-123.992c18.13-38.938 29.836-82.086 33.636-127.75h193.37z"></path>
102 |             </symbol>
103 |             <symbol id="icon-rocket" viewBox="0 0 1024 1024">
104 |                 <title>rocket</title>
105 |                 <path class="path1" d="M704 64l-320 320h-192l-192 256c0 0 203.416-56.652 322.066-30.084l-322.066 414.084 421.902-328.144c58.838 134.654-37.902 328.144-37.902 328.144l256-192v-192l320-320 64-320-320 64z"></path>
106 |             </symbol>
107 |             <symbol id="icon-bin" viewBox="0 0 1024 1024">
108 |                 <title>bin</title>
109 |                 <path class="path1" d="M128 320v640c0 35.2 28.8 64 64 64h576c35.2 0 64-28.8 64-64v-640h-704zM320 896h-64v-448h64v448zM448 896h-64v-448h64v448zM576 896h-64v-448h64v448zM704 896h-64v-448h64v448z"></path>
110 |                 <path class="path2" d="M848 128h-208v-80c0-26.4-21.6-48-48-48h-224c-26.4 0-48 21.6-48 48v80h-208c-26.4 0-48 21.6-48 48v80h832v-80c0-26.4-21.6-48-48-48zM576 128h-192v-63.198h192v63.198z"></path>
111 |             </symbol>
112 |             <symbol id="icon-bin2" viewBox="0 0 1024 1024">
113 |                 <title>bin2</title>
114 |                 <path class="path1" d="M192 1024h640l64-704h-768zM640 128v-128h-256v128h-320v192l64-64h768l64 64v-192h-320zM576 128h-128v-64h128v64z"></path>
115 |             </symbol>
116 |             <symbol id="icon-menu" viewBox="0 0 1024 1024">
117 |                 <title>menu</title>
118 |                 <path class="path1" d="M64 192h896v192h-896zM64 448h896v192h-896zM64 704h896v192h-896z"></path>
119 |             </symbol>
120 |             <symbol id="icon-link" viewBox="0 0 1024 1024">
121 |                 <title>link</title>
122 |                 <path class="path1" d="M440.236 635.766c-13.31 0-26.616-5.076-36.77-15.23-95.134-95.136-95.134-249.934 0-345.070l192-192c46.088-46.086 107.36-71.466 172.534-71.466s126.448 25.38 172.536 71.464c95.132 95.136 95.132 249.934 0 345.070l-87.766 87.766c-20.308 20.308-53.23 20.308-73.54 0-20.306-20.306-20.306-53.232 0-73.54l87.766-87.766c54.584-54.586 54.584-143.404 0-197.99-26.442-26.442-61.6-41.004-98.996-41.004s-72.552 14.562-98.996 41.006l-192 191.998c-54.586 54.586-54.586 143.406 0 197.992 20.308 20.306 20.306 53.232 0 73.54-10.15 10.152-23.462 15.23-36.768 15.23z"></path>
123 |                 <path class="path2" d="M256 1012c-65.176 0-126.45-25.38-172.534-71.464-95.134-95.136-95.134-249.934 0-345.070l87.764-87.764c20.308-20.306 53.234-20.306 73.54 0 20.308 20.306 20.308 53.232 0 73.54l-87.764 87.764c-54.586 54.586-54.586 143.406 0 197.992 26.44 26.44 61.598 41.002 98.994 41.002s72.552-14.562 98.998-41.006l192-191.998c54.584-54.586 54.584-143.406 0-197.992-20.308-20.308-20.306-53.232 0-73.54 20.306-20.306 53.232-20.306 73.54 0.002 95.132 95.134 95.132 249.932 0.002 345.068l-192.002 192c-46.090 46.088-107.364 71.466-172.538 71.466z"></path>
124 |             </symbol>
125 |             <symbol id="icon-star-full" viewBox="0 0 1024 1024">
126 |                 <title>star-full</title>
127 |                 <path class="path1" d="M1024 397.050l-353.78-51.408-158.22-320.582-158.216 320.582-353.784 51.408 256 249.538-60.432 352.352 316.432-166.358 316.432 166.358-60.434-352.352 256.002-249.538z"></path>
128 |             </symbol>
129 |             <symbol id="icon-heart" viewBox="0 0 1024 1024">
130 |                 <title>heart</title>
131 |                 <path class="path1" d="M755.188 64c-107.63 0-200.258 87.554-243.164 179-42.938-91.444-135.578-179-243.216-179-148.382 0-268.808 120.44-268.808 268.832 0 301.846 304.5 380.994 512.022 679.418 196.154-296.576 511.978-387.206 511.978-679.418 0-148.392-120.43-268.832-268.812-268.832z"></path>
132 |             </symbol>
133 |             <symbol id="icon-heart-broken" viewBox="0 0 1024 1024">
134 |                 <title>heart-broken</title>
135 |                 <path class="path1" d="M755.188 64c148.382 0 268.812 120.44 268.812 268.832 0 292.21-315.824 382.842-511.978 679.418-207.522-298.424-512.022-377.572-512.022-679.418 0-148.392 120.426-268.832 268.808-268.832 60.354 0 115.99 27.53 160.796 67.834l-77.604 124.166 224 128-128 320 352-384-224-128 61.896-92.846c35.42-21.768 75.21-35.154 117.292-35.154z"></path>
136 |             </symbol>
137 |             <symbol id="icon-info" viewBox="0 0 1024 1024">
138 |                 <title>info</title>
139 |                 <path class="path1" d="M448 304c0-26.4 21.6-48 48-48h32c26.4 0 48 21.6 48 48v32c0 26.4-21.6 48-48 48h-32c-26.4 0-48-21.6-48-48v-32z"></path>
140 |                 <path class="path2" d="M640 768h-256v-64h64v-192h-64v-64h192v256h64z"></path>
141 |                 <path class="path3" d="M512 0c-282.77 0-512 229.23-512 512s229.23 512 512 512 512-229.23 512-512-229.23-512-512-512zM512 928c-229.75 0-416-186.25-416-416s186.25-416 416-416 416 186.25 416 416-186.25 416-416 416z"></path>
142 |             </symbol>
143 |             <symbol id="icon-cross" viewBox="0 0 1024 1024">
144 |                 <title>cross</title>
145 |                 <path class="path1" d="M1014.662 822.66c-0.004-0.004-0.008-0.008-0.012-0.010l-310.644-310.65 310.644-310.65c0.004-0.004 0.008-0.006 0.012-0.010 3.344-3.346 5.762-7.254 7.312-11.416 4.246-11.376 1.824-24.682-7.324-33.83l-146.746-146.746c-9.148-9.146-22.45-11.566-33.828-7.32-4.16 1.55-8.070 3.968-11.418 7.31 0 0.004-0.004 0.006-0.008 0.010l-310.648 310.652-310.648-310.65c-0.004-0.004-0.006-0.006-0.010-0.010-3.346-3.342-7.254-5.76-11.414-7.31-11.38-4.248-24.682-1.826-33.83 7.32l-146.748 146.748c-9.148 9.148-11.568 22.452-7.322 33.828 1.552 4.16 3.97 8.072 7.312 11.416 0.004 0.002 0.006 0.006 0.010 0.010l310.65 310.648-310.65 310.652c-0.002 0.004-0.006 0.006-0.008 0.010-3.342 3.346-5.76 7.254-7.314 11.414-4.248 11.376-1.826 24.682 7.322 33.83l146.748 146.746c9.15 9.148 22.452 11.568 33.83 7.322 4.16-1.552 8.070-3.97 11.416-7.312 0.002-0.004 0.006-0.006 0.010-0.010l310.648-310.65 310.648 310.65c0.004 0.002 0.008 0.006 0.012 0.008 3.348 3.344 7.254 5.762 11.414 7.314 11.378 4.246 24.684 1.826 33.828-7.322l146.746-146.748c9.148-9.148 11.57-22.454 7.324-33.83-1.552-4.16-3.97-8.068-7.314-11.414z"></path>
146 |             </symbol>
147 |             <symbol id="icon-checkmark" viewBox="0 0 1024 1024">
148 |                 <title>checkmark</title>
149 |                 <path class="path1" d="M864 128l-480 480-224-224-160 160 384 384 640-640z"></path>
150 |             </symbol>
151 |             <symbol id="icon-play3" viewBox="0 0 1024 1024">
152 |                 <title>play3</title>
153 |                 <path class="path1" d="M192 128l640 384-640 384z"></path>
154 |             </symbol>
155 |             <symbol id="icon-pause2" viewBox="0 0 1024 1024">
156 |                 <title>pause2</title>
157 |                 <path class="path1" d="M128 128h320v768h-320zM576 128h320v768h-320z"></path>
158 |             </symbol>
159 |             <symbol id="icon-stop2" viewBox="0 0 1024 1024">
160 |                 <title>stop2</title>
161 |                 <path class="path1" d="M128 128h768v768h-768z"></path>
162 |             </symbol>
163 |             <symbol id="icon-backward2" viewBox="0 0 1024 1024">
164 |                 <title>backward2</title>
165 |                 <path class="path1" d="M576 160v320l320-320v704l-320-320v320l-352-352z"></path>
166 |             </symbol>
167 |             <symbol id="icon-forward3" viewBox="0 0 1024 1024">
168 |                 <title>forward3</title>
169 |                 <path class="path1" d="M512 864v-320l-320 320v-704l320 320v-320l352 352z"></path>
170 |             </symbol>
171 |             <symbol id="icon-first" viewBox="0 0 1024 1024">
172 |                 <title>first</title>
173 |                 <path class="path1" d="M128 896v-768h128v352l320-320v320l320-320v704l-320-320v320l-320-320v352z"></path>
174 |             </symbol>
175 |             <symbol id="icon-last" viewBox="0 0 1024 1024">
176 |                 <title>last</title>
177 |                 <path class="path1" d="M896 128v768h-128v-352l-320 320v-320l-320 320v-704l320 320v-320l320 320v-352z"></path>
178 |             </symbol>
179 |             <symbol id="icon-volume-high" viewBox="0 0 1088 1024">
180 |                 <title>volume-high</title>
181 |                 <path class="path1" d="M890.040 922.040c-12.286 0-24.566-4.686-33.942-14.056-18.744-18.746-18.744-49.136 0-67.882 87.638-87.642 135.904-204.16 135.904-328.1 0-123.938-48.266-240.458-135.904-328.098-18.744-18.746-18.744-49.138 0-67.882s49.138-18.744 67.882 0c105.77 105.772 164.022 246.4 164.022 395.98s-58.252 290.208-164.022 395.98c-9.372 9.372-21.656 14.058-33.94 14.058zM719.53 831.53c-12.286 0-24.566-4.686-33.942-14.056-18.744-18.744-18.744-49.136 0-67.882 131.006-131.006 131.006-344.17 0-475.176-18.744-18.746-18.744-49.138 0-67.882 18.744-18.742 49.138-18.744 67.882 0 81.594 81.59 126.53 190.074 126.53 305.466 0 115.39-44.936 223.876-126.53 305.47-9.372 9.374-21.656 14.060-33.94 14.060v0zM549.020 741.020c-12.286 0-24.568-4.686-33.942-14.058-18.746-18.746-18.746-49.134 0-67.88 81.1-81.1 81.1-213.058 0-294.156-18.746-18.746-18.746-49.138 0-67.882s49.136-18.744 67.882 0c118.53 118.53 118.53 311.392 0 429.922-9.372 9.368-21.656 14.054-33.94 14.054z"></path>
182 |                 <path class="path2" d="M416.006 960c-8.328 0-16.512-3.25-22.634-9.374l-246.626-246.626h-114.746c-17.672 0-32-14.326-32-32v-320c0-17.672 14.328-32 32-32h114.746l246.626-246.628c9.154-9.154 22.916-11.89 34.874-6.936 11.958 4.952 19.754 16.622 19.754 29.564v832c0 12.944-7.796 24.612-19.754 29.564-3.958 1.64-8.118 2.436-12.24 2.436z"></path>
183 |             </symbol>
184 |             <symbol id="icon-volume-medium" viewBox="0 0 1024 1024">
185 |                 <title>volume-medium</title>
186 |                 <path class="path1" d="M719.53 831.53c-12.286 0-24.566-4.686-33.942-14.056-18.744-18.744-18.744-49.136 0-67.882 131.006-131.006 131.006-344.17 0-475.176-18.744-18.746-18.744-49.138 0-67.882 18.744-18.742 49.138-18.744 67.882 0 81.594 81.59 126.53 190.074 126.53 305.466 0 115.39-44.936 223.876-126.53 305.47-9.372 9.374-21.656 14.060-33.94 14.060v0zM549.020 741.020c-12.286 0-24.566-4.686-33.942-14.058-18.746-18.746-18.746-49.134 0-67.88 81.1-81.1 81.1-213.058 0-294.156-18.746-18.746-18.746-49.138 0-67.882s49.136-18.744 67.882 0c118.53 118.53 118.53 311.392 0 429.922-9.372 9.368-21.656 14.054-33.94 14.054z"></path>
187 |                 <path class="path2" d="M416.006 960c-8.328 0-16.512-3.25-22.634-9.374l-246.626-246.626h-114.746c-17.672 0-32-14.326-32-32v-320c0-17.672 14.328-32 32-32h114.746l246.626-246.628c9.154-9.154 22.916-11.89 34.874-6.936 11.958 4.952 19.754 16.622 19.754 29.564v832c0 12.944-7.796 24.612-19.754 29.564-3.958 1.64-8.118 2.436-12.24 2.436z"></path>
188 |             </symbol>
189 |             <symbol id="icon-volume-low" viewBox="0 0 1024 1024">
190 |                 <title>volume-low</title>
191 |                 <path class="path1" d="M549.020 741.020c-12.286 0-24.566-4.686-33.942-14.058-18.746-18.746-18.746-49.134 0-67.88 81.1-81.1 81.1-213.058 0-294.156-18.746-18.746-18.746-49.138 0-67.882s49.136-18.744 67.882 0c118.53 118.53 118.53 311.392 0 429.922-9.372 9.368-21.656 14.054-33.94 14.054z"></path>
192 |                 <path class="path2" d="M416.006 960c-8.328 0-16.512-3.25-22.634-9.374l-246.626-246.626h-114.746c-17.672 0-32-14.326-32-32v-320c0-17.672 14.328-32 32-32h114.746l246.626-246.628c9.154-9.154 22.916-11.89 34.874-6.936 11.958 4.952 19.754 16.622 19.754 29.564v832c0 12.944-7.796 24.612-19.754 29.564-3.958 1.64-8.118 2.436-12.24 2.436z"></path>
193 |             </symbol>
194 |             <symbol id="icon-volume-mute" viewBox="0 0 1024 1024">
195 |                 <title>volume-mute</title>
196 |                 <path class="path1" d="M416.006 960c-8.328 0-16.512-3.25-22.634-9.374l-246.626-246.626h-114.746c-17.672 0-32-14.326-32-32v-320c0-17.672 14.328-32 32-32h114.746l246.626-246.628c9.154-9.154 22.916-11.89 34.874-6.936 11.958 4.952 19.754 16.622 19.754 29.564v832c0 12.944-7.796 24.612-19.754 29.564-3.958 1.64-8.118 2.436-12.24 2.436z"></path>
197 |             </symbol>
198 |             <symbol id="icon-volume-mute2" viewBox="0 0 1024 1024">
199 |                 <title>volume-mute2</title>
200 |                 <path class="path1" d="M960 619.148v84.852h-84.852l-107.148-107.148-107.148 107.148h-84.852v-84.852l107.148-107.148-107.148-107.148v-84.852h84.852l107.148 107.148 107.148-107.148h84.852v84.852l-107.148 107.148 107.148 107.148z"></path>
201 |                 <path class="path2" d="M416.006 960c-8.328 0-16.512-3.25-22.634-9.374l-246.626-246.626h-114.746c-17.672 0-32-14.326-32-32v-320c0-17.672 14.328-32 32-32h114.746l246.626-246.628c9.154-9.154 22.916-11.89 34.874-6.936 11.958 4.952 19.754 16.622 19.754 29.564v832c0 12.944-7.796 24.612-19.754 29.564-3.958 1.64-8.118 2.436-12.24 2.436z"></path>
202 |             </symbol>
203 |             <symbol id="icon-checkbox-checked" viewBox="0 0 1024 1024">
204 |                 <title>checkbox-checked</title>
205 |                 <path class="path1" d="M896 0h-768c-70.4 0-128 57.6-128 128v768c0 70.4 57.6 128 128 128h768c70.4 0 128-57.6 128-128v-768c0-70.4-57.6-128-128-128zM448 794.51l-237.254-237.256 90.51-90.508 146.744 146.744 306.746-306.746 90.508 90.51-397.254 397.256z"></path>
206 |             </symbol>
207 |             <symbol id="icon-checkbox-unchecked" viewBox="0 0 1024 1024">
208 |                 <title>checkbox-unchecked</title>
209 |                 <path class="path1" d="M896 0h-768c-70.4 0-128 57.6-128 128v768c0 70.4 57.6 128 128 128h768c70.4 0 128-57.6 128-128v-768c0-70.4-57.6-128-128-128zM896 896h-768v-768h768v768z"></path>
210 |             </symbol>
211 |             <symbol id="icon-radio-checked" viewBox="0 0 1024 1024">
212 |                 <title>radio-checked</title>
213 |                 <path class="path1" d="M512 0c-282.77 0-512 229.23-512 512s229.23 512 512 512 512-229.23 512-512-229.23-512-512-512zM512 896c-212.078 0-384-171.922-384-384s171.922-384 384-384c212.078 0 384 171.922 384 384s-171.922 384-384 384zM320 512c0-106.039 85.961-192 192-192s192 85.961 192 192c0 106.039-85.961 192-192 192s-192-85.961-192-192z"></path>
214 |             </symbol>
215 |             <symbol id="icon-radio-checked2" viewBox="0 0 1024 1024">
216 |                 <title>radio-checked2</title>
217 |                 <path class="path1" d="M512 0c-282.77 0-512 229.23-512 512s229.23 512 512 512 512-229.23 512-512-229.23-512-512-512zM512 640c-70.692 0-128-57.306-128-128 0-70.692 57.308-128 128-128 70.694 0 128 57.308 128 128 0 70.694-57.306 128-128 128z"></path>
218 |             </symbol>
219 |             <symbol id="icon-twitter" viewBox="0 0 1024 1024">
220 |                 <title>twitter</title>
221 |                 <path class="path1" d="M1024 194.418c-37.676 16.708-78.164 28.002-120.66 33.080 43.372-26 76.686-67.17 92.372-116.23-40.596 24.078-85.556 41.56-133.41 50.98-38.32-40.83-92.922-66.34-153.346-66.34-116.022 0-210.088 94.058-210.088 210.078 0 16.466 1.858 32.5 5.44 47.878-174.6-8.764-329.402-92.4-433.018-219.506-18.084 31.028-28.446 67.116-28.446 105.618 0 72.888 37.088 137.192 93.46 174.866-34.438-1.092-66.832-10.542-95.154-26.278-0.020 0.876-0.020 1.756-0.020 2.642 0 101.788 72.418 186.696 168.522 206-17.626 4.8-36.188 7.372-55.348 7.372-13.538 0-26.698-1.32-39.528-3.772 26.736 83.46 104.32 144.206 196.252 145.896-71.9 56.35-162.486 89.934-260.916 89.934-16.958 0-33.68-0.994-50.116-2.94 92.972 59.61 203.402 94.394 322.042 94.394 386.422 0 597.736-320.124 597.736-597.744 0-9.108-0.206-18.168-0.61-27.18 41.056-29.62 76.672-66.62 104.836-108.748z"></path>
222 |             </symbol>
223 |             <symbol id="icon-github2" viewBox="0 0 1024 1024">
224 |                 <title>github2</title>
225 |                 <path class="path1" d="M0 556.41c0 46.398 4.34 88.38 13.022 125.934 8.678 37.554 20.696 70.184 36.052 97.892s34.884 52.078 58.586 73.108c23.7 21.032 49.406 38.224 77.112 51.576 27.706 13.35 59.336 24.198 94.888 32.546 35.552 8.346 71.856 14.188 108.91 17.528 37.054 3.338 77.78 5.006 122.178 5.006 44.732 0 85.628-1.668 122.68-5.006 37.054-3.34 73.442-9.184 109.16-17.528s67.512-19.192 95.388-32.546c27.876-13.354 53.746-30.544 77.616-51.576 23.87-21.030 43.566-45.404 59.086-73.108s27.622-60.336 36.302-97.892c8.68-37.556 13.020-79.536 13.020-125.934 0-82.788-27.708-154.394-83.118-214.816 3.004-8.012 5.758-17.108 8.262-27.29s4.84-24.702 7.010-43.564c2.17-18.862 1.336-40.642-2.504-65.346-3.838-24.704-10.932-49.906-21.284-75.612l-7.51-1.502c-5.342-1-14.106-0.75-26.29 0.752s-26.372 4.506-42.562 9.014c-16.19 4.506-37.054 13.186-62.592 26.038s-52.494 28.958-80.87 48.32c-48.736-13.352-115.668-20.030-200.792-20.030-84.792 0-151.556 6.678-200.294 20.030-28.376-19.362-55.5-35.468-81.37-48.32s-46.484-21.532-61.84-26.038c-15.354-4.508-29.71-7.428-43.062-8.764-13.354-1.336-21.784-1.752-25.288-1.252s-6.26 1.086-8.262 1.752c-10.348 25.706-17.442 50.906-21.28 75.612-3.838 24.704-4.674 46.486-2.504 65.346s4.508 33.382 7.010 43.564c2.504 10.182 5.258 19.278 8.262 27.29-55.414 60.422-83.122 132.026-83.122 214.816zM125.684 682.094c0-48.070 21.866-92.136 65.596-132.194 13.018-12.020 28.208-21.114 45.566-27.292 17.358-6.176 36.97-9.68 58.836-10.516 21.866-0.834 42.812-0.668 62.842 0.502 20.028 1.168 44.732 2.754 74.108 4.756 29.376 2.004 54.748 3.004 76.112 3.004 21.366 0 46.736-1 76.112-3.004 29.378-2.002 54.078-3.588 74.11-4.756 20.030-1.17 40.974-1.336 62.842-0.502 21.866 0.836 41.476 4.34 58.838 10.516 17.356 6.176 32.544 15.27 45.564 27.292 43.73 39.394 65.598 83.456 65.598 132.194 0 28.712-3.59 54.162-10.768 76.364-7.178 22.2-16.358 40.81-27.542 55.83s-26.704 27.79-46.568 38.306c-19.862 10.516-39.222 18.61-58.084 24.288-18.862 5.674-43.066 10.098-72.608 13.27-29.546 3.172-55.916 5.092-79.118 5.758-23.2 0.668-52.66 1.002-88.378 1.002s-65.178-0.334-88.378-1.002c-23.2-0.666-49.574-2.586-79.116-5.758s-53.744-7.596-72.606-13.27c-18.86-5.678-38.222-13.774-58.084-24.288s-35.386-23.282-46.568-38.306c-11.182-15.022-20.364-33.63-27.54-55.83-7.178-22.202-10.766-47.656-10.766-76.364zM640 672c0-53.019 28.654-96 64-96s64 42.981 64 96c0 53.019-28.654 96-64 96s-64-42.981-64-96zM256 672c0-53.019 28.654-96 64-96s64 42.981 64 96c0 53.019-28.654 96-64 96s-64-42.981-64-96z"></path>
226 |             </symbol>
227 |         </defs>
228 |     </svg>
229 | 
230 | 
231 |     <div class="wrapper">
232 |         <!-- main window -->
233 |         <div class="main" style="-webkit-app-region: drag">
234 | 
235 |             <div class="album">
236 |                 <div class="menu"><svg class="icon icon-equalizer"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-equalizer"></use></svg></div>
237 |                 <div class="info"><svg class="icon icon-info"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-info"></use></svg></div>
238 |                 <div class="close"><svg class="icon icon-cross"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-cross"></use></svg></div>
239 |                 <div class="loading">
240 |                     <svg class="icon icon-spinner10"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-spinner10"></use></svg>
241 |                 </div>
242 |                 <div class="information">
243 |                     <div class="title">Loading...</div>
244 |                     <div class="artist"></div>
245 |                     <div class="album-title"></div>
246 |                 </div>
247 |                 <img src="assets/test_cover.jpg" alt=""/>
248 |             </div>
249 | 
250 |             <div class="player" id="player">
251 |                 <audio controls crossorigin>
252 |                     <source src="https://cdn.selz.com/plyr/1.0/logistics-96-sample.mp3" type="audio/mp3">
253 |                 </audio>
254 |             </div>
255 | 
256 |             <div class="controls">
257 |                 <div class="icon trash">
258 |                     <svg class="icon icon-bin"><use xlink:href="#icon-bin"></use></svg>
259 |                 </div>
260 |                 <div class="icon play">
261 |                     <svg class="icon icon-play"><use xlink:href="#icon-play3"></use></svg>
262 |                     <svg class="icon icon-pause"><use xlink:href="#icon-pause2"></use></svg>
263 |                 </div>
264 |                 <div class="icon heart">
265 |                     <svg class="icon icon-heart"><use xlink:href="#icon-heart"></use></svg>
266 |                     <svg class="icon icon-heart-broken"><use xlink:href="#icon-heart-broken"></use></svg>
267 |                 </div>
268 |                 <div class="icon next">
269 |                     <svg class="icon icon-last"><use xlink:href="#icon-last"></use></svg>
270 |                 </div>
271 |             </div>
272 |         </div>
273 | 
274 |         <div class="sidebar">
275 |             <div class="loading">
276 |                 <svg class="icon icon-spinner10"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-spinner10"></use></svg>
277 |             </div>
278 |             <div class="user hide">
279 |                 <div class="avatar"></div>
280 |                 <p class="user-name"></p>
281 |                 <p class="user-desc"></p>
282 |                 <button class="button logout">logout</button>
283 |             </div>
284 |             <div class="login-form">
285 |                 <label for="user-email">Email:</label>
286 |                 <input id="user-email" type="email"/>
287 |                 <label for="user-password">Password</label>
288 |                 <input id="user-password" type="password"/>
289 |                 <button class="button login">Login</button>
290 |             </div>
291 |             <div class="channels">
292 |                 <ul>
293 |                 </ul>
294 |             </div>
295 |         </div>
296 |     </div>
297 | 
298 | 
299 | 
300 |     <script src="assets/application.js"></script>
301 | </body>
302 | </html>


--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * Created by Cyril on 15/3/9.
  3 |  */
  4 | 
  5 | var app = require("app");
  6 | var BrowserWindow = require('browser-window');
  7 | var Menu = require("menu");
  8 | 
  9 | require("crash-reporter").start();
 10 | 
 11 | var mainWindow = null;
 12 | 
 13 | app.on("window-all-closed", function(){
 14 | 
 15 |   app.quit();
 16 | 
 17 | });
 18 | 
 19 | 
 20 | var template = [
 21 |   {
 22 |     label: 'DoubanFM',
 23 |     submenu: [
 24 |       {
 25 |         label: 'About DoubanFM',
 26 |         selector: 'orderFrontStandardAboutPanel:'
 27 |       },
 28 |       {
 29 |         type: 'separator'
 30 |       },
 31 |       {
 32 |         label: 'Services',
 33 |         submenu: []
 34 |       },
 35 |       {
 36 |         type: 'separator'
 37 |       },
 38 |       {
 39 |         label: 'Hide DoubanFM',
 40 |         accelerator: 'Command+H',
 41 |         selector: 'hide:'
 42 |       },
 43 |       {
 44 |         label: 'Hide Others',
 45 |         accelerator: 'Command+Shift+H',
 46 |         selector: 'hideOtherApplications:'
 47 |       },
 48 |       {
 49 |         label: 'Show All',
 50 |         selector: 'unhideAllApplications:'
 51 |       },
 52 |       {
 53 |         type: 'separator'
 54 |       },
 55 |       {
 56 |         label: 'Quit',
 57 |         accelerator: 'Command+Q',
 58 |         click: function() { app.quit(); }
 59 |       }
 60 |     ]
 61 |   },
 62 |   {
 63 |     label: 'Edit',
 64 |     submenu: [
 65 |       {
 66 |         label: 'Undo',
 67 |         accelerator: 'Command+Z',
 68 |         selector: 'undo:'
 69 |       },
 70 |       {
 71 |         label: 'Redo',
 72 |         accelerator: 'Shift+Command+Z',
 73 |         selector: 'redo:'
 74 |       },
 75 |       {
 76 |         type: 'separator'
 77 |       },
 78 |       {
 79 |         label: 'Cut',
 80 |         accelerator: 'Command+X',
 81 |         selector: 'cut:'
 82 |       },
 83 |       {
 84 |         label: 'Copy',
 85 |         accelerator: 'Command+C',
 86 |         selector: 'copy:'
 87 |       },
 88 |       {
 89 |         label: 'Paste',
 90 |         accelerator: 'Command+V',
 91 |         selector: 'paste:'
 92 |       },
 93 |       {
 94 |         label: 'Select All',
 95 |         accelerator: 'Command+A',
 96 |         selector: 'selectAll:'
 97 |       }
 98 |     ]
 99 |   },
100 |   {
101 |     label: 'Window',
102 |     submenu: [
103 |       {
104 |         label: 'Minimize',
105 |         accelerator: 'Command+M',
106 |         selector: 'performMiniaturize:'
107 |       },
108 |       {
109 |         label: 'Close',
110 |         accelerator: 'Command+W',
111 |         selector: 'performClose:'
112 |       },
113 |       {
114 |         type: 'separator'
115 |       },
116 |       {
117 |         label: 'Bring All to Front',
118 |         selector: 'arrangeInFront:'
119 |       }
120 |     ]
121 |   }
122 | ];
123 | 
124 | 
125 | 
126 | 
127 | app.on('ready', function() {
128 | 
129 |   menu = Menu.buildFromTemplate(template);
130 | 
131 |   Menu.setApplicationMenu(menu);
132 | 
133 | 
134 |   mainWindow = new BrowserWindow({width: 450, height: 550, frame: false, transparent: true});
135 | 
136 |   mainWindow.loadUrl('file://' + __dirname + '/index.html');
137 | 
138 |   mainWindow.on('closed', function() {
139 |     mainWindow = null;
140 |   });
141 | });
142 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "DoubanFM",
 3 |   "version": "0.0.0",
 4 |   "description": "Douban.FM Client powered by Javascript",
 5 |   "main": "index",
 6 |   "scripts": {
 7 |     "test": "echo \"Error: no test specified\" && exit 1"
 8 |   },
 9 |   "repository": {
10 |     "type": "git",
11 |     "url": "git://github.com/cyrilis/Douban-FM-Express.git"
12 |   },
13 |   "keywords": [
14 |     "node-webkit",
15 |     "atom-shell",
16 |     "Douban.FM",
17 |     "douban-fm",
18 |     "DoubanFM",
19 |     "doubanfm",
20 |     "atom",
21 |     "nw"
22 |   ],
23 |   "author": "Cyril Hou <houshoushuai@gmail.com> (http://cyrilis.com/)",
24 |   "license": "MIT",
25 |   "bugs": {
26 |     "url": "https://github.com/cyrilis/Douban-FM-Express/issues"
27 |   },
28 |   "homepage": "https://github.com/cyrilis/Douban-FM-Express"
29 | }
30 | 


--------------------------------------------------------------------------------
/utility/proxy.js:
--------------------------------------------------------------------------------
 1 | var server = require('http');
 2 | var remoteServer = process.argv.indexOf('-d')>0 ? process.argv[process.argv.indexOf('-d')+1]:"www.douban.com";
 3 | var listenPort = process.argv.indexOf('-p')>0 ? +process.argv[process.argv.indexOf('-p')+1]: process.env.PORT || 4000;
 4 | var http = require('http');
 5 | server.createServer(function(q,s){
 6 | //    console.dir(q);
 7 |   var headers = q.headers;
 8 |   headers.host = remoteServer;
 9 |   q.method === "GET" ? delete  headers['Content-length']: console.log('Content-length:',headers['Content-lenght']);
10 |   var options = {
11 |     hostname: remoteServer,
12 |     host: remoteServer,
13 |     path: q.url,
14 |     port: 80,
15 |     method: q.method,
16 |     headers: headers
17 |   };
18 | 
19 | //    console.log(options);
20 |   var request = http.request(options, function(res){
21 |     console.log(options.hostname+options.path);
22 |     res.setEncoding('binary');
23 |     s.setHeader("Access-Control-Allow-Origin", "*");
24 |     s.setHeader("Access-Control-Allow-Headers", "X-Requested-With");
25 |     s.writeHead(res.statusCode,res.headers);
26 | 
27 |     res.on('data', function (chunk) {
28 |       s.write(chunk,'binary');
29 |     });
30 | 
31 |     res.on('end', function(){
32 |       s.end();
33 |       request.end();
34 |     });
35 |     res.on('error', function ( e ){
36 |       console.log( 'Error with client ', e );
37 |       request.end();
38 |       console.log('DATA-ERROR');
39 |     });
40 |   });
41 | 
42 |   request.on('error', function(e) {
43 |     console.log(e);
44 |     s.end('<h1>ERROR WHILE REQUEST REMOTE URL... =_=</h1>');
45 |     console.log('REQUEST-ERROR');
46 |   });
47 | 
48 |   if(q.method==='GET'){
49 |     request.write('\n');
50 |   }
51 |   var request_data = "";
52 |   q.on('data', function ( chunk ){
53 |     console.log( 'Write to server ', chunk.length );
54 |     console.log( chunk.toString( 'utf8' ) );
55 |     request_data = request_data + chunk;
56 |     request.write( chunk, 'binary' );
57 |   } );
58 | 
59 |   q.on( 'end', function(){
60 |     console.log( 'End chunk write to server' );
61 |   } );
62 | 
63 |   q.on( 'error', function ( e ){
64 |     console.log( 'Problem with request ', e );
65 |   } );
66 | 
67 | }).listen(listenPort);
68 | console.log( 'Proxy started on port ' + listenPort +", API domain is set to: "+ remoteServer );


--------------------------------------------------------------------------------