Copy link to clipboard
Copied
I have animations made in adobe animate and saved as a oam file.
When I upload the oam file into dreamweaver and make a website - the animations appear perfect on my computer but when I upload them in the web the animations do not appear.
HELP
usha
Copy link to clipboard
Copied
Did you upload all the animation files and supporting scripts to your server?
Can you post the URL here for us to see it?
Copy link to clipboard
Copied
Yes I added all the supporting scripts here is the website (it does not work when I add OAM file - this is so much easier and I want it to work)
http://reddymed.com/biologicalTopography/index.html
The animations will be seen if I add the code from the html file manually and add java script file manually. for example
hdbc Platelet plug (reddymed.com)
usha
Copy link to clipboard
Copied
The answer is quite simple.
Site 1 contains no animation whatsoever.
Site 2 contains all the necessary animation scripts.
Open both pages in Code view and compare them.
Copy link to clipboard
Copied
Nancy
the answer is not quite as simple as that.
In the first one the code is generated for the OAM file and reads
<object id="EdgeID" type="text/html" width="1044" height="620" data-dw-widget="Edge" data="animation_assets/AP-autonomous/Assets/AP-autonomous.html">
</object>
all info and assests are placed in a different file folder called animation assests.
This is how Adobe dreamweaver deals with OAM files. They work on my computer quite well. However they do not when I put on web
The second method is for when we use a program other than dreamweaver like bootstrap .The code then will have to be placed manually - in the <head> it looks like this
<!-- write your code here -->
<script src="https://code.createjs.com/1.0.0/createjs.min.js"></script>
<script src="hdbcD-ClotFormation-CommonPathway.js"></script>
<script>
var canvas, stage, exportRoot, anim_container, dom_overlay_container, fnStartAnimation;
function init() {
canvas = document.getElementById("canvas");
anim_container = document.getElementById("animation_container");
dom_overlay_container = document.getElementById("dom_overlay_container");
var comp=AdobeAn.getComposition("D4890268FC7D344BAA2AAF133115D4DA");
var lib=comp.getLibrary();
handleComplete({},comp);
}
function handleComplete(evt,comp) {
//This function is always called, irrespective of the content. You can use the variable "stage" after it is created in token create_stage.
var lib=comp.getLibrary();
var ss=comp.getSpriteSheet();
exportRoot = new lib.hdbcDClotFormationCommonPathway();
stage = new lib.Stage(canvas);
stage.enableMouseOver();
//Registers the "tick" event listener.
fnStartAnimation = function() {
stage.addChild(exportRoot);
createjs.Ticker.framerate = lib.properties.fps;
createjs.Ticker.addEventListener("tick", stage);
}
//Code to support hidpi screens and responsive scaling.
AdobeAn.makeResponsive(true,'both',false,1,[canvas,anim_container,dom_overlay_container]);
AdobeAn.compositionLoaded(lib.properties.id);
fnStartAnimation();
}
</script>
<!-- write your code here -->
Adobe claims OAM files generated by animate can be uploaded directly to dreamweaver. They can be loaded but are not working. can you please find out why they are not working, otherwise dreamweaver has no advantage over a free bootstrap application.
Usha
Copy link to clipboard
Copied
It must be noted that EDGE Animate is discontinued and unsupported. You should be using the more modern Animate CC with HTML5 Canvas.
https://helpx.adobe.com/animate/using/creating-publishing-html5-canvas-document.html
Copy link to clipboard
Copied
Dear Nancy, you need to talk to Adobe developers about that. That code is automatically generated when you want to insert a OAM file into dreamwearver
thanks
usha
Copy link to clipboard
Copied
Optionally, you could use an <iframe> on site 1 that points to the animation on site 2 with this code.
<iframe src="http://reddymed.com/hematology/hdbc/HDBCDetail_PlateletPlug.html" width="100%" height="600" style="border:none"></iframe>
Copy link to clipboard
Copied
It appears the first link has a 404 error on the page that is supposed to be including your animation. If you upload that it should work. Make sure everything in the animation_assets folder is uploaded.
Copy link to clipboard
Copied
Dear Ben
Thanks. I checked with the webhosting service regarding the 404 error. They gave suggestions but nothing worked. Finally because of persistent 404 error I just created a completely new file folder in the webhosting site and and added all the files in there. It worked. At least I know what to do with 404error.
usha