[Pro] Embedding HTML from Keynote

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).

thanks
'k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

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).

thanks
'k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

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.

cheers
'k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Would be nice with a link to see the thing, :-)¨

Omar KN

On 2012-04-15, at 24:16 , Kim Kohen wrote:

I’ll give this a go today.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 15/04/2012, at 7:13 PM, Omar KN wrote:

Would be nice with a link to see the thing, :-)¨

It kinda works OK and there’s a simple example here - http://www.thetorch.com.au/testkeynote.html

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.

cheers

'k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

It kinda works OK and there’s a simple example here - http://www.thetorch.com.au/testkeynote.html

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.

Also need to work out how to make it loop…


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Also need to work out how to make it loop…

That I am sure you will need to do in Keynote.

Try this to hide the controls:

In Page>Html Markup in the before section paste the following

<style type="text/css">
<!--
#embeddedControlBar {
display: none;
}
-->
</style>

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You might need to add !important

<style type="text/css">
<!--
#embeddedControlBar {
display: none !important;
}
-->
</style>

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

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

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 15/04/2012, at 9:36 PM, DeltaDave wrote:

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.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 15/04/2012, at 9:36 PM, DeltaDave wrote:

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.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options