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.

K

KragujAnima

Participating Frequently

Hi @Colin Holgate, thanks so much for taking the time to solve this!
Here I am with the same issue, 7 years after this thread was opened.
I'm using Adobe Animate 2021, and the buttons do not work in Chrome, Opera, or Edge. They are only working (while tested in local) in Internet Explorer.
There is no option to deselect spritesheets in the 2021 version, but I'm using the textures:

The banner opens up, the animations are on point, and the buttons do appear, but they are not functioning - they do not open hyperlinks.

When I test in Adobe Animate itself and in Internet Explorer - they work!
Also, the buttons work in Chrome when I deploy the banner.

I would need them to work in Chrome for the client to test them locally.

Any suggestion would help!

K

KragujAnima

Participating Frequently

If you post an example of a published folder that won't open using a modern browser, I will look at it on my end and see if I have the same issue. That will narrow it down quite a bit.

Of course, here is a sample - https://we.tl/t-cVQ4ET3LZL
You can click on the icon and on the text to open the link (Adobe website). I assume you will get the same result.

This is where I placed the actions:

I got this message:

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