Has anyone ever embedded a Sketchfab 3D Viewer into an Articulate 360 Storyline slide. The viewer allows you to freely rotate and size the 3d model. I could swear I was able to do it a few years back, but not able to find a way to do it with 360.
I am running into some issues when I try to embed the model with the code from sketchfab. I tried inserting as a video from the web as you mentioned however the preview is cluttered with text boxes from sketchfab. I also noticed your embed code seems to be much shorter than the one mine is provided with.
Even with taking just the starting portion of the embed code to match yours it still remains cluttered with the text windows.
I would greatly appreciate any assistance you can provide, thanks!
See attached a file with both options, embedding your model via Video>Video from Websiteand using a Webobject to display it. In both cases, the default embed code needs to be edited slightly to only display the model.
4 Replies
This still works, using Insert>Video>Video from Website. Then add the model's embed code. For example:
"<iframe width="640" height="480" src="https://sketchfab.com/models/36e9d3598c554bb69f3d9cd00e161818/embed?autospin=0.2&autostart=1&preload=1" frameborder="0" allow="autoplay; fullscreen; vr" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>"
Also, here is a quick example.
Hey Michael,
I am running into some issues when I try to embed the model with the code from sketchfab. I tried inserting as a video from the web as you mentioned however the preview is cluttered with text boxes from sketchfab. I also noticed your embed code seems to be much shorter than the one mine is provided with.
Even with taking just the starting portion of the embed code to match yours it still remains cluttered with the text windows.
I would greatly appreciate any assistance you can provide, thanks!
<div class="sketchfab-embed-wrapper"><iframe width="640" height="480" src="https://sketchfab.com/models/0dd9ce01aeab4d11952db63d6bf04561/embed" frameborder="0" allow="autoplay; fullscreen; vr" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
<p style="font-size: 13px; font-weight: normal; margin: 5px; color: #4A4A4A;">
<a href="https://sketchfab.com/3d-models/test-0dd9ce01aeab4d11952db63d6bf04561?utm_medium=embed&utm_source=website&utm_campaign=share-popup" target="_blank" style="font-weight: bold; color: #1CAAD9;">Test</a>
by <a href="https://sketchfab.com/aletur?utm_medium=embed&utm_source=website&utm_campaign=share-popup" target="_blank" style="font-weight: bold; color: #1CAAD9;">aletur</a>
on <a href="https://sketchfab.com?utm_medium=embed&utm_source=website&utm_campaign=share-popup" target="_blank" style="font-weight: bold; color: #1CAAD9;">Sketchfab</a>
</p>
</div>
See attached a file with both options, embedding your model via Video>Video from Websiteand using a Webobject to display it. In both cases, the default embed code needs to be edited slightly to only display the model.
This discussion is closed. You can start a new discussion or contact Articulate Support.