Audiobooks: narrators as authors, and top-level players.

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

diff --git a/src/catalogue/static/player/player.js b/src/catalogue/static/player/player.js
index dfac096..f94dc87 100644 (file)
--- a/src/catalogue/static/player/player.js
+++ b/src/catalogue/static/player/player.js
@@ -4,10 +4,13 @@
         $(".book-right-column").remove();
 
         if ($("#player-bar").length) {
         $(".book-right-column").remove();
 
         if ($("#player-bar").length) {

-            $("h1").first().after($("<div class='dynamic-insert'><a href='#' class='enable-player-bar'><div class='text'><i class='icon icon-play' style='border: 1px solid black; border-radius: 100%; padding: 1em; margin-right: 1em;'></i> Możesz jednocześnie czytać i słuchać tej lektury!</div></a></div>"));
+            $("#book-text-buttons").append(
+                $("<a class='enable-player-bar'><i class='icon icon-play'></i> zacznij słuchać</a>")
+            ).show();

         }
         
         $(".enable-player-bar").click(function() {
         }
         
         $(".enable-player-bar").click(function() {

+            

             $('body').addClass('with-player-bar');
             $('.jp-play').click();
             return false;
             $('body').addClass('with-player-bar');
             $('.jp-play').click();
             return false;


@@ -67,9 +70,11 @@
 
             // TODO: will need class for attach
             // may be added from sync data
 
             // TODO: will need class for attach
             // may be added from sync data

-            $(".syncable").click(function() {
-                if (!$('body').hasClass('with-player-bar')) return;
-                let id = $(this).attr('id');
+
+
+            $(".zakladka-tool_sluchaj").click(function() {
+                $('body').addClass('with-player-bar');
+                let id = $(this).data('sync');

                 if (!id) return;
                 for (let i=0; i<smil.length; ++i) {
                     if (smil[i][0] == id) {
                 if (!id) return;
                 for (let i=0; i<smil.length; ++i) {
                     if (smil[i][0] == id) {


@@ -109,31 +114,28 @@
                 $(".c-media__caption .license", $root).html($(".license", elem).html());
                 $(".c-media__caption .project-logo", $root).html($(".project-icon", elem).html());
 
                 $(".c-media__caption .license", $root).html($(".license", elem).html());
                 $(".c-media__caption .project-logo", $root).html($(".project-icon", elem).html());
 

-                console.log('sm 1');

                 doesUpdateSynchro = false;
                 if (!$currentMedia || $currentMedia[0] != elem[0]) {
                 doesUpdateSynchro = false;
                 if (!$currentMedia || $currentMedia[0] != elem[0]) {

-                    console.log('set', player.jPlayer("setMedia", media))

                     player.jPlayer("option", "playbackRate", speed);
                 }
                 doesUpdateSynchro = true;
                 player.jPlayer(cmd, time);
 
                 $currentMedia = elem;
                     player.jPlayer("option", "playbackRate", speed);
                 }
                 doesUpdateSynchro = true;
                 player.jPlayer(cmd, time);
 
                 $currentMedia = elem;

-                $(".play-next", $root).prop("disabled", !elem.next().length);
+                $(".play-next", $root).prop("disabled", !elem.nextAll('li').length);

 
                 let du = parseFloat(elem.data('duration'));
                 currentDuration = du;
 
                 let du = parseFloat(elem.data('duration'));
                 currentDuration = du;

-                elem.nextAll().each(function() {
+                elem.nextAll('li').each(function() {

                     du += parseFloat($(this).data('duration'));
                 });
                 totalDurationLeft = du;
 
                 let pdu = 0;
                     du += parseFloat($(this).data('duration'));
                 });
                 totalDurationLeft = du;
 
                 let pdu = 0;

-                elem.prevAll().each(function() {
+                elem.prevAll('li').each(function() {

                     pdu += parseFloat($(this).data('duration'));
                 });
                 totalDurationBefore = pdu;
                     pdu += parseFloat($(this).data('duration'));
                 });
                 totalDurationBefore = pdu;

-                console.log('sm 3', du, pdu);

 
                 return player;
             };
 
                 return player;
             };


@@ -161,7 +163,6 @@
                     // TODO: if snap then roll
                     locator.removeClass('up').removeClass('down');
                     if (locator.hasClass('snap')) {
                     // TODO: if snap then roll
                     locator.removeClass('up').removeClass('down');
                     if (locator.hasClass('snap')) {

-                        console.log('SCROLL!');

                         scrollTo();
                     } else {
                         if (y < miny) {
                         scrollTo();
                     } else {
                         if (y < miny) {


@@ -207,14 +208,14 @@
                 });
 
                 $('.play-next', $root).click(function() {
                 });
 
                 $('.play-next', $root).click(function() {

-                    let p = $currentMedia.next();
+                    let p = $currentMedia.nextAll('li').first();

                     if (p.length) {
                         setMedia(p).jPlayer("play");
                         _paq.push(['trackEvent', 'audiobook', 'next']);
                     }
                 });
                 $('.play-prev', $root).click(function() {
                     if (p.length) {
                         setMedia(p).jPlayer("play");
                         _paq.push(['trackEvent', 'audiobook', 'next']);
                     }
                 });
                 $('.play-prev', $root).click(function() {

-                    let p = $currentMedia.prev();
+                    let p = $currentMedia.prevAll('li').first();

                     if (p.length) {
                         setMedia(p).jPlayer("play");
                         _paq.push(['trackEvent', 'audiobook', 'prev']);
                     if (p.length) {
                         setMedia(p).jPlayer("play");
                         _paq.push(['trackEvent', 'audiobook', 'prev']);


@@ -231,10 +232,8 @@
                     _paq.push(['trackEvent', 'audiobook', 'chapter']);
                 });
 
                     _paq.push(['trackEvent', 'audiobook', 'chapter']);
                 });
 

-                console.log('READY 3!');

                 var initialElem = $('.jp-playlist li', $root).first();
                 var initialTime = 0;
                 var initialElem = $('.jp-playlist li', $root).first();
                 var initialTime = 0;

-                console.log('READY 4!');

                 if (true || Modernizr.localstorage) {
                     try {
                         let speedStr = localStorage['audiobook-speed'];
                 if (true || Modernizr.localstorage) {
                     try {
                         let speedStr = localStorage['audiobook-speed'];


@@ -261,9 +260,7 @@
                         initialTime = last[2];
                     }
                 }
                         initialTime = last[2];
                     }
                 }

-                console.log('READY 5!', initialElem, initialTime);

                 setMedia($(initialElem), initialTime);
                 setMedia($(initialElem), initialTime);

-                console.log('READY 6!');

             },
 
             timeupdate: function(event) {
             },
 
             timeupdate: function(event) {


@@ -305,7 +302,7 @@
 
 
             ended: function(event) {
 
 
             ended: function(event) {

-                let p = $currentMedia.next();
+                let p = $currentMedia.nextAll('li');

                 if (p.length) {
                     setMedia(p).jPlayer("play");
                 }
                 if (p.length) {
                     setMedia(p).jPlayer("play");
                 }