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

Blank White Screen HMTML

New Here ,
Jan 03, 2024 Jan 03, 2024

I converted my adobe animate file to a html5 version, now when I preview it, it is showing a blank white screen. I deleted my code/edited it there is no difference still shows a blank screen

 

What do I do???

TOPICS
Code , Timeline
2.3K
Translate
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 ,
Jan 03, 2024 Jan 03, 2024

are you testing frim animate or opening a local file?

Translate
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
New Here ,
Jan 03, 2024 Jan 03, 2024

Hey, sorry Im super new to this software, just learned it today

I have the app downloaded, I hit control, then test, then it opens it via HTML on a new tab

Resulting in a blank tab

 

Translate
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 ,
Jan 03, 2024 Jan 03, 2024

after that white screen shows, open your browser's developer console. what do you see?

Translate
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
New Here ,
Jan 03, 2024 Jan 03, 2024

how do I open my browser in developer console?

Translate
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 ,
Jan 03, 2024 Jan 03, 2024

google your browser 

Translate
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
New Here ,
Jan 03, 2024 Jan 03, 2024

Thats what I am doing, I googled it, its a blank screen

 

Browser developer console, I see this

 

KapilanS_0-1704332964639.png

 

Translate
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 ,
Jan 03, 2024 Jan 03, 2024

use default publish settings 

 

create a desktop folder 

save your fla to that folder

test your fla

Translate
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
New Here ,
Jan 03, 2024 Jan 03, 2024

Sorry how do I do that, what is fla?

Translate
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 ,
Jan 03, 2024 Jan 03, 2024

your animate project file is a fla when saved. ie, use file > save as > and navigate to that desktop folder.

Translate
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
New Here ,
Jan 03, 2024 Jan 03, 2024

I created a new folder in my laptop, saved the fla to that, how do I test the fla ? I reopened the same fla and same result of html error so I am confused how you want me to "use default publish settings" 

Translate
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 ,
Jan 03, 2024 Jan 03, 2024

did you change any publish settings?

 

does your fla name use any symbols?

Translate
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
New Here ,
Jan 03, 2024 Jan 03, 2024

Nope I used the initial publish settings 

 

It has dashes in it,  is that a problem????

Translate
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 ,
Jan 03, 2024 Jan 03, 2024

use underscores in place of dashes.

Translate
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
New Here ,
Jan 03, 2024 Jan 03, 2024

Just renamed it, placed file in a new desktop folder, reopenned it on google when I tried to ctrl senter run it, same result of a white screen 

 

KapilanS_0-1704338070804.png

Some more details, I was doing this project in action script and everytime I ran it it workerd perfectly, then I clicked convert file to html5, rewrote the code, now these errors 

Translate
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 ,
Jan 03, 2024 Jan 03, 2024

what do you mean by, "reopenned it on google"?

Translate
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
New Here ,
Jan 03, 2024 Jan 03, 2024

Like after I tried to rename it and but it in the folder 

 

I opened it on adobe animation app, click ran, the html tab opened on google as a blank screen again

Translate
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 ,
Jan 04, 2024 Jan 04, 2024

open your fla in animate.

in animate:

click file>save as and assign a new test name with just a few characters and no symbols.

click control > test movie > in browser

Translate
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
New Here ,
Jan 04, 2024 Jan 04, 2024

I did the that, same error not working

KapilanS_0-1704382631353.png

This file worked when I was doing it in action script, but after converting to HTML5 it is not, is it something between the conversion?

 

Would it be easier to attach the animate file for you to see?

Translate
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 ,
Jan 04, 2024 Jan 04, 2024

you'll need to upload it to a file server (eg, wetransfer) and post a link here.

Translate
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
New Here ,
Jan 04, 2024 Jan 04, 2024

https://we.tl/t-DWirltyp9I 

 

Thats the file

Translate
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 ,
Jan 04, 2024 Jan 04, 2024

i see no problem when testing (though you do have some coding problems)

 

kglad_0-1704384694025.png

 

Translate
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
New Here ,
Jan 04, 2024 Jan 04, 2024

Oh, then the problem is on my end? What may it be?

Translate
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 ,
Jan 04, 2024 Jan 04, 2024

and you should paste here a screenshot of your publish settings (file>publish settings)

Translate
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
New Here ,
Jan 04, 2024 Jan 04, 2024

Publish Settings 

KapilanS_0-1704383185181.png

KapilanS_1-1704383214278.pngKapilanS_2-1704383271262.png

 

Translate
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