Skip navigation
bas masbeck
bas masbeck Calculating status...
Currently Being Moderated

html5 animation problem on iPad

Nov 22, 2011 9:18 AM

Tags: #ipad #folio #indesign_cs5.5 #animation #digital_publishing_suite

Hi,


I made a very simple animation in Adobe Edge of a headline with a PNG file. This one: http://project.aboutdesign.nl/test/lineani1.html

When I import this in InDesign it works fine in the Folio preview mode (CS5.5 - 7.5.2) except that it also starts to “fade in” from 0% transparancy to 100%. Only when I publish it on on the iPad it only fades in and the animation does not work any more. I also tried it with wallaby but with the same result.

The html seems to be fine. It works in the browser. Also in Safari on the iPad.


Thanx in advance!

1301 Views   8 Replies   Latest reply: Fredrik Ahlström, Mar 8, 2012 8:27 AM
 
Replies
  • mobly
    Currently Being Moderated
    1. mobly,
    Nov 22, 2011 11:37 AM   in reply to bas masbeck
    Report

    very difficult to say, have you checked that it plays automatically?

     
    |
    Mark as:
  • bas masbeck
    Currently Being Moderated
    2. bas masbeck,
    Nov 22, 2011 11:49 AM   in reply to mobly
    Report

    Yes, the auto-play checkbox is checked.

     

    Screen Shot 2011-11-22 at 20.38.44.png

     
    |
    Mark as:
  • bas masbeck
    Currently Being Moderated
    3. bas masbeck,
    Nov 23, 2011 8:18 AM   in reply to bas masbeck
    Report

    Problem solved.

     

    1. I made a new user on my computer

    2. uninstalled all the CS software incl. foliobuilder en and producer tools

    3. installed CS5.5

    4. installed FIRST the producer tools

    5. then the folio builder panel

     

    First I tried only step 4 & 5, but didn't help

     

    Pfff, took me al lot of time, but finally it works.

     
    |
    Mark as:
  • BlackLen
    Currently Being Moderated
    4. BlackLen,
    Jan 16, 2012 4:03 AM   in reply to bas masbeck
    Report

    I am having this exact problem, I've tried animations made in Edge and exported through Wallaby but the same 'fading in' issue happens. I'm going to try removing CS5.5 and starting again as suggested but am just wondering if you have any idea why it might be happening?  I can't understand how the order things have been installed on the computer can affect playback on the iPad. Is it just a weird glitch?

     

    Well done for finding a solution anyway (I'll let you know if it works for me).

     

    Thanks in advance.

     
    |
    Mark as:
  • Johannes Eckert
    Currently Being Moderated
    5. Johannes Eckert,
    Jan 16, 2012 4:57 AM   in reply to bas masbeck
    Report

    i don't think a reinstall solves this problem ...

    ...problem is, that the viewer loads the HTML and until it fades in the content the animation might be finished. that is about timing. you need to start the animation later.

     

    —Johannes

     
    |
    Mark as:
  • BlackLen
    Currently Being Moderated
    6. BlackLen,
    Jan 16, 2012 8:49 AM   in reply to Johannes Eckert
    Report

    Pretty sure you're right about this. A couple of seconds delay before starting the animation seems to work (Only if I create animations using Edge: the InDesign> Wallaby method doesn't seem to work at all). Pretty useless anyway- that loading .gif really ruins the effect. No idea why it seems to work so well for Terry White:

     

    http://www.youtube.com/watch?v=jSAW2wYDrpo

     
    |
    Mark as:
  • Automator21
    Currently Being Moderated
    7. Automator21,
    Jan 16, 2012 9:04 PM   in reply to BlackLen
    Report

    I've had pretty good success building animations in Hype you might want to give that a try.... My 2 cents.

     
    |
    Mark as:
  • Fredrik Ahlström
    Currently Being Moderated
    8. Fredrik Ahlström,
    Mar 8, 2012 8:27 AM   in reply to bas masbeck
    Report

    I have the same problem, going from Indesign > FLA > Wallaby > back to Indesign. I have tried setting different delays in the timing panel in Indesign but no result. Animation works when the CSS file is set to "infinite". It then playes repeatedly on the iPad. As soon as I change to "1" instead of "infinity", it only fades in with no animation.

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points