3D Model Embed: model-viewer - including AR!

Hi all,

Even though Sketchfab is a great way to embed 3D models into your Storyline 360 courses, sometimes you might just need a simpler approach, without having to worry about subscriptions etc.

model-viewer by Google is an excellent alternative:

• https://modelviewer.dev/
• It's open source (https://github.com/google/model-viewer)
• It's fast and powerful
• Can be embedded without JavaScript triggers ('normal' web embed)
• Works in AR, including iOS!
• Transparent embed

Please see the following example (open on a mobile device to test AR):

https://360.articulate.com/review/content/6579ffc4-f076-4d8c-a820-5dd374e9c3e8/review

Photo taken on iPhone 11 (AR):

How to embed a model-viewer into Storyline:

1. Insert > Video > Video from Website...
2. Add your model-viewer embed code
3. To allow embedding, include a 'dummy' <iframe> at the end (I tend to use width and height to set aspect ratio), i.e.
   <iframe src="https://127.0.0.1" width="16" height="9" frameborder="0"></iframe>

I have included the project below.

Get in touch if you need more help implementing it!

PJ Palomaki
Digital Innovation Lead
AVT Connect, Brighton, UK