3D FlipBook - Safari Problems

m***l@johannheyne.de
2021-06-14
2021-06-28

Howdy,

I experiencing different issues on different Safari versions on my site:
https://www.hobmaier-zahntechnik.de/fraeszentrum/produktkatalog/

  1. Safari version 14:
    The FontAwesome Icons are missing

  2. Safari version 13:
    flip-book Fullscreen view opens a small mobile like view

  3. There is also an JavaScript error after returning from flip-book fullscreen in Safari version 13:
    Unhandled Promise Rejection: NotAllowedError: The request is not allowed by the user agent or the platform in the current context, possibly because the user denied permission. 3dflipbook.min.js:1:1860206

  4. I also didn't found a solution on how to deactivate the flip sound by JavaScript option.

Cheers and thanks for any help on this.
Johann

Replies

a***r@3dflipbook.net
2021-06-19
2021-06-19

Hi,

  1. Check: https://stackoverflow.com/questions/67371322/safari-version-14-1-1-does-not-load-fonts-in-iframe , use init:
    $('body').FlipBook({
      template: {
        html: 'templates/default-book-view.html',
        styles: [
          'css/short-white-book-view.css'
        ],
        links: [
        ],
        script: 'js/default-book-view.js',
        init: 'safari-fa-init.html'
      }
    });
    

    safari-fa-init.html - view-source:https://3dflipbook.net/safari-fa-init.html

  2. cold you take a screenshot?
  3. what function was denied (playing sound, activating fullscreen, ...)?
  4. see controlsProps: https://3dflipbook.net/documentation#general-approach :
    $('body').FlipBook({
    controlsProps: {
    actions: {
      cmdSounds: {
        active: false
      }
    }
    }
    });
    
Log In to leave a comment