4 Replies Latest reply on Mar 31, 2015 10:44 PM by Bustergoof

    Anyone importing HTML 5 into captivate

    the jazz Level 1

      Wondering if HTML 5 animations and interactive elements can be imported into captivate without necessarily using EDGE.

        • 1. Re: Anyone importing HTML 5 into captivate
          Lilybiri MVP & Adobe Community Professional

          You can import HTML5 animations, they don't have to be created in Edge Animate.


          Not sure what you mean by 'interactive elements'? Only with widgets/learning interactions communication with Captivate is possible. You can use JS as well.

          • 2. Re: Anyone importing HTML 5 into captivate

            Just to elaborate a little further, correct, you don't have to use Edge.


            Also, Captivate can bring in .oam files (Edge animate, as you know) or .zip files.


            I created a Canvas document in Flash Professional with a simple animation and published (publishes to HTML5 format).


            Then I went and manually zipped together the resulting files.


            They imported into Captivate using Media>HTML5 animation just fine.


            Alternatively, you can take your HTML5 files that make up your animations (outputted from Flash Canvas document, or whatever software you're using) and put up on a webserver.  Then, grab that URL, and back in Captivate, go to Interactions>Learning Interactions, scroll to the bottom and choose WebObject.  Paste the URL in, preview HTML5 in browser, and you'll see it.


            Kind of veering off your original post, for those with Flash expertise that need HTML5 animation, using the Canvas document type in Flash will create that HTML5 friendly format that you need.


            If you have swf-based animations in a .fla that you need converted to HTML5, you can even copy and paste from a traditional .fla Flash file (that outputs to swf) into a Flash .fla (Canvas) document.  It converts over pretty well, although if you have actionscript, it's commented out.  For some animations it could be a great way to get swf-based ones converted to HTML5 quickly without having to re-build the whole thing.

            • 3. Re: Anyone importing HTML 5 into captivate

              Can you create animated interactive areas (such as interactive illustrations)  in Edge and then import it into Captivate as a responsive file or is it limited to import animations only?

              • 4. Re: Anyone importing HTML 5 into captivate
                Bustergoof Level 1

                Create all of your html5 files in the usual way.

                Then zip them up. Go to the media icon and choose html5 item as a zip. The object should ne displayed in a box on the stage if it has loaded properly.

                You won't see any interactivity etc until you publish as an html5 in browser preview.


                Good luck