Skip to main content
nickc69681232
nickc69681232
Participant
Apr 17, 2016 11:05 PM UTC
Answered

published HTML file won't play in browser. WHY!?!?!

I built a basic HTML5 banner in Adobe Animate CC 2015.1 Release.

NOT EDGE ANIMATE.

I click Command+Enter to export files and automatically preview it in Chrome and it works flawlessly.

Then I drag THE EXACT SAME HTML FILE that was just exported into THE EXACT SAME CHROME BROWSER and it will not play.

Why? How am I suppose to send the banners to the client to preview if nothing works outside of the Animate CC environment.

This is insanely maddening.

    Colin Holgate
    Colin HolgateCorrect answer
    Inspiring
    Apr 17, 2016 11:12 PM UTC

    You'll find that question has come up a lot here. It's to do with browser security issues, if you are using JSON files they have to be on a server somewhere. When you do a test from Animate, it sets up a temporary server, so that it will work even if you have used JSON.

    You may not know what JSON is, or think that you have used it, but one thing that does use it is spritesheets. If you want your test to work by double clicking the HTML file, go into publishing settings and deselect the option to make a spritesheet. Then it will work locally as well as on a server.

    Don't forget to send your client the .js file, the .html file, and any sounds or images folders that were created. It's worth deleting those folders before you do a publish after deselecting the spritesheet option, because the folder will still contain the JSON and texture map files, which won't be needed.

    View reply

    55 replies

    Michael28409249s0hb
    Participating Frequently
    Oct 11, 2023 12:35 PM UTC

    Hellow guys,

     

    Ive a problem on doing a preview in safari. When i try to publish(command+enter) the browser for the preview dont show up. can someone help? thanks on advanced!

    Translate
    KansasSteve
    Inspiring
    Oct 11, 2023 12:42 PM UTC

    Browser security issues. Sometimes you can open Safari preferences and selecting "disable local file restrictions".  IF that doesn't work, You might try testing your content on a web server instead of testing locally. 

     

    Translate
    Michael28409249s0hb
    Participating Frequently
    Oct 11, 2023 1:11 PM UTC

    thanks for the respond but it dont work!

    Translate
    yayag29687822
    Participant
    Feb 29, 2020 3:28 PM UTC

    It didn't work for me. the option was deselected already... I can't see the preview and I can't see the animation when I put it in the iframe. 
    I am so desperate... 

    Translate
    susieach
    Participant
    Jun 16, 2021 6:15 PM UTC

    Did you ever find a solution? I'm so frustrated...

    Translate
    AndrewFishay84
    Participant
    Oct 11, 2021 2:06 PM UTC
    Open the html file from your banner export in a text editor, and replace the line of code (normally line 7) that says:

    <script src="https://s0.2mdn.net/ads/studio/cached_libs/createjs_2015.11.26_54e1c3722102182bb133912ad4442e19_min.js"></script>

    with this:

    <script src="https://s0.2mdn.net/ads/studio/cached_libs/createjs_2019.11.15_min.js"></script>

    That will fix the issue with the banner not showing up in your web browser. The problem is the js file is referencing a command that the old create.js file does not recognise creating a js error in the browser. That new line points to the latest version of create.js that does recognises the command. (the trouble maker: this._renderFirstFrame). Would be nice if Adobe could fix this to auto point to the latest create.js file in their next update..
    Translate
      ritaj8100
      ritaj8100
      Participant
      Nov 4, 2017 6:55 PM UTC

      Thank you Colin!

      Translate
      Colin Holgate
      Colin HolgateCorrect answer
      Inspiring
      Apr 17, 2016 11:12 PM UTC

      You'll find that question has come up a lot here. It's to do with browser security issues, if you are using JSON files they have to be on a server somewhere. When you do a test from Animate, it sets up a temporary server, so that it will work even if you have used JSON.

      You may not know what JSON is, or think that you have used it, but one thing that does use it is spritesheets. If you want your test to work by double clicking the HTML file, go into publishing settings and deselect the option to make a spritesheet. Then it will work locally as well as on a server.

      Don't forget to send your client the .js file, the .html file, and any sounds or images folders that were created. It's worth deleting those folders before you do a publish after deselecting the spritesheet option, because the folder will still contain the JSON and texture map files, which won't be needed.

      Translate
      nickc69681232
      nickc69681232Author
      Participant
      Apr 17, 2016 11:27 PM UTC

      That worked!

      Thank you.

      Translate
      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices