3D FlipBook - Hello, I have an angular js project and I created a library which basically loads and renders various pages in the sequence

n***h@cecn.net
2019-08-08
2019-08-08

Hello, I have an angular js project and I created a library which basically loads and renders various pages in the sequence I define. Well and good. I call that each book in library. Now since I know the pages to load and each page is interactive like has links to various parts of my website. I wanted to see if I can render the same including interactive pages load as a flipbook. These pages are dynamic like any other website. Given a list of URLs I should be loading them in as a flipbook and still be interactive. Please let me know..

Replies

a***r@3dflipbook.net
2019-08-08
2019-08-13

Hi,

Yes, you can, I recommend to use css layer for dynamic interactive part and static html as background with disabled interactivity because it takes a lot of time to rerender a page.

https://www.youtube.com/watch?v=ekpAGfmPI5k

Best regards,

Ivan.

m***l@innovations.at
2019-08-12
2019-08-12

To you or the original questioner: How can i implement the flipbook into angular? I added the javascript to the angular.json but i always get an error in the flip-book.js: flip-book.js:2603 Uncaught TypeError: Cannot set property 'workerSrc' of undefined at Object.push../node_modules/3d-flip-book/dist/flip-book.js (flip-book.js:2603)

It seems that "var _libs = webpack_require__(0)' is not working,

If i have a look at __webpack_require__ 0 => the PDFJS, React, ReactDOM is undefined.

How can this be done? Thank you!

a***r@3dflipbook.net
2019-08-13
2019-08-13

I have no Angular experience, but worked with ReactJs so i can tell only my ideas if you need.

Log In to leave a comment