websites made on dreamweaver and have a OAM files do not work on web

Community Beginner ,
Nov 23, 2021 Nov 23, 2021

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

 

Views

95

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Nov 23, 2021 Nov 23, 2021

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?

 

Nancy O'Shea, Adobe Product User & Community Professional
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Nov 23, 2021 Nov 23, 2021

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

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Nov 23, 2021 Nov 23, 2021

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.

 

Nancy O'Shea, Adobe Product User & Community Professional
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Nov 23, 2021 Nov 23, 2021

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

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Nov 24, 2021 Nov 24, 2021

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

 

 

 

Nancy O'Shea, Adobe Product User & Community Professional
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Dec 01, 2021 Dec 01, 2021

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

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Nov 23, 2021 Nov 23, 2021

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>

 

Nancy O'Shea, Adobe Product User & Community Professional
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Nov 23, 2021 Nov 23, 2021

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.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Dec 01, 2021 Dec 01, 2021

Copy link to clipboard

Copied

LATEST

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

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines