Page Flip for PDF

ben4 · 2021-01-16T22:07:29.833Z

Hey Again,

Does anyone know of a way that I would be able to show page flipping for a pdf (book) without having to go to a third party service. By show a page flipping I do mean the user can control turning the pages.

Honestly, I dont care if it animates on page flip, but I do want to show the book across the screen and let the user change pages.

Extra points if anyone can see how to make the screen show two pages side by side on a computer and only show one on a phone. Wishful thinking? Aahah

I have researched all of them and they all have very intense limitations, like on a phone it wont go full screen, meaning it is hard to read.

Any ideas?

ben4 · 2021-01-26T01:05:34.919Z

Does anyone have any ideas for something like this?

twilson9034 · 2021-01-26T01:10:44.426Z

I’ve never messed with this, it would interesting to see if anyone has any ideas.

ben4 · 2021-04-13T06:35:34.642Z

Just wondering if anyone has any ideas? Even a third party service would work for me if that third party service has whitelabling.

jared.gibb · 2021-04-13T12:38:29.272Z

Are you just looking for the ability to display a PDF with two or more pages in a portrait side-by-side format l(like a book)

ben4 · 2021-04-13T15:57:41.948Z

Hey there,

That is what I am looking for. There are many services that accomplish that, but none that offer two critical things in their basic tiers. I want to be able to go full screen on a phone and I want it white label.

There are some that do one of each, but not both. Another developer found one that does both, but only in their enterprise tier. That was like 200 per month. Ahah.

So at this point, I am willing to try anything.

Hope this helps,
Benjamin

jared.gibb · 2021-04-13T16:06:30.183Z

https://raffaelemorganti.github.io/pdf-viewer/external/pdfjs-2.1.266-dist/web/viewer.html#page=2&zoom=auto,0,792

Almost but not fullcreen

Or this

https://3dflipbook.net/simple-jquery-pdf

ben4 · 2021-04-13T20:19:52.242Z

Both options are very close to what I want, but I really like the second option.

Without looking into it deeper, is that something that can be implemented pretty easily? Any ideas?

All the best,
Benjamin

aaronsheldon · 2021-04-13T23:12:10.739Z

I just built a server side plugin that is a thin wrapper around the Mozilla supported Node.js library pdfjs-dist. For now this is strictly to extract text and metadata on server side data processing. It is possible to expose the client side of pdfjs-dist through elements. If you want to discuss a possible development direction contact me through my support email.

jared.gibb · 2021-04-13T23:15:58.318Z

Doesn’t look crazy! I’ll give it a go this week.

lantzgould · 2021-04-13T23:49:59.532Z

This one is kinda cool, too.

https://nodlik.github.io/StPageFlip/

@jared.gibb

ben4 · 2021-04-14T15:56:05.345Z

Hey @lantzgould

I like both of those. The one I mentioned before and that one. If you come to a solution, I would love to pay you to implement it on my app. If that is something you would like to do.

All the best,
Benjamin

jared.gibb · 2021-04-14T17:17:53.297Z

The one that Lantz mentioned is cool! But it requires you to enter raw text and images and then converts that to a flip book.

The second one I mentioned involves a license key or a watermarked and limited flip book. Other than that it’s really straightforward and easy to use.

Seems like the idea would be to essentially cut the PDF into pages. Put each page onto its own canvas. And then flip between canvases with flip JS. I am still interested in solving this because it’s a cool plug-in in a cool idea. I’m gonna keep looking

ben4 · 2021-04-14T18:29:22.480Z

@jared.gibb

I am interested in the second one you mentioned. You said it has a watermark, I am willing to pay for it.

https://3dflipbook.net/simple-jquery-pdf

What do you think?

I appreciate the help.
Benjamin

K.T · 2022-07-17T04:50:23.252Z

Did you or @ben4 ever solve this use case?