• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Embedded OAM file from Adobe Animate does not show in webpage

Engaged ,
Dec 22, 2021 Dec 22, 2021

Copy link to clipboard

Copied

I embedded a OAM file as directed by the Adobe Help page but while the page title shows, the media does not show. What am I missing? Bit lost as don't know that much HTML and limited experience with Animate.

 

This is the webpage I'm attempting to embed into. It shows in Dreamweaver design view but not published. All the files should be on the server. Christmas Card 2021 (fastertrack.com)

 

So in essence:

  1.  Export media from Adobe Animate
  2.  Import media into Dreamweaver
  3.  Upload site to server

I did the above but something seems to have gone wrong I just don't know what/how to resolve.

 

Thanks

TOPICS
How to

Views

395

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 Expert ,
Dec 22, 2021 Dec 22, 2021

Copy link to clipboard

Copied

I'm seeing a "Refused to Connect" error in your iframe.

That points to a server configuration issue.

You may need to talk to your hosting company.

Votes

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 Expert ,
Dec 22, 2021 Dec 22, 2021

Copy link to clipboard

Copied

Start by removing this code from your document.  Obviously, it was copied & pasted from elsewhere and does not belong in your code.

<iframe src="http://www.interactive.fastertrack.com/interactive/animation_assets/Polarbear_sad/Assets/Polarbear_sad.html" title="W3Schools Free Online Web Tutorials"></iframe>

 

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

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
Engaged ,
Dec 22, 2021 Dec 22, 2021

Copy link to clipboard

Copied

OK, I've taken that out. It wasn't doing anything really just trying another way to get this working.

Votes

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
Mentor ,
Dec 22, 2021 Dec 22, 2021

Copy link to clipboard

Copied

Firefox Developer warning:

To protect your security, www.interactive.fastertrack.com will not allow Firefox Developer Edition to display the page if another site has embedded it. To see this page, you need to open it in a new window.

 

When I open the contents in a new window, it still does not work. Tested in Firefox and Opera.

http://www.interactive.fastertrack.com/interactive/animation_assets/Polarbear_sad/Assets/Polarbear_s...

 

Votes

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
Engaged ,
Dec 22, 2021 Dec 22, 2021

Copy link to clipboard

Copied

The iFrame is attempt #2 to get this thing working. I've taken it off now. There's supposed to be a directly embedded media below the iFrame but though it shows in Dreamweaver it won't show when published. Yes, I got the code from W3schools (HTML education source) customised to my own media. My HTML knowledge isn't wonderful and this is just a rough attempt to show the Adobe Animate e-card in a way I can show friends.

 

Cosmetics of the embedding aren't that important. As it's interactive rather than an image I need another way to share it.

Any idea why the OEM media won't publish correctly? All the assets should be on the server. Trying to get this up before Christmas Day.

 

Thanks

Votes

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
Mentor ,
Dec 22, 2021 Dec 22, 2021

Copy link to clipboard

Copied

Instead of exporting as an OEM and embedding that, why not export directly to html5 in Animate, and publish those files? Rename the html file to index.html, and upload that and the other files to a folder on your server.

Votes

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
Engaged ,
Dec 22, 2021 Dec 22, 2021

Copy link to clipboard

Copied

I tried that. Assuming I have the right URL I just get a broken image icon 😕

Polarbear_sad (fastertrack.com)

No idea why the page is showing as 'not secure' when it's virtually empty.

Votes

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 Expert ,
Dec 22, 2021 Dec 22, 2021

Copy link to clipboard

Copied

It's virtually empty, but it's still sending both secure and insecure content, and browsers really don't like doing that..

The page itself is insecure, but the link to the javascript in the head here: https://code.createjs.com/1.0.0/createjs.min.js is secure.

You could try changing that https protocol to http and see if it works.

At least then the browsers wouldn't instantly go into "we don't like this" mode.

Votes

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
Engaged ,
Dec 22, 2021 Dec 22, 2021

Copy link to clipboard

Copied

How? This is a subdomain and I'm trying to avoid affecting the main website which I 'designed' (i.e. their template my content) using Adobe Portfolio.

Votes

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 Expert ,
Dec 22, 2021 Dec 22, 2021

Copy link to clipboard

Copied

LATEST
quote

How? This is a subdomain and I'm trying to avoid affecting the main website which I 'designed' using Adobe Portfolio.


By @Swandive stream

=============

Adobe Portfolio is not compatible with Animate or Dreamweaver.

 

Adobe Portfolio is a closed system hosted and edited on Adobe's servers.  You cannot upload HTML, CSS or JS files to Portfolio.

 

Dreamweaver is a separate code editor for publishing your site on 3rd party hosting services.

 

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

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
Mentor ,
Dec 22, 2021 Dec 22, 2021

Copy link to clipboard

Copied

In the Javascript/HTML publish settings ensure to check "Center Stage" and make it responsive in order for it to fill the available screen width or height automatically. If it takes a while to load, also include the preloader.

Votes

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
Engaged ,
Dec 22, 2021 Dec 22, 2021

Copy link to clipboard

Copied

Thanks. I did that but now I just have a blank box with a loader in it and never loads 😞

Votes

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
Mentor ,
Dec 22, 2021 Dec 22, 2021

Copy link to clipboard

Copied

I tried loading the separate PNG images via the urls in javascript, and those will not load either it seems. It might be a server configuration issue.

Votes

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
Engaged ,
Dec 22, 2021 Dec 22, 2021

Copy link to clipboard

Copied

Hmm, strange. The Adobe Portfolio side works fine. Something in Dreamweaver config?

Votes

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