3D FlipBook - Updated version incompatible with older phones?

i***o@nxtweb.it
2021-03-27
2021-04-02

Hello,

I tried the update version and is way better then the older one. Only one (big) problem comes out: If I try to use it with an older iPhone (iPhone 6s), no controls shows up (I can't see the big arrow to swipe pages neither the bottom control like zoom and others) regardless of the browser I'm using. Is that normal? Thanks

Replies

a***r@3dflipbook.net
2021-03-27
2021-03-27

hi, no it should work as well, probably cache problem, try to clear it. check the examples from this site.

i***o@nxtweb.it
2021-03-28
2021-03-28

if I clean the cache I'm unable to have ti working from any device. it keeps on into the ""Please wait... the application is loading" spinner

The error I got is: Error: Unknown action from worker: undefined - pdf.min.js:1:432663

which refers this part: if (data.callbackId) {

a***r@3dflipbook.net
2021-03-28
2021-03-28

Update pdfjs library from the new version archive as well: pdf.min.js and worker.min.js

i***o@nxtweb.it
2021-03-28
2021-03-28

i uploaded the whole directory so I guess the 2 script are updated..

i***o@nxtweb.it
2021-03-28
2021-03-28

It's strange because it works in the desktop and newer phones but not in an old one. i have this in my code

$('#container').FlipBook({

   pdf: "........",
      ready: function(scene) {
      scene.book.enableMouse(false);
    },
  pages: 5,
    propertiesCallback: function(props) {
      props.cssLayersLoader = function(n, clb) {// n - page number
        clb([{
           js: function (jContainer) {
            console.log(jContainer);
            return {
              hide: function() {console.log('hide');},
              hidden: function() {console.log('hidden');},
              show: function() {console.log('show');},
              shown: function() {console.log('shown');},
              dispose: function() {console.log('dispose');}
            };
          },

        }]);
      };
      props.cover.color = 0x000000;
      return props;
    },

controlsProps: {
  scale: {
    max: 5,
    levels: 10
  },

    actions: {cmdSinglePage: {active: true}} 

},

    template: {
      html: '3dflip/3d-flip-book/templates/default-book-view.html',
      styles: [
        '3dflip/3d-flip-book/css/short-white-book-view.css'
      ],
      links: [
        {
          rel: 'stylesheet',
          href: '3dflip/3d-flip-book/css/font-awesome.min.css'
        }
      ],
      script: '3dflip/3d-flip-book/js/default-book-view.js',
      sounds: {
        startFlip: '3dflip/3d-flip-book/sounds/start-flip.mp3',
        endFlip: '3dflip/3d-flip-book/sounds/end-flip.mp3'
      }
    },

  });
a***r@3dflipbook.net
2021-03-31
2021-03-31

i need a link to your page to check.

i***o@nxtweb.it
2021-03-31
2021-03-31

can I send you in private way?

a***r@3dflipbook.net
2021-03-31
2021-03-31

Yes author@3dflipbook.net

i***o@nxtweb.it
2021-03-31
2021-03-31

sent! thanks!

Log In to leave a comment