I’ve been using Keynote for many years and have done a fair bit of animation with it. Keynote has an HTML Export option and it results in a single index.html with an assets folder containing - player, 480x268, fallback and images-1 folders, and a kpf.json file. I won’t even guess as to what that constitutes.
I’m wondering if there is a way to embed this into a page as a small animation (a small ad block, not an entire page).
The easiest way would be to use the iframe Action to pull the entire Keynote page into your page. The json file is a JavaScript database containing any transition effects or other goodies needed to approximate the Keynote experience.
Walter
On Apr 14, 2012, at 6:53 AM, Kim wrote:
Hi all,
I’ve been using Keynote for many years and have done a fair bit of animation with it. Keynote has an HTML Export option and it results in a single index.html with an assets folder containing - player, 480x268, fallback and images-1 folders, and a kpf.json file. I won’t even guess as to what that constitutes.
I’m wondering if there is a way to embed this into a page as a small animation (a small ad block, not an entire page).
On 15/04/2012, at 1:37 AM, Walter Lee Davis wrote:
The easiest way would be to use the iframe Action to pull the entire Keynote page into your page. The json file is a JavaScript database containing any transition effects or other goodies needed to approximate the Keynote experience.
Thanks Walter, it seems there’s an action for pretty much everything you could possibly want - it’s just a matter of finding (or finding out about) them. I’ll give this a go today.
The problem is that Keynote embeds player controls into the exported files and I need to dig a bit deeper to see if it’s possible to get rid of them. The example on the left I have simply covered the controls with a box.
The problem is that Keynote embeds player controls into the exported files and I need to dig a bit deeper to see if it’s possible to get rid of them. The example on the left I have simply covered the controls with a box.
In Keynote > Preferences > Slideshow Preferences - there is an option - Show playback controls when mouse is over a movie. Uncheck this.
Then you wont need to add my code as above.
Thanks Dave, I’ll check that out.
Also in the Document Inspector 1st Tab there is an option to Loop Slideshow
Yeah, silly me, I had Loop Slideshow checked on but because I was doing everything with animations on a single slide (as opposed to multiple slides) it didn’t loop. I’ll try simply duplicating the slide and see if that loops.
In Keynote > Preferences > Slideshow Preferences - there is an option - Show playback controls when mouse is over a movie. Uncheck this.
Then you wont need to add my code as above.
Also in the Document Inspector 1st Tab there is an option to Loop Slideshow
Sadly none of the suggestions worked - I get the slide controls no matter what. I tried adding the style code and also the Keynote prefs without success.
As far as looping is concerned, that seems to have failed as well - I added a duplicate of the first slide and asked it to look and it simply played the two slides and stopped.
However, and this is quite convoluted but I’ll detail it here in case it’s of interest, I exported the animated slide as a quicktime movie (high quality). I then dragged this into a new Keynote document a and set the Quicktime movie Repeat parameter to Loop. Exported as HTML and got a nice looping slide. It still has the controls but I can cover them so I’m almost satisfied it’s a workable solution.
One thing to note though, many of the Keynote animations simply won’t work and get converted to simple dissolves.