Skip to main content
nickc69681232
nickc69681232
Participant
April 17, 2016
Answered

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

  • April 17, 2016
  • 4 replies
  • 30426 views

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.

    Correct answer Colin Holgate

    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.

    4 replies

    M
    Michael28409249s0hb
    Participating Frequently
    October 11, 2023

    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!

    K
    KansasSteve
    Inspiring
    October 11, 2023

    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. 

     

    M
    Michael28409249s0hb
    Participating Frequently
    October 11, 2023

    thanks for the respond but it dont work!

    Y
    yayag29687822
    Participant
    February 29, 2020

    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... 

    S
    susieach
    Participant
    June 16, 2021

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

    A
    AndrewFishay84
    Participant
    October 11, 2021
    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..
      ritaj8100
      ritaj8100
      Participant
      November 4, 2017

      Thank you Colin!

      Colin Holgate
      Colin HolgateCorrect answer
      Inspiring
      April 17, 2016

      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.

      nickc69681232
      nickc69681232Author
      Participant
      April 17, 2016

      That worked!

      Thank you.

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