How These Were Made

Embedding WebObjects is easy. If you have a working external index.html file in a separate folder you can just point to that file and it works. If you want to control elements of the WebObject with triggers in Storyline it is somewhat more complicated.

For both options you can find solutions on the forum though.
https://community.articulate.com/discussions/articulate-storyline/how-to-add-jquery-or-anyother-external-javascript-library-to-storyline
This post of mine shows how to add external javascript libraries to Storyline. Under the subtitle 'Another Approach' you find an explanation on how to use a WebObject for this. The same way it works for doing things like Ahman did. Instead of jQuery you can use any html and/or library you find.

When you want to control values from your html file/folder you can do it like this.
https://community.articulate.com/discussions/articulate-storyline/2-way-communication-between-content-in-an-iframe-and-storyline
Basically you set a custom variable and get/set that in the WebObject/iFrame.