I created a poem with animations using PubCoder.
It's called "Unfold My Heart" and it can be downloaded from my web page: https://edgedpub.com/sample_work_3.php
I created the same poem with TH and I would like to know how I can turn the file into an EPUB3 document. I opted for a sequence of scenes, each one of them containing an animation.
If you want them to be individual book pages as you have them in the epub, then you'll want to export as individual scenes if possible, and then import them individually.
However you don't mind them all being on the same physical page (but maybe using Hype's own page turn/swipe gestures to change), then you could export as a single animation.
So I guess it really depends on the type of interaction that you want.
I will try the first option and export the animations as individual scenes, and then import them individually.
I guess, first I need a button to start the timeline.
Do I have to create the button in TH and export the animation and the button as one widget?
I have two options for the button:
I can use the last verse of the strophe as a button (screenshot below).
Or I can create a button that is as large as the screen.
How can I do the latter?
Note While Hype's File > Advanced Export does have helpers to let you export each scene individually, it can't currently be combined with the OAM Widget export (which is most likely how you'd get them into InDesign). This means you'll need to copy and paste the scene into a new document if you're going to use this export method.
The Main Timeline always starts by default, so you may not need a button for this unless you're explicitly pausing it on scene load.
Make a new Rectangle element
Choose the Arrange > Bring to Front menu item
Remove all styling (like the background fill and border)
Start Timeline will always advance the playhead to the beginning. Since you have a pause timeline action, it is therefore always being hit and always pausing. Instead you can:
use a continue timeline action, which will play from the current playhead position (which would be past the pause timeline), or
Put the pause timeline action in the On Scene Load handler (in the scene inspector) so it isn't part of the timeline itsellf
You'll probably want the 'File > Export as HTML5 > OAM Widget…' for getting into InDesign. At least this lets you drag and drop into a document pretty easily.
If you used Advanced Export then you'd just get the raw HTML and resources, which you'd need to figure out how to properly embed. (But if you have this working, then feel free to use this technique).
I embeded the widgets in InDesign and exported the document in EPUB3 format.
It's online now with the title "Unfold My Heart 2": EDGE DPUB - Unfold My Heart
The layout of the last 3 pages is faulty and the video is not visible.
Also, in EpubCheck I get the same error for 10 files. It is related to the iframe, but I don't understand what it means.
It might be that internet access is being blocked somehow, at least in the Apple Books app that I'm using to test this. Usually it prompts if I want to allow Internet Access for the book, but I did not get this for yours. Maybe there's some flag that needs to be set somewhere?
Worst case is that you can include the video file itself in the book as a Hype element.
I'm sadly no expert either, but they don't look like catastrophic failures.
In the file iframe-htmlwidget.html the editor showed that I had to add at the beginning of the iframe.
It now reads: Element "head" is missing a required instance of child element "title".
Hmm... would it be possible for you to send a zip containing the .hype document along with any InDesign or other files that you are using to make the document? I think I'd want to see how you're putting it in and try reproducing the creation. Thanks!
It still says I need access; I assume you would have gotten an access request from me that you need to approve? Once you do that, I should be able to see/download the file.
UFM_test 2.zip