Skip to main content
Participating Frequently
December 17, 2024
Question

HTML5 Files loading in Mac browsers but not on PC browsers (locally)

  • December 17, 2024
  • 2 replies
  • 409 views

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?

 

    This topic has been closed for replies.

    2 replies

    JoãoCésar17023019
    Community Expert
    Community Expert
    December 17, 2024

    Hi.

     

    Are you using a local or remote server to test the files on PC?

     

    Please let us know.

     

    Regards,

    JC

    Participating Frequently
    December 17, 2024
    Local on PC.

    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.
    kglad
    Community Expert
    Community Expert
    December 17, 2024

    with local loading, you should see a cross-domain security issue, not a bad path.

    kglad
    Community Expert
    Community Expert
    December 17, 2024

    save your fla to a new directory and publish.

     

    everything in that directory must be sent/uploaded, except the fla

    Participating Frequently
    December 17, 2024

    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&colon;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>

     

    kglad
    Community Expert
    Community Expert
    December 17, 2024

    test with the standard html so you can narrow the problem.