2021-07-21 at 2:47 am #43072
I am trying to embed my project into my Wix website and am receiving the error:
Uncaught DOMException: Permission denied to access property “document” on cross-origin object
To fix this, I uploaded my project with the wordpress plugin to my subdomain and its functions properly on its own. However, when I embed the file into my main wix domain, I receive the same error. I’ve been in contact with various hosting customer services for a week now and no one knows how to fix it. All of these problems started when I implemented a custom loading screen. Is there a line of code I am missing that is needed to fix this? Can this issue be solved? If any files are needed I can upload them for you to see just lmk.
Thank you2021-07-21 at 3:50 am #43073
A cross-domain error should be specified with the offending file name in the console window of Chrome. That should give you a direction to find the problem.
Given that it works on your subdomain, my guess is that the offending file is one that originates from your subdomain and that has not been transferred to wix.
Any chance you can upload the error string from the console window?
Route 66 Digital
Interactive Solutions2021-07-22 at 1:25 am #43111
Thanks for the response again. Here is a screenshot of my console as well as a screenshot of the “visual_logic.js:147” to the right of the error. Let me know if this is enough info.2021-07-22 at 4:20 am #43114
Wix has a number of limitations when it comes to iframes. The first is based on whether its a “Free” or “Premium” account.
Free – has several issues that will force you into Paid. What Add-on or method are you using to create the iFrame in Wix?
Since Wix uses third party add-ons to handle iframes, there is also no wix support. You are stuck going to the third party provider.
What is the domain name of the main site?
Odds are the issue is related to security around the iframe implementation.
Route 66 Digital
Interactive Solutions2021-07-22 at 6:08 am #43116
Ok, so we are using the paid version of wix, specifically the premium unlimited version. To add in the verge3d file, I am embedding it with the attached screenshot and this file:
And my domain name is https://www.terrahelios.io and password is dokwonski.2021-07-22 at 4:43 pm #43130
Ok…I just added a test page with an iframe to a wix site with your page as the iframe source:
It may take a little while to load…but its fine.
In Wix I added an Embed > Embed Site > then use the direct link in the web address. In this case: https://galaxy.terrahelios.io/wp-content/uploads/verge3d/5/Helios.html
And it works!
Route 66 Digital
Interactive Solutions2021-07-22 at 8:09 pm #43131
I really appreciate your help since I am so close to being finished with my project. I did what you said and got the same error. Also when I open your test website it didn’t work either (gets stuck on loading screen). So the scene loaded past the loading screen for you on your website? I attached the console for your website and mine.
Thank you2021-07-22 at 8:31 pm #43136
The link you provide:
Does not load past the loading screen. There are no errors in the console so i figure you were just testing the loading screen itself.
So the iframe is working…but your loading screen based on the link provided does not load any other content. I have been on the loading screen for 10 min and nothing but the loading screen has been made visible.
Are you sure this link is to your application?
Route 66 Digital
Interactive Solutions2021-07-22 at 9:03 pm #43137
OK. after 14 minutes…it finally loaded.
So you are fighting a couple of things:
1. the host Server is very slow
2. Files need to be compressed/optimized. The maximum file size you can expect a browser to use is 50Mb total and you have exceeded this so some items will not load easily such as Anchor.gltf. Your scene file is 36.9BMB and your HDR textures is 126MB. Most computers will not load this much. You need that HDR texture to be about 100x smaller and same with your bin.
Given the type of objects you have and minimal textures… I would say after optimization you should be able to load them all into a scene and just hide the objects as need and eliminate loading and unloading once they are optimized.
I think your biggest performance gain will be UV map all the objects with one material. Basically creating a texture atlas for all the objects materials that are not animating. Be sure to bake your lights, shadows, etc. and then remove all lighting.
Your validator sphere texture and subsequent sparkling lights may have to be left as is. Also when you get to that section there is a light that is flickering on and off on the scene….causing the outer rings to be bright enough that you can see the ring detail…then it goes off…eliminating the detail. But this sort of light vs animated texture has a very heavy performance cost. It multiplies the number of draw calls and this becomes a major performance issue.
There are several of critical errors…most related to the materials. You may have created or used materials that are not supported by verge3d. Some of the others are related to animations not being able to start…this is due to the fact the object was probably not available at the time of the animation call due to performance/optimization issues.
The good news is it will work in an iframe just have to wait long enough.
You may want to check your triangle count. I know verge3d claims it will do 1 million but dont count on this as a read-out from Blender or any other 3D program. Insert the Output Performance puzzle and read the triangle counter there. To get the best response rates you need this to be under 200,000 triangles as reported through the console and have an FPS of 50 or above. If this were my project I would have only one texture, no lights, 100Kb HDR, total file size… 2Mb or so. My guess on total triangle count would be 10,000.
Not sure any of this helps but the issue is not the iframe or wix. The issue is scene performance.
Route 66 Digital
Interactive Solutions2021-07-28 at 6:29 am #43274
Ok I ran both sites for hours and it never loaded the scenes. But, I’ve gotten all the errors eliminated when I embed it to my wordpress website, however it still stays on the loading screen. No matter what, when I embed the file, it never loads past the loading screen. However, if you run the file itself without embedding, it works fine. I have successfully embedded the project in my website, before I changed the default verge3d loading screen to a custom one. I think the issue is because of that, because before the galaxy loaded after 90 seconds. Do you know what it could be if there are no errors (it loads fine when embedded without a custom loading screen?)
- You must be logged in to reply to this topic.