Fix audiobook player position loading.

[wolnelektury.git] / src / catalogue / static / player / player.js

diff --git a/src/catalogue/static/player/player.js b/src/catalogue/static/player/player.js
old mode 100755 (executable)
new mode 100644 (file)
index a41d2c0..69870bb
--- a/src/catalogue/static/player/player.js
+++ b/src/catalogue/static/player/player.js
@@ -13,20 +13,23 @@
 
             ready: function() {
                 var player = $(this);
-                var setMedia = function(elem) {
+                var setMedia = function(elem, time=0) {
                     var li = $(elem).parent();
                     var media = {}
 
                     media['mp3'] = li.attr('data-mp3');
                     media['oga'] = li.attr('data-ogg');
+                    media['id'] = li.attr('data-media-id');
 
                     $(".title", $root).html(li.html());
-                    return player.jPlayer("setMedia", media);
+                    player.jPlayer("setMedia", media);
+                    player.jPlayer("pause", time);
+                    return player;
                 };
 
                 $('.play-next', $root).click(function() {
                     var next = parseInt($number.text()) + 1;
-                    var p = $('.play:eq(' + next + ')', $root);
+                    var p = $('.jp-playlist .play:eq(' + (next - 1) + ')', $root);
                     if (p.length) {
                         setMedia(p).jPlayer("play");
                         $number.text(next)
@@ -36,13 +39,55 @@
                     var next = parseInt($number.text()) - 1;
                     if (next < 1)
                         return;
-                    var p = $('.play:eq(' + next + ')', $root);
+                    var p = $('.jp-playlist .play:eq(' + (next - 1) + ')', $root);
                     setMedia(p).jPlayer("play");
                     $number.text(next)
                 });
 
-                setMedia($('.play', $root).first());
+                var initialElem = $('.jp-playlist .play', $root).first();
+                var initialTime = 0;
+                if (Modernizr.localstorage) {
+                    try {
+                        audiobooks = JSON.parse(localStorage["audiobook-history"]);
+                    } catch {
+                        audiobooks = {};
+                    }
+                    last = audiobooks[$root.attr("data-book-slug")]
+                    // Fallback for book id;
+                    if (!last) {
+                        last = audiobooks[$root.attr("data-book-id")]
+                    }
+
+                    if (last) {
+                        initialElem = $('[data-media-id="' + last[1] + '"] .play', $root).first();
+                        initialTime = last[2];
+                        $number.text($(".jp-playlist .play", $root).index(initialElem) + 1);
+                    }
+                }
+                setMedia(initialElem, initialTime);
+            },
 
+            timeupdate: function(event) {
+                if (event.jPlayer.status.currentTime && Modernizr.localstorage) {
+                    try {
+                        audiobooks = JSON.parse(localStorage["audiobook-history"]);
+                    } catch {
+                        audiobooks = {};
+                    }
+                    t = event.jPlayer.status.currentTime;
+                    if (t && event.jPlayer.status.duration - t > 10) {
+                        audiobooks[$root.attr("data-book-slug")] = [
+                            Date.now(),
+                            event.jPlayer.status.media.id,
+                            event.jPlayer.status.currentTime
+                        ];
+                    } else {
+                        delete audiobooks[$root.attr("data-book-slug")];
+                    }
+                    // Remove old book id, if present.
+                    delete audiobooks[$root.attr("data-book-id")];
+                    localStorage["audiobook-history"] = JSON.stringify(audiobooks);
+                }
             }
         });
       });