New Participant

Answered

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

Forum|Forum|9 years ago
April 17, 2016
4 replies
30262 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.

M

Michael28409249s0hb

Participating Frequently

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

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

thanks for the respond but it dont work!

Y

yayag29687822

New Participant

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

New Participant

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

A

AndrewFishay84

New Participant

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

New Participant

Thank you Colin!

Colin HolgateCorrect answer

Inspiring

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.

madathilm64672234

Participating Frequently

Dear Colin,

Can you please simplify me this. someone has sent me an html animation (Animate CC) which I could not open. Infact I asked him to select include js so that i can have a single file instead of two. Thank you

madathilm64672234

Participating Frequently

You can't just send someone an Animate-generated .html file and have it work. You need all the media files and external libraries (if not using external hosted libraries). This person needs to either send you a ZIP file with everything, or put it on a web server for you to access.

i have a tutorial of html animation made in animate cc which I want my website visitors to download. The file contains backward, forward, exit, main menu and exit buttons and texts. Apart from this html file and the supporting files mentioned in the earlier discussions, do I have to do anything else?.I expect visitors using all sorts of gadgets including mobile phones. The reason I am asking this question is I had made this tutorial in flash 8 though, being convinced the importance of the HTML compatibility I am remaking everything in animate CC. I am afraid of having any troubles in the mid way or after completing the whole animation and tutorials like what happend in my flash animation.

Sorry for keep on asking questions. In my part of the world there are plenty of flash experts but not animate cc.

Many thanks.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded