I created a small interactive poem called "Unfold My Heart".
You can download the EPUB from my page:
https://edgedpub.com/sample_work_3.php
The second version is created with TH, but sadly the animation doesn't work anymore. On EPUB-Checker I see the same error in all 10 pages of the poem:
Could this be the reason why the animation doesn't work?
Daniele
Can you elaborate on what you mean by this? When I open the epub in the Apple Books app on macOS 14.6 I'm still able to get the animations to run by clicking "unfold my heart".
Can you let me know what epub reader/device/versions this worked on before, and what it doesn't work on now?
It appears the base level EPUBCheck 5.x now is throwing these errors as it assumes this is part of the epub v3.3 spec. Using an older version of epubcheck like v4.2.6 from that page (instead of the app it looks like you use) doesn't show the errors, so this is kinda new. I doubt non-conformance with this area of the spec would cause reader apps to break your animation.
The error comes more from the InDesign end than the Hype end; basically InDesign isn't setting a fallback. I kinda wonder if they will be updating at some point to add this. You might want to contact their support at least. That said, I'm not really sure what an appropriate fallback would be for an OAM-originated HTML file, at least at the manifest level.
I'd generally focus on the animation not working than worry about this validation error for now. Please let me know if you can provide more reproduction steps.
Thank you for your feedback.
The animation works on my side too.
My apologies, I forgot that the animation was programmed in the verse "unfold my heart".
There are a few more problems:
the text on page 8 is three times smaller as it should be;
the video on page 10 is not visible;
I'm kind of at a loss here by examining the epub file - everything on this page seems to have the same sizing as all other pages. I think I'd need to see your .idd, .oam, and .hype files. But since it is a basic page, I'd maybe just try recreating it from scratch and see if that helps? Maybe there's something minor somewhere that got changed.
My guess is that this is because it is a youtube video and requires network access to work. Epub readers generally don't allow network access. (Or sometimes they do, like iBooks used to, but required special settings that asked the user for permission). Instead you should embed the video file in the .hype document if it isn't too big for your book.
Thank you Jonathan. It worked.
New version available here: EDGE DPUB - Unfold My Heart
I replaced the shrunk pages with new ones and embedded the mp4 file in the .hype document.
Now I get a notification regarding the browser compatibility:
Besides that, the EPUB can only be read on Books. It doesn't work on ADE and Thorium.
Another problem concerns the action of the video. I programmed the mouse click action to start the main timeline. But the video starts as soon as you open the page.
Is there a way to replace the white background of the video with a thumbnail?
Hmm... OAM exports aren't strictly limited to being used for EPUB/Books, but I get the point that it is likely many of the browser compatibility warnings wouldn't apply.
For autoplay video specifically, most contexts won't allow it unless the video is muted. The Books app does though.
I filed a bug in our tracker to contemplate this more; thanks for bringing it up.
(Do note these are just warnings, you can ignore them if you don't think they apply or uncheck the box to "always show browser compatibility warnings before exporting" in the sheet)
In this case I think you just will need to select the video and in the element inspector, uncheck "autoplay?"
Yes, it is a little bit of a manual process using the Additional HTML Attributes section of the Identity Inspector, but you can follow these steps:
poster and the value is ${resourcesFolderName}/filename.png (replacing the "filename.png" part with the filename of your image)I used the function Background -> Fill style.
I disabled the autoplay. When I preview the page on a browser (Firefox, Safari, Chrome), the video starts on mouse click. Unfortunately, it doesn't start in the Books reader.
I'd have to see your setup, but autoplay is tied to the timeline so I'm surprised this works in the browser at all, actually. I think what you'll need to do if you want control of when the video starts is:
hypeDocument.getElementById('myvideo').play();
Yes, the code is just:
hypeDocument.getElementById('myvideo').pause();
If you need a real "stop" that resets the video back to the start, then also add this line underneath:
hypeDocument.getElementById('myvideo').currentTime = 0;