')
+ .addClass("col-xs-11 song")
+ .appendTo($li);
+
+ $('
')
+ .addClass("song-title")
+ .text(song.title)
+ .appendTo($songInfo);
+ $('
')
+ .addClass("song-artist")
+ .text(song.artist)
+ .appendTo($songInfo);
+
+ return $li;
+ }
+};
+$(document).ready(function() {
+ // starts our app
+ RFMP.player.init();
+});
+
+// do this when you have multiple files!
+// Note that we are attaching
+// everything to an object
+// so that we don't pollute the global scope
+var RFMP = RFMP || {};
+
+// This keeps track of what our player is doing.
+// `song` is the index in the array of the current song,
+// while `playing` keeps track of whether or
+// not a song is currently playing
+RFMP.currentState = {
+ song: 0,
+ playing: false
+};
+
+RFMP.player = {
+
+ init: function() {
+ // make an object to pass our handlers
+ // to the view object. It keeps
+ // these more loosely coupled
+ var listeners = {
+ playPause: RFMP.player.playPause,
+ nextTrack: RFMP.player.nextTrack,
+ prevTrack: RFMP.player.prevTrack
+ };
+ // initialize our other object
+ RFMP.view.init(listeners);
+ },
+
+ // Starts the audio for the selected song,
+ // updates the state, and changes the play/pause.
+ // $song references the play/pause button
+ // element of the song we want to play
+ playSong: function ($song) {
+ // find the audio element associated with $song
+ var $audio = RFMP.view.getAudio($song),
+ newSongID = RFMP.view.getId($song);
+
+ // jQuery function to start the 'play' event
+ $audio.trigger('play');
+
+ // update our state
+ RFMP.currentState.song = newSongID;
+ RFMP.currentState.playing = true;
+
+ // change the button to the pause icon
+ RFMP.view.changeToPause($song);
+ },
+
+ // Pauses the audio for the selected song,
+ // updates the state, and changes the play/pause.
+ // $song references the play/pause button
+ // element of the song we want to pause
+ pauseSong: function($song) {
+ // find the audio element associated with $song
+ var $audio = RFMP.view.getAudio($song);
+
+ // pause the audio and update the state
+ $audio.trigger('pause');
+ RFMP.currentState.playing = false;
+
+ // change the icon
+ RFMP.view.changeToPlay($song);
+ },
+
+ // Switches from one song to another.
+ // $song references the play/pause button
+ // element of the song we want to pause
+ changeSong: function($song) {
+ // Save our old song
+ var $prevSong = RFMP.view.getCurrentSong();
+
+ // pause the old song and start the new
+ RFMP.player.pauseSong($prevSong);
+ RFMP.player.playSong($song);
+
+ // update the text in the
+ // control panel to our new song
+ RFMP.view.updateSongInfo();
+ },
+
+ // This is the click handler for all the play/pause
+ // buttons. `event` is an object automatically
+ // passed in for any event handlers.
+ // This method determines the correct action
+ // from the current state and calls the
+ // appropriate action
+ playPause: function(event) {
+ // event.target is the element that was clicked
+ var $song = $(event.target),
+ songId = RFMP.view.getId($song);
+
+ // (The bottom controller play button was pressed)
+ // The `-1` comes from the data-index attribute
+ // that is on the html for the control play button
+ // This makes sure `$song` references the currently
+ // playing song
+ if (songId === -1) {
+ $song = RFMP.view.getCurrentSong();
+ songId = RFMP.view.getId($song);
+ }
+
+ // call the appropriate method
+ if (songId !== RFMP.currentState.song) {
+ RFMP.player.changeSong($song);
+ } else if (RFMP.currentState.playing) {
+ RFMP.player.pauseSong($song);
+ } else {
+ RFMP.player.playSong($song);
+ }
+
+ // make sure our play/pause button in the controller
+ // reflects the current state
+ RFMP.view.updateControls();
+ },
+
+ // changes song to the next track
+ nextTrack: function() {
+ // the % method returns a remainder.
+ // Here we use it to wrap around to the beginning
+ // if we are on the last track
+ var nextId = (RFMP.currentState.song + 1) %
+ RFMP.songs.length,
+ $nextSong = RFMP.view.getSongFromId(nextId);
+
+ RFMP.player.changeSong($nextSong);
+ RFMP.view.updateControls();
+ },
+
+ prevTrack: function() {
+ var prevId = RFMP.currentState.song - 1;
+ // Wraps around to the last track if we
+ // were on the first one
+ if (prevId < 0) {
+ prevId = RFMP.songs.length - 1;
+ }
+
+ var $prevSong = RFMP.view.getSongFromId(prevId);
+
+ RFMP.player.changeSong($prevSong);
+ RFMP.view.updateControls();
+ }
+};
\ No newline at end of file
diff --git a/license.txt b/license.txt
new file mode 100644
index 0000000..d800e5e
--- /dev/null
+++ b/license.txt
@@ -0,0 +1,12 @@
+
+
+