Skip navigation
Currently Being Moderated

HTML5 not working on iPad, multitude of issues, looking for solutions

Jul 17, 2012 2:20 PM

Hello,

 

I'm trying to test the possibility of publishing trainings to HTML5 for use on iPad or iPhone. In our first test, we put the HTML5 publish up on an LMS and accessed it through an iPad and iPhone. Via the iPad we used Safari. This is what happened:

 

First three slides did not appear (first has a single image, second has an f4v video, third has an f4v video).

 

We had narration throughout which did not play at all. Audio files are in WAV format.

 

Overall very slow

 

Crashed on one slide

 

Slow navigation on the Table of Contents.

 

 

Any suggestions about why we may be having these problems? Should we be using a different browser? Conver the F4V videos to something like MPEG or AVI? Anything helps, thanks.

 
Replies
  • Currently Being Moderated
    Jul 17, 2012 2:51 PM   in reply to Evan Berrett

    f4v videos are Flash videos, aren't they? I don't know if Cp will convert them automatically. I thought you needed to use mp4 formats. Can you try converting them to mp4 and then republishing. It would be interesting to see if it makes a difference. I don't know if not being able to render the movies correctly may be affecting the performance of the overall project.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 17, 2012 3:46 PM   in reply to Evan Berrett

    Have you tried playing with the settings when saving the MP4 file? I was able to cut my file size in 1/2 but changing some of the settings (i.e. bitrate) and they still looked good.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 18, 2012 6:30 AM   in reply to Evan Berrett

    If you want Apple-Mobile device delivery, MP4 is your only choice (at least, for now) - with h.264 encoding.

     

    As to the other items, check this post:

    http://forums.adobe.com/message/4496999

    Is that helpful?

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 18, 2012 11:20 PM   in reply to Evan Berrett

    Hi RiskLMSspecialist,

     

    Videos with codec : On2VP6 are supported for HTML5 output.

     

    If you are publishing the videos to the local server, Local Server should be configured to play mp4 files.

     

    After following the above instructions, if you are still facing the issue please share the sample project with us.

     

    Upload the sample project to acrobat.com and send the link to mahajan@adobe.com

     

     

    Thanks,

    Mayank

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 19, 2012 9:19 AM   in reply to Mayank Mahajan

    Mayank,

    So MP4 videos with the h.264 codec are NOT supported in HTML output??

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 19, 2012 9:50 AM   in reply to Evan Berrett

    What config are you using for the H.264 Conversion? Here's some info that an Adobe Engineer posted a few months ago for me on another forum...even if it doesn't help for this scenario, it is definitely great reference material:

     

     

    Best iPad Video settings

    Follow the optimal settings to get excellent playback quality.

    Video:

    Codec: H.264

    Size: 640*480 or 1280*720

    Bitrate: 2500kbps

    Frame rate: 30fps

    Audio:

    Codec: aac

    Sample rate: 48khz

    Bitrate: 160kbps

    Channels: Stereo

     

    iPad 3 Supported Video Formats

     

    The new iPad 3 supported video formats is the same as the old iPad 2, but supported the higher resolution video. From the following lists you'll know iPad 3 video format.

    AirPlay Mirroring to Apple TV support at 720p

    Video mirroring and video out support: Up to 1080p with Apple Digital AV Adapter or Apple VGA Adapter (adapters sold separately)

    Video out support at 576p and 480p with Apple Component AV Cable; 576i and 480i with Apple Composite AV Cable (cables sold separately)

    Video formats supported: H.264 video up to 1080p, 30 frames per second, High Profile level 4.1 with AAC-LC audio up to 160 Kbps, 48kHz, stereo audio in .m4v, .mp4, and .mov file formats; MPEG-4 video up to 2.5 Mbps, 640 by 480 pixels, 30 frames per second, Simple Profile with AAC-LC audio up to 160 Kbps per channel, 48kHz, stereo audio in .m4v, .mp4, and .mov file formats; Motion JPEG (M-JPEG) up to 35 Mbps, 1280 by 720 pixels, 30 frames per second, audio in ulaw, PCM stereo audio in .avi file format

     

     

    iPad 3 Supported Audio Formats

    Frequency response: 20Hz to 20,000Hz

    Audio formats supported: HE-AAC (V1 and V2), AAC (8 to 320 Kbps), Protected AAC (from iTunes Store), MP3 (8 to 320 Kbps), MP3 VBR, Audible (formats 2, 3, and 4, Audible Enhanced Audio, AAX, and AAX+), Apple Lossless, AIFF, and WAV

    User-configurable maximum volume limit

    Dolby Digital 5.1 surround sound pass-through with Apple Digital AV Adapter (sold separately)

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 19, 2012 10:07 AM   in reply to Evan Berrett

    I'm not sure...I haven't tested it that thoroghly. I know I was having the white video problem a while back (although I wasn't using Captivate). After I went back and played with the video settings, I was able to get it to work. Sorry I don't have more specific details but you know how it is...you do so many things that sometimes you're not sure what you did I just remember that after getting this information, I was able to get it to work. At that time, I was publishing an Interactive PDF to iBooks and the video wouldn't play (the screen was white). After I changed the video settings, I got it to work.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 19, 2012 6:33 PM   in reply to Kurrykid

    Break it down...

     

    Do you have access to a plain webserver (that's setup to deliver h.264 videos - i.e. MIME Types properly set: http://forums.asp.net/t/1470612.aspx/1 )

     

    If so, upload your MP4 file there and access it via direct URL on the iPad. Does that work?

    If so, create a very simple SCO/lesson (I guess with Captivate if that's all you have) that just contains the MP4, publish that and upload to your LMS. Does that play on the iPad?

     
    |
    Mark as:
  • Currently Being Moderated
    Oct 17, 2012 12:57 PM   in reply to Mayank Mahajan

    I am creating videos in After Effects and exporting mp4 with H.264 codec.  I do not see the On2VP6 option in either AE or Premiere.  I import these videos into Captivate 6 and they play fine in the HTML5 version in Safari and Chrome on my desktop but crash when open on a iPad in Safari. The slides without video play fine on the iPad, but once I go to the slide with a video it closes Safari completely.

     

    I am confused about the best video output to use for HTML5 on iPad

     

    Thanks for your help!

     
    |
    Mark as:
  • Currently Being Moderated
    Oct 17, 2012 1:07 PM   in reply to diehlang

    Did you see my post above (#9)?

     
    |
    Mark as:
  • Currently Being Moderated
    Oct 17, 2012 1:17 PM   in reply to Evan Berrett

    Thanks for your reply, however, this link (https://acrobat.com/#d=m6Vq2n63kILAldt*oihfpQ) takes me to a page with Acrobat products for sale.  I do not see information about downloading these files.

     

    I appreciate your help

     

    Angela

     
    |
    Mark as:
  • Currently Being Moderated
    Oct 17, 2012 2:18 PM   in reply to diehlang

    Since a couple of days all links to published files on acrobat.com do not work, they have to be edited. Try to change the link to:

     

    https://workspaces.acrobat.com/app.html#d=m6Vq2n63kILAldt*oihfpQ

     
    |
    Mark as:
  • Currently Being Moderated
    Oct 19, 2012 1:47 AM   in reply to Evan Berrett

    Hello,

     

    When publishing to HTML5, all the videos are converted to H.264 encoded MP4 videos by Captivate. These videos play fine on iPad. In general, if the videos are not even showing up, you might want to try one simple thing. Take the MP4 video (you will be able to find it inside the published contents) and put it in your Web Server. Now request this video alone in the browser. If the video plays fine there, then you need to contact me :-) asgarg at adobe dot com. If the video doesn't play then you need to check your webserver. Apart from basic configuration for serving video files, iPad needs specific support from the webserver for media files (video and audio) -  (http://developer.apple.com/library/safari/#documentation/AppleApplicat ions/Reference/SafariWebContent/CreatingVideoforSafarioniPhone/Creatin gVideoforSafarioniPhone.html#//apple_ref/doc/uid/TP40006514-SW6) . If you were seeing a grreen rotating circle for a long time, then it could be web server problem only. Also, you mentioned that the audio also didn't play, that too indicate in this direction only.

     

    Another thing, just to isolate the issue, you can try with few slides having simple objects and no audio/video. If that is working fine, then we will know that we need to just configure everything proprly for audio and video.

     

    Assuming this works and you got the content on iPad, if you still feel that content is running slow, then check-off the "scalable HTML" option while publishing. iOS does not behave well with the scaled contents that are changing.

     

    Thanks,

    Ashish

     
    |
    Mark as:

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