To display 3D content in real-time, Sketchfab relies on WebGL, which is a standard rendering library in most modern browsers. You can check if your browser is compatible on https://get.webgl.org/
For more technical details about WebGL on your machine, visit WebGL Report.
Desktop
Sketchfab is compatible with all modern browsers, including:
- Mozilla Firefox
- Google Chrome
- Opera
- Safari
- Edge
- Any other Chromium-based browser
Go to Safari → Preferences → Advanced and check Show Develop menu in menu bar. Go to Develop → Enable WebGL.
Mobile
- iOS 8+
- Android 4.0+
Troubleshooting
WebGL
On older browsers or devices with WebGL disabled, models are displayed with an image-based fallback that gives a 360° turntable view of the model.
If you run into problems, make sure your graphics driver and browser are up-to-date. If that doesn’t help, try one of the other browsers listed above. https://get.webgl.org/ is a good place to start troubleshooting.
Sometimes, your browser may disable WebGL based on your GPU. If you are using a compatible browser, but you see an incompatible warning or the viewer performs very badly, try forcing the browser to use your GPU:
Chrome
-
- Go to System Settings ( chrome://settings/ → Advanced → System ) and make sure Use hardware acceleration when available is enabled.
- Go to chrome://flags/#ignore-gpu-blacklist and enable the Override software rendering list flag.
If you go to WebGL Report and see "SwiftShader" listed as the renderer, the steps above should solve the problem.
Firefox
Type about:config into the address bar and enable webgl.force-enabled.
Touch Screens / Tablets
Sometimes, navigating a model may not work on a touch screen or tablet device. This is especially common on certain Windows 10 devices. In Chrome, for example, visit chrome://flags/#touch-events and enable the "Touch Events API" flag.
Scripts and Cookies
In order to load correctly, the viewer needs to run various JavaScript scripts. It also needs access to browser cookies for various purposes such as respecting Sound volume and Restricted Content settings. If script execution or cookies are blocked by browser settings, plugins, sandboxing the Sketchfab iframe, or other methods, the viewer will not load. If you must sandbox the iframe for some reason, you must also lift several restrictions to make sure all viewer features work as expected:
- allow-scripts (needed to load the frame whatsoever)
- allow-same-origin (needed to allow the frame to communicate with our servers)
- allow-popups (needed for links within the frame to work)
- allow-forms (needed if the model is password-protected so that you can enter the password)
You will want your iframe HTML code to look something like this (note the sandbox attribute).
<iframe sandbox="allow-scripts allow-same-origin allow-popups allow-forms" frameborder="0" width="xxx" height="xxx" src="https://sketchfab.com/models/xxxxxxxx/embed"></iframe>
You can also remove the sandbox attribute completely if possible.
<iframe frameborder="0" width="xxx" height="xxx" src="https://sketchfab.com/models/xxxxxxxx/embed"></iframe>
WordPress Users
Sketchfab must be added as 'Trusted oEmbed Provider', otherwise WordPress will automatically add sandbox restrictions to Sketchfab iframes.
Adding the following line to a plugin or functions.php in the theme directory solves that:
wp_oembed_add_provider( '#https?://sketchfab\.com/.*#i', 'https://www.sketchfab.com/oembed', true );
It is also added by the JetPack plugin and the Sketchfab oEmbed plugin.
Comments
170 comments
Hi, nothing happens on my samsung tab 4. OS android 4.4.2. Tried with up to date Opera, Opera beta, Firefox, Firefox beta, Safari, Chrome, Chrome beta.
I tried http://get.webgl.org on each. It works perfectly. I can see the cube…
But nothing happens with my Sketchfab models…
Did I miss something please ?
Thanks for your answer
Chris
@boispe Hi Chris,
You say 'nothing happens' - do you see the WebGL Fallback warning that links to this page? Or you don't see anything at all?
In fact, I see the environment, a grey background but no object, no message, no arrow… I could send you a sreenshot to show you…
Yes, please do! Can you email me with screenshot and any other info? support@sketchfab.com
I had a problem on my Macbook using chrome, I found this link which helped me fix it right away
http://superuser.com/questions/836832/how-can-i-enable-webgl-in-my-browser
Hope it helps
im using firefox and i have gtx980 and i cant view my own models, fix it.
It was working fine, why you have to break things? Just leave it as it was now i cant show the models to client, great job.
@broadleaf - I'm sorry about that. You can't view any of your own models? What do you see when you try? Are there any errors in the browser console when the page/model is loading?
Are you able to view the models on this page? https://help.sketchfab.com/hc/en-us/articles/204149909-Debug-Resources
Cannot see any model in safari! Tried on two different computers! no problem with chrome and firefox, just safari stopped working a day ago!
-Allow WebGl is checked in preferences.
-There is no "Enable WebGl" in a develop tab
-Using safari 9.1.1
The blue status bar on the top runs up to i think 98% and stops. Also, i can see cubes here: https://help.sketchfab.com/hc/en-us/articles/204149909-Debug-Resources
But other model no.
Now this is very strange: i can view some models. I can view every other model here http://www.iamag.co/features/sketchfab-realtime-selection-66/
Some model loads up but some don't
Hi, exactly same problem than terentiy here, blue status bar stops after 98% with some models incuding mine, Only in Mac OSX Safari (Chrome, Firefox, IOS Safari are OK, Mac osx safari webgl test OK)
Imac 2009 iMac11,1 - Chipset Model: ATI Radeon HD 4850/512 MB - OS X 10.11.5 (15F34) -Safari Version 9.1.1 (11601.6.17)
Best regards
Hi, tried debug http
DOES NOT HANGS AT 98% EVERYTHING OK WITH pbr lit + light + postprocess (or before)
DOES HANGS AT 98% WITH classic lit + environment + postprocess and all following tests, seems that environment is responsible of the fault.
The only difference in Safari logs is the following error message that does not appear when it is working OK.
[Error] RangeError: Length out of range of buffer nrWrapper (embed:6:11159)
Safari LOG when clicking play:
[Debug] osgjs.metric:ReaderParser.parseSceneGraph: 2.821ms
[Error] RangeError: Length out of range of buffer nrWrapper (embed:6:11159)
[Error] Failed to load resource: the server responded with a status of 404 (Not Found) (20-b9cfcfb4e1e381427d07.js.map, line 0)
[Warning] Using fallback Android device measurements. (20-b9cfcfb4e1e381427d07.js, line 73)
IT STOPS HERE BEFORE THE DOWNLOAD LOG print
Hope this helps
Regards
@terentiy @luis888
Thanks for the reports. It's related to Environment lighting. We have a fix coming ASAP.
OK thank'you, I cannot save from SF 3D editor (as it crashes before loading), but some other models are OK, whet do I have to modify in my Blender model to be able to upload a new model than will work with SF
SUPERB NEW VIEWER, FASTER, SHINE WITH SAFARI TOO WITH MY MODEL.
Congratulation for the development team, not only it corrected problems but it gives us a new superb viewer, faster and lots of new possibilies.
Regards
On a Sony PlayStation 4 I get the image only view. Does the P.S.4 browser not support OpenGL?
@Peekofwar - Yes, it looks like there is no support for WebGL on the PS4.
@James I would get a third-party web browser but there aren't any and I don't think I can... [
@Peekofwar - Yeah, I'm not sure if there is a solution at the moment :\
Can't see transparency, and problems with reflections on iphone 5 ios 9, any ideas?
Thanks Alex
@AlexVuks - Hi Alex. I'm sorry you're having trouble. Could you give me some specific model examples?
By the way, shadows don't work on iOS, so if you're viewing a model whose lighting heavily relies on shadows, it probably won't look great on iOS.
i was just checkin the models with 3d camera orbit and boom it stopped workin. i was even tested the compatibility https://get.webgl.org and it was totally compatible and this site being a idiot it says i dont have the compatibility
@henderson.bredley - I'm sorry to hear that. Is this happening on all models? Different browsers? Can you please post a screenshot of this report? http://webglreport.com/
If someone here has problem with Chrome that is unavailable to display the 3D view. Please check Chrome Settings-> Advance Settings->System-> stick Use Hardware Acceleration When Available.
Hope it could help you guys !
Please sign in to leave a comment.