Comments (8)
It seems that it was merged into engines.json, but the viewer doesn't seem to display properly.
PlayCanvas Viewer doesn't seem to work properly with iframe
.
<iframe src="https://playcanvas.com/viewer/?assetUrl=https://raw.githubusercontent.com/KhronosGroup/glTF-Asset-Generator/master/Output/Positive/Node_Attribute/Node_Attribute_00.gltf&cameraPosition=0,20,-20">
</iframe>
Mixed Content: The page at 'https://bghgary.github.io/glTF-Assets-Viewer/?manifest=https://raw.githubusercontent.com/KhronosGroup/glTF-Asset-Generator/master/Output/Positive/Manifest.json&folder=19&model=0' was loaded over HTTPS, but requested an insecure frame 'http://playcanvas.com/viewer?assetUrl=https://raw.githubusercontent.com/KhronosGroup/glTF-Asset-Generator/master/Output/Positive/Node_Attribute/Node_Attribute_00.gltf&cameraPosition=0,20,-20'. This request has been blocked; the content must be served over HTTPS.
from model-viewer.
I'm not sure where the http protocol is being used (instead of https). In the engines.json, I used https.
from model-viewer.
I tried the iframe in jsfiddle and the Babylon.js and three.js viewers seemed to be able to display in the iframe as well.
I think it's a problem with some settings on the PlayCanvas Viewer side, but I didn't understand the cause.
https://jsfiddle.net/cx20/jszda6fu/9/
<!-- Babylon.js -->
<!--
<iframe src="https://sandbox.babylonjs.com/index.html?assetUrl=https://raw.githubusercontent.com/KhronosGroup/glTF-Asset-Generator/master/Output/Positive/Node_Attribute/Node_Attribute_00.gltf&cameraPosition=0,20,-20&kiosk=true"></iframe>
-->
<!-- PlayCanvas.js -->
<iframe src="https://playcanvas.com/viewer/?assetUrl=https://raw.githubusercontent.com/KhronosGroup/glTF-Asset-Generator/master/Output/Positive/Node_Attribute/Node_Attribute_00.gltf&cameraPosition=0,20,-20"></iframe>
<!-- three.js -->
<!--
<iframe src="https://gltf-viewer.donmccurdy.com/#model=https://raw.githubusercontent.com/KhronosGroup/glTF-Asset-Generator/master/Output/Positive/Node_Attribute/Node_Attribute_00.gltf&cameraPosition=0,20,-20&kiosk=true&preset=assetgenerator"></iframe>
-->
from model-viewer.
Yeah, this is probably something configured on playcanvas.com to prevent other sites iframing pages. @yak32 @slimbuck @vkalpias Would it be possible to relax this just for the viewer?
from model-viewer.
Removing the params from the fiddle URL gives this slightly more useful error:
Refused to display 'https://playcanvas.com/viewer' in a frame because it set 'X-Frame-Options' to 'deny'.
from model-viewer.
yes, we set X-Frame-Options to deny explicitly, to avoid click-jacking attacks, but we can whitelist certain websites.
from model-viewer.
we are going to whitelist the site soon.
from model-viewer.
Thank you for your cooperation. I have confirmed that the viewer is displayed.
from model-viewer.
Related Issues (20)
- Hierarchy does not display nodes when loading multiple models HOT 1
- Rendering issue with car on iOS 15.4 where it doesn't update when camera is moving HOT 7
- Blockiness rendering across gradients on Windows 11 laptop HOT 2
- New camera is wobbling strangely to front/back on panning HOT 4
- Ministats renders incorrectly HOT 1
- UI todo
- Improve Ui performance when loading models with many morph targets
- Camera popup panel doesn't work when playing animations
- Just want to ask a few simple questions? HOT 1
- Expose debug rendering functionality HOT 2
- Sharing glb seems to be broken
- Place the object in front of the camera in XR mode (Android)
- Build: shader compile error when updating dependencies HOT 9
- npm run serve and 404 HOT 2
- Selected nodes improvements
- Nonsense controls HOT 1
- Sharing of local pls files does not work HOT 1
- How to get the progress when loading a gltf file from Url? HOT 1
- Animation scrubber bar does not appear on smaller screensizes HOT 1
- does spherical harmonics data supports for gaussian splatting model visualization? HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from model-viewer.