HTML5 Files loading in Mac browsers but not on PC browsers (locally)
Copy link to clipboard
Copied
My exported Animate files (html/js/jpg) are loading fine in a browser on a Mac (where they were created). But zipping the files and sending to a PC to view, I'm getting the blank browser screen. The overlay link works, so it's loading(?). Console is throwing two errors:
err_file_not_found (the image)
AdobeAn is undefined (I have no idea what that means)
I looked through the HTML and JS and I'm not seeing absolute paths.
Any ideas?
Copy link to clipboard
Copied
save your fla to a new directory and publish.
everything in that directory must be sent/uploaded, except the fla
Copy link to clipboard
Copied
Thanks for the idea, but that didn't get it.
We're using a custom HTML file to set the link. Could this file be the issue with paths?
<!DOCTYPE html>
<!--
NOTES:
1. All tokens are represented by '$' sign in the template.
2. You can write your code only wherever mentioned.
3. All occurrences of existing tokens will be replaced by their appropriate values.
4. Blank lines will be removed automatically.
5. Remove unnecessary comments before creating your template.
-->
<html>
<head>
<meta charset="UTF-8">
<meta name="authoring-tool" content="$VERSION">
<title>$TITLE</title>
<meta name="ad.size" content="width=$WT,height=$HT">
<script src="https://s0.2mdn.net/ads/studio/cached_libs/createjs_2019.11.15_min.js"></script>
<!-- CHANGE THE TEMPLATE URL/LINK HERE -->
<script>var clickTag = "https://www.google.org/";</script>
<!-- -->
$CENTER_STYLE
$ANIMATE_CC_SCRIPTS
$SCRIPT_START
var canvas, stage, exportRoot, anim_container, dom_overlay_container, fnStartAnimation;
function init() {
canvas = document.getElementById("$CANVAS_ID");
anim_container = document.getElementById("$ANIM_CONTAINER_ID");
dom_overlay_container = document.getElementById("dom_overlay_container");
$CREATE_LOADER
$LOAD_MANIFEST
$PRELOAD_ASSETS
}
$HANDLE_FILE_LOAD_START
$HANDLE_FILE_LOAD_BODY
$HANDLE_FILE_LOAD_END
$HANDLE_COMPLETE_START
//This function is always called, irrespective of the content. You can use the variable "stage" after it is created in token create_stage.
$CREATE_STAGE
//Registers the "tick" event listener.
$START_ANIMATION
//Code to support hidpi screens and responsive scaling.
$RESP_HIDPI
$HANDLE_COMPLETE_END
$PLAYSOUND
$SCRIPT_END
<!-- write your code here -->
</head>
<body onload="init();" style="margin:0px;">
<a href="javascript:void(window.open(window.clickTag))">
<div id="$ANIM_CONTAINER_ID" style="background-color:$BG; width:$WTpx; height:$HTpx">
<canvas id="$CANVAS_ID" width="$WT" height="$HT" style="position: absolute; display: $CANVAS_DISP; background-color:$BG;"></canvas>
<div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:$WTpx; height:$HTpx; position: absolute; left: 0px; top: 0px; display: $CANVAS_DISP;">
</div>
</div>
$PRELOADER_DIV
</a>
</body>
</html>
Copy link to clipboard
Copied
test with the standard html so you can narrow the problem.
Copy link to clipboard
Copied
Hi.
Are you using a local or remote server to test the files on PC?
Please let us know.
Regards,
JC
Copy link to clipboard
Copied
Lance Troxel | Art Director
American Cancer Society, Inc.
PO Box 22770
Portland, OR 97269
Phone: -
cancer.org<> | 1.800.227.2345
This message (including any attachments) is intended exclusively for the individual to whom it is addressed and may contain proprietary, protected, or confidential information. If you are not the named addressee, you are not authorized to read, print, copy, or disseminate this message or any part of it. If you have received this message in error, please notify the sender immediately.
Copy link to clipboard
Copied
with local loading, you should see a cross-domain security issue, not a bad path.

