Publication of HTML5/Flash

Similar Questions

• Publication of HTML5, download of newbie question

  I'm a host which has just started using Flash and need to create a HTML5 animation for a web banner. I'm not a web developer.

  I can publish the Flash movie very well - it creates the .html, .js and images folder. Play offline .html works as long as everything remains in the same folder.

  My question is, any decent web developer would be able to take these files (html, js and images exported from Flash) to publish on a Web site? I thought initially just the html file would be everything that is created and used. Did I miss something in the settings of publication?

  Hello

  If you have created and published the entire animation in Flash Professional HTML5 Canvas, then you have to pass on html, js and active to get file published on a Web site.

  Thank you!

  Mohan

• Publication in HTML5 w / Captivate 9

  My company currently publishes SWF projects, but this fall, we are moving to HTML5 publishing. I am doing some research on what has not supported in HTML5 and found a list of items to Adobe.com (for example, text and SWF animations, transitions between slides, bearings, etc.).

  To test, I set up a quick module. It includes cartoons, buttons text animation (effect of typing), mouse animation, etc. HTML5 Tracker was told that rolling legends, flight path images and rollover slidelets weren't compatible HTML5. However, when I published to HTML5 and considered that it if IE11, almost everything worked, including all transfers. I'm confused, because everything I read points to the fact that the bearings will not work in HTML5, but they seemed to work for me. Am I missing something?

  I want to emphasize that we are not publish responsive projects. Our whole target audience is using desktop computers and by displaying the modules in IE11. I was wondering if there is a bug in the tracker, or if his warnings apply only to projects of a reactive nature?

  Transfers are not compatible with most mobile devices, is that the reason that the HTML tracker in condition for HTML output.

  What does certainly not are animations of text and SWF animations. For animations of text appears only a static image. FLV video cannot be played in the HTML output, will be converted to MP4.  H264 (MP4) codec does not support transparent background, which is possible in FLV format. Some problems may occur with PPT-imported slides and FMR slides, but it's not always the case. Totally the effects that are classified as 'Other effects' in CP9 are not taken care of or. Another difference I know: in SWF output an interactive object covered by a non-interactive object remains active, which is not (always) the case in the HTML output.  Much also depends on the browser used, the HTML5 support is not the same by all browsers.

  As long as you post mainly for laptop Desk/computer maintain the SWF when possible or publish to multiple screens. The user experience is much more in line with the output SWF. At least as browsers continue to integrate Flash Player. Right now the interactive PDF published by Captivate needs Flash player, as does the EXE format.

• Close this window doesn't work don't not in publication as HTML5 on Acrobat Connect Pro with CP8

  Hi all

  I'm trying to get a button that closes the project window / at the end of a video. I use CP8.

  I can make it work when published as SWF Adobe Captivate.

  It works also when you publish as HTML5, but not on a LMS (Adobe Connect) system.

  I have tried different methods which

  -Successful run a JavaScript Window.Close =)

  -On the success - exit

  -Successful execute advanced action = Assign cpCmdExit with 1

  I also tried the slide on the output settings: output and end of project parameters publication Options: Action: close project.

  Nothing works.

  Any ideas?

  Thank you very much

  Aimee

  Hi love,

  You can test this to close the window of course:

  Insert the 2 buttons or smart shape used as buttons (as of the end of course buttons).

  The first button apply an action to run javascript and in the script window, use this script: parent.close)

  The second button apply an action to run javascript and in the script window, use this script: top.window.close)

  Download the draft published on your LMS and check whether one of these work for you.

  Thank you

  Himanshu

• Cannot convert a clip simple targeting AS3 to HTML5 (really new to HTML5 Flash CC)

  Please, I beg you! A good soul can convert this to HTML5? I've tried everything! I need to see where I am going wrong... It works perfect in as3, but every time I tried to convert it into js, it stops... Someone? :/

  buttonOne.addEventListener (MouseEvent.CLICK, fl_ClickToGoToAndPlayAtFrame);

  function fl_ClickToGoToAndPlayAtFrame(event:MouseEvent):void
  {mc.gotoAndPlay (2) ;}}

  Stop();

  I already tried this:

  var _this = this;
this.buttonOne.addEventListener("click", fl_ClickToGoToAndPlayAtFrame);
function fl_ClickToGoToAndPlayAtFrame(event) { // Note: Types are not supported either.
  _this.mc.gotoAndPlay(2);
}

  It works in a empty fla, but not on the i'm working:

  I just want to call the mc (with effect) and at the same time, go to section 348 and play... I'm downloading the original fla that I am working on... Please, help me find what's the problem?

  www.agenciacreh.com.br/downloads/Home.fla (here the fla file!)

  Thank you!

  Hello

  This could be a problem do not specify an instance name on the first image where this instance is placed at providing the instance name to a frame later. Flash takes the instance name what is the setting in which the instance is named but CreateJS it does not bind this way.

  Joined the work file.

  Thank you!

  Mohan

• HTML5 & flash in web page options

  Hello

  I hope I can explain this correctly...

  I have a file in swf format (this is a banner with the evolution of several no images, no sound) at the moment but it will not play on ipads and some phones that do not support flash... So, I'm after something simple that will play the html5 (mp4, ogv, webm) files in the browser and fall to the SWF file if the browser is not compatible.

  I thought I had struck lucky when I found this code on the site w3schools like many of the more complicated codes and beyond what I knew... and it is tidy. (A large number of converters html5 gave me load of masses of code that worked but was waaaaaaay to long)

  So I used a converter to convert my file swf in html5 and it told me that each file type that I set on the server and I put this code between the body tags (just change "a film" in the name of my video) etc... and transferred. At first the converter (freemake video converter) just recognised my 1 minute of video as a clip of 1 sec and black poster, but as a tester I downloaded files and it shows this black 1 second clip on the ipad and the flash file in internet explore. I thought bingo, if I can get it to convert my swf correctly file that should work.

  So I tried to convert the SWF again and he has just done the same, black. So I used the mp4 file and converted in html5, so I can get the bits webm and ogg out of it. (Maybe this has caused the problem, but I'm looking into that)

  Now, he plays very well in internet explore. But the ipad doesn't always detect it, plays just a cross. I wonder if this is the code above or something stupid? My guess is that it's something to do with the actual files, but I thought I was asking here if it's something obvious I asked before and everyone so helpful!

  Thank you very much

  This is a banner with the evolution of several no picture, no sound.

  Then video is certainly exaggeration here.  Simply rotate static images.  Very simple to do with jQuery Cycle or as mentioned Rik WOW or Nivo slider.

  Nancy O.

• Publication of HTML5

  Hello! I have a few questions about the ability of HTML5 edition.

  -The code may be reduced or optimized? It seems to generate a lot of code, what was I doing some sprites with fade in/out transitions. On a 1000 lines of code. It also seems to be using an older method of CreateJS?

  -The code that generates the CreateJS can be changed?

  -Exportable graphics and video clips to the format parent? If I have a bitmap which is 1000 x 1000, but the scene of his only 250 x 250, it generates it with the 1000 x 1000 in mind. Even with forms, etc. I know it's a stretch, but would be cool. And a great help with optimization.

  Thank you!

  The code includes everything you need to describe your calendar and your library. A custom acceleration or a motion tween, can take a lot of code to reproduce. If you use tweens, classic tweens who use normal acceleration (the number of-100 to + 100), generates a lot less code than the one that has been twisted at all.

  Complex vector shapes take up a lot of details, you could simplify the forms to save a few lines of code. Or change the more complex vectors as bitmaps.

  Published bitmaps are made to the size of the bitmap in the library, not the size they are onstage.

  You can change the generated code, but generally you wouldn't. You can use the browser developer tools to identify problems, then find the original code in your FLA, fix things and republish.

  Once you are done editing you can also image optimize bitmaps published, to save on the size of the download.

  You could shrink the JS file, but already, there is data compression in the file editing, and reduce is not much gain.

• Vector text HTML5 Flash seems harsh when magnified in the browser.

  When I create a vector text in Flash, it looks like this when implemented in the browser.

  It's the same thing created on board seems perfectly fine. Why is it that and especially is it possible to fix it?

  Thanks in advance.

  

  To answer your question usefully...

  The fundamental difference between Edge and Flash is that Edge creates HTML text native objects (which are vectors), while Flash in canvas mode instead makes everything for a canvas object, which is just a bitmap image. So when you zoom in on a bitmap, it will be pixelated. It's also why Flash canvas text cannot be selected, because there is no text object to select a few pixels.

  The only way to 'fix' is to use custom JavaScript to create text objects yourself, floating above the canvas layer. But then you lose all the advantages of the Flash authoring environment.

• Html5 Flash - How can I make a clip from movie internal slow down and stop when it happen a certain group?

  I'm creating a car braking system using flash, and I have a spin of the wheel. I want the wheel to slow down and stop after the brake pedal is pushed to a certain range. I know I could do with frame-by-frame animation but hoped there is a short cut - javascript? If not the party slowing then is the code to do just the internal clip (rotation of the wheel) to stop when it is in a frame. ? Thank you

  You can use the ticker class to create a loop that allow you to control the rotation of the wheel or a framework, TweenJS v0.6.0 API Documentation: Ticker

• Publication of html5 - grey

  I have the demo version of Presenter 10 and I work with Office 2010. When I publish my presentation, they option to publish format that HTML5 is grayed out. Is it because I have a trial version of the presenter? Is this because I use office 2010?

  Please check if you are working on a PPT (compatibility mode) format. You must save to PPTX and then check if you have the possibility of HTML5 has highlighted.

  Trial version has all the features that will be available in copy purchased from Adobe Presenter.

  Kind regards

  Rajeev.

• Get CC HTML5 Flash click on the name of the instances?

  I make the escape games and often have many elements in a scene, each with flash instance names, on mouse over or mouse click, carry out an event or a text.

  I use CC Flash and HTML 5 output and are unable to exit the instance names in the paper, is it not possible? Can someone suggest an alternative method of answering a lot of buttons/movieclips etc.

  Here's my test code: -.

  //stage.enableMouseOver(24);
var clicked = "";
var clickedname = "";


//NEED TO FIND OUT MOVIECLIP INSTANCE NAME??

var key1 = exportRoot.key1
//key1.name = "key1"

//console.log(key1ref.name)


stage.on("click", function (evt) {
   
    //clickedname = stage.getObjectUnderPoint(evt.stageX, evt.stageY)
    //clicked = evt.target
   
    clicked = evt.target
   
    console.log(clicked)
    //output result to log
   
    /*if (clicked == "key1"){
        console.log("clicked key 1")
    }*/
   
});

  Thank you still Ned, these products come from the exit console.log statement that contains the clicked var...

  I work, it's a little long breath but it works, really appreciate your help on this mate!

  He lay mouseChildren to false, what has done it (and not using a string), of course I wasn't getting the upper container which is the movieclip/name when you click on!

  var clicked;

  Key1 = exportRoot.key1 var

  Key1.mouseChildren = false; VERY IMPORTANT ;-)

  Key2 = exportRoot.key2 var

  Key2.mouseChildren = false

  var = exportRoot.key3 Key3

  Key3.mouseChildren = false

  stage.on ("clicked", function (event) {}

  clicked = event.target

  If (clicked == key1) {}

  Console.log ("clicked 111111111111111 key")

  }

  ElseIf (clicked == key2) {}

  Console.log ("clicked key 2222222222222222")

  }

  ElseIf (clicked == key3) {}

  Console.log ("clicked key 3333333333333333333")

  }

  });

• Publication of HTML5 in Captivate 7.0.1 parameters

  Hello everyone

  I am somehow at the end of my home here.  When I publish a Captivate 7.0.1 project in HTML5 format, I noticed that the project is centered in the web browser (probably using a margin: 0 auto; in CSS).  I want the project appear in the upper left corner of my browser.  I know I have to go into the source files of Captivate and change the default somewhere, but I don't know where.  I'm not referring to an LMS.  Just a straight line HTML5 publish.  I am using Captivate 7.0.1 Mac OS x 10.6.8.  I would be very grateful if someone could point me in the right direction!

  Concerning

  Paul B

  Thank you very much!

• Model for the publication of HTML5

  Hi, question about the import of the model.

  When I write in model

  < meta name = "ad.size" content ="width = $WT, height = $HT" > "

  and inport to animate CC, I have a message:

  "Failed to import: invalid template file.

  But if I take $WT and $ $HT, everything works fine.

  
  

  How can I input variable dynamics in the meta tags?

  Hello

  This function has been activated in the version of the patch. You can now use the variable token such as $HT, $WT etc anywhere in your html template file. In the published output HTML, all the chips will be replaced with their corresponding values. To get the version of the patch just to go to the creative cloud desktop application and update your Application host.

  Thank you

  Prashant

• [CC HTML5/Flash] Preloader?

  It turns out that my output panel is about a megabyte so sit you and look at a blank screen for a few seconds to 30 seconds, depending on the speed of your browser. I guess I could drop by converting PNG to JPG, it did not want to mess with traverse and its replacement. In addition, there are many other instances where I'll need a preloader, so I figure it's a good opportunity to try to prove one.

  ()http://handtooledcode.com/sas_test If you want to see what I mean.)

  Yet once, looking for an example of how building one, I guess. Currently, I have * nothing * that works to do this, I'll start trying to go down the road of old 'second stage' in a moment and see if I can make any progress this way.

  Thanks in advance!

  Eric.

  I think you meant cssload.net. What you posted is a parked domain.

  Animations, it just seems to be 'available', not indicators of progress. Make a genuine progress indicator is not so difficult. Just hook a few tasks in the HTML container.

  First, add a progress listener to the active block of preload:

  var loader = new createjs.LoadQueue(false);
  loader.addEventListener("fileload", handleFileLoad);
  loader.addEventListener("complete", handleComplete);
  loader.addEventListener("progress", handleProgress); // <-- ADD THIS CODE HERE
  loader.loadManifest(lib.properties.manifest);
  

  Then, paste the function to support after the handleComplete() function:

  function handleProgress(evt) {
      document.getElementById("preloadFill").style.width = Math.round(evt.progress * 100) + "%";
  }
  

  Thirdly, stick it in a kind of progress indicator. The function above is written to work with the following very simple, consisting in CSS (inserted anywhere in the head) and a couple of DIV layers, inserted inside the body immediately before the tag of .

  
      
   <-- ADD THESE TAGS HERE
      
  
  

• How can I convert my 100 games flash (actionscript 2.0) in HTML5 now that swiffy is dead?

  Unfortunately I didn't swiffy would be killed until August.  I have a lot of games I built using flash with actionscript 2.0, and I do not know now how to export to HTML5 without swiffy.  Someone at - he found a solution?  Adobe has a solution for us?  Singular video showing how convert a very basic adobe HTML5 flash ad is no help to those who have made the beautiful games and complex using flash with actionscript 2.0.

  I'm excited about learning all these new languages like actionscript 3.0 which is not at all compatible with actionscript 2.0, but I have to convert my current games in HTML5 first before you spend another few years learning a new language.

  I didn't adobe address this problem that many people, but I found an application called flaexporter that only works on flash cc.  I don't have flash cc, and it seems not available for download as a "past/old version" of my adobe creative app download.  Is there a way to download this older cc flash application, so I can export all my games to HTML5?  I don't want to lose years of game development just because swiffy disappeared.

  I have the cs adobe complete with all applications to update software including cc lively.  Unfortunately, animate cc seems unnecessary, because when I try to open one of the games I put years of work into, he destroys this game completely.  When I publish the game, it does not at all.

  I create games for education and had used swiffy and flash because they were easy for a designer like me to use.  I'm not a high level programmer, but I've always been able to create and edit flash.

  1 animate cc told me that only a3.0 files can be imported and still work.  So, how to export actionscript 2.0 to actionscript 3.0 using the flash c6s that always works on my laptop?  I don't see the option export for actionscript 3.0 in flash c6s, and I do not see the option "successfully" import ActionScript 2.0 cc animate.  Is there something I'm missing here?   Someone at - he found a solution to this problem?

  2. instead of trying to figure out how to export a2.0 a3.0, just so that I can open it to animate cc, then export to HTML5, is there an easier way - similar to swiffy, who has ignored all these steps your time?

  If anyone has an answer, thank you!

  Please do not cross-post.

  See How can I convert my 100 games flash (actionscript 2.0) in HTML5 now that swiffy is dead?