Jump to content
HansW

Affinity Publisher Flip book

Recommended Posts

After finnishing a book in Publisher it would be nice to have a feature where I can publish the book as a flip book on my web page. Compare how you can brows a book at Blurb an similar print on demand book sites. 

Now I can make the book as a pdf, but that will not be as elegant to look at as a flip book.

Regards Hans

Share this post


Link to post
Share on other sites

Plugins using PDF are better, the same PDF can be displayed and linked for download, while SWF (for Adobe Flash >  Flashplayer) is an old technology that disappears or is disabled in web sites for security reasons (Adobe plan to stop it in 2020 and release the code).

You can use plugins or third party sites to display PDFs, another way is to embed PDF in your pages (but don't forget a link so people can download them and read them on their smartphones).

Share this post


Link to post
Share on other sites

Actually right now I would live to have such a export function to share my photo book online without giving the PDF away.

Looking at existing solutions they are all rather expensive for a non-pro and have also a bad UI.

Is there any free / open source solution to convert a PDF or a bunch of JPGs to a HTML5 flip book that I can host on my own server?


Windows 10 Pro x64 (1903). Intel Core i7-9700K @ 3.60GHz, 32 GB memory, NVidia GTX 780
Affinity Photo 1.7.1.404, Affinity Designer 1.7.1.404, Affinity Publisher 1.7.1.404

Share this post


Link to post
Share on other sites
13 hours ago, Steps said:

Is there any free / open source solution to convert a PDF or a bunch of JPGs to a HTML5 flip book that I can host on my own server?

A quick Google search reveals one that looks like it requires a small amount of HTML coding:

http://www.turnjs.com/

 

Note that I haven't tried it - that just came up in a quick search, but if there is one, there may be others...

Share this post


Link to post
Share on other sites
1 minute ago, fde101 said:

A quick Google search reveals one that looks like it requires a small amount of HTML coding:

http://www.turnjs.com/

 

Note that I haven't tried it - that just came up in a quick search, but if there is one, there may be others...

Thanks. I will take a look into that.

I tried stuff you find immediatly like FlipHtml5 and others first. The tool looks awful and there are many similar ones that look identical. I guess it's from the same chinese manufactor. Reminds me a bit of Wondershare which also goes identical under some others brands.


Windows 10 Pro x64 (1903). Intel Core i7-9700K @ 3.60GHz, 32 GB memory, NVidia GTX 780
Affinity Photo 1.7.1.404, Affinity Designer 1.7.1.404, Affinity Publisher 1.7.1.404

Share this post


Link to post
Share on other sites

The solution with the open source lib TurnJS works good.*

They deliver a suitable sample called "double-page" in the download that can be easily adjusted for the use case of a really simple HTML5 flip book.

One day I may try out how powerful macros in Affinity are and write one for that.

Basicly you export all pages to JPGs in a resolution with height set to 800px and add "pages"-divs for every page you have. Done.

Involves some modifying the HTML sample, but no real programming. So it's not so much work that I would subscribe to an flip book service.

However: This would be a nice native feature. But very low priority of course.

*: It lacks support for responsive webpages and it's an abandoned project. But it works and does cost nothing for non-commercial use.

Edited by Steps

Windows 10 Pro x64 (1903). Intel Core i7-9700K @ 3.60GHz, 32 GB memory, NVidia GTX 780
Affinity Photo 1.7.1.404, Affinity Designer 1.7.1.404, Affinity Publisher 1.7.1.404

Share this post


Link to post
Share on other sites

Once scripting support is added to the Affinity suite creating a script to do these exports from Publisher and generate those flipbook solutions might be a possibility.

Share this post


Link to post
Share on other sites

I take it back. I just viewed my TurnJS solution on my mobile phone (Android) and it really sucks. Totally broken.

The project is not maintained anymore for years.

It just looks good on desktop with a fixed resolution. Attempts of the community to fix that found on Stackoverflow failed.

Having googled for some time it looks like there are no maintained HTML5 solutions for free anymore and best price I found was a tool with 25$ for each created flipbook.

Most tools are subscription based and expensive.

And if they have a free plan it's limited to 10 pages and of course they want to host it. As if I would give my private personal photo book away.

If Serif would add a HTML5 flipbook creator to Publisher this would be a huge gift as it looks like to me that even a 50$ stand-alone tool would be an bargain.

Heck, I even see some of those flipbock creators going out of business then.


Windows 10 Pro x64 (1903). Intel Core i7-9700K @ 3.60GHz, 32 GB memory, NVidia GTX 780
Affinity Photo 1.7.1.404, Affinity Designer 1.7.1.404, Affinity Publisher 1.7.1.404

Share this post


Link to post
Share on other sites

Nice. 

Yes, flash is really outdated, but I'm not surprised Adobe sticks to it. It's embarassing.


Windows 10 Pro x64 (1903). Intel Core i7-9700K @ 3.60GHz, 32 GB memory, NVidia GTX 780
Affinity Photo 1.7.1.404, Affinity Designer 1.7.1.404, Affinity Publisher 1.7.1.404

Share this post


Link to post
Share on other sites
19 minutes ago, Steps said:

Yes, flash is really outdated, but I'm not surprised Adobe sticks to it.

Actually they have announced that it is being discontinued.

Share this post


Link to post
Share on other sites

@fde101 The thing they left out to show in Quark video is the actual fliping/ turning effect that gives the name to it. :D

I found some flipbook services that lack it, too. And one was so bad it nearly killed my browser.

TurnJS does it beautiful on desktop. It's the only thing in this framework that works.

I guess it must be quite a challenge to implement. :35_thinking:

I'm not a web developer. I really don't know.


Windows 10 Pro x64 (1903). Intel Core i7-9700K @ 3.60GHz, 32 GB memory, NVidia GTX 780
Affinity Photo 1.7.1.404, Affinity Designer 1.7.1.404, Affinity Publisher 1.7.1.404

Share this post


Link to post
Share on other sites

There is a plug-in for ID named In5 that exports HTML5. It is well worth the cost for ID users.

The Q solution is very good and gets better each revision.

Share this post


Link to post
Share on other sites
13 minutes ago, Steps said:

@fde101 The thing they left out to show in Quark video is the actual fliping/ turning effect that gives the name to it. :D

Several Q users have requested page turning and I suspect it will happen.

I think that with years and years of page turning PDF - TYPE and so-called HTML5 solutions that I find the effect past its prime.

Share this post


Link to post
Share on other sites
9 minutes ago, MikeW said:

There is a plug-in for ID named In5 that exports HTML5. It is well worth the cost for ID users.

It's a subscription like all the others. :|

I don't want a cloud or paying a monthly fee. Why a fee that in no way relates to hosting costs? Wow.

Just give me a good tool that works offline and generates some files I can put on my private server.

Maybe Pubisher will get this export one day. I have a use case for that.

Of course it is a low priority.

But Serif could certainly kill a whole industry with that.


Windows 10 Pro x64 (1903). Intel Core i7-9700K @ 3.60GHz, 32 GB memory, NVidia GTX 780
Affinity Photo 1.7.1.404, Affinity Designer 1.7.1.404, Affinity Publisher 1.7.1.404

Share this post


Link to post
Share on other sites
7 minutes ago, MikeW said:

If someone is using a halfway current version of ID, then subscription is moot.

You make your money with this. So you don't care. 

This applies not to me. What I pay is gone.


Windows 10 Pro x64 (1903). Intel Core i7-9700K @ 3.60GHz, 32 GB memory, NVidia GTX 780
Affinity Photo 1.7.1.404, Affinity Designer 1.7.1.404, Affinity Publisher 1.7.1.404

Share this post


Link to post
Share on other sites
2 hours ago, Steps said:

You make your money with this. So you don't care. 

This applies not to me. What I pay is gone.

Excuse me? I care greatly about the money I spend.

None of what I wrote initially was directed to you. I offered information. 

Share this post


Link to post
Share on other sites
4 hours ago, MikeW said:

Excuse me? I care greatly about the money I spend.

None of what I wrote initially was directed to you. I offered information. 

Oh, okay, got it.

You meant since it's an InDesign Plugin and InDesign itself has a expensive subscription people who are paying for that don't mind to pay also for plugins.

And the point was that there actually is a HTML5 flipbook ecport from InDesign - just not from Adobe itself.

Sorry, I missunderstood that.


Windows 10 Pro x64 (1903). Intel Core i7-9700K @ 3.60GHz, 32 GB memory, NVidia GTX 780
Affinity Photo 1.7.1.404, Affinity Designer 1.7.1.404, Affinity Publisher 1.7.1.404

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.