Video URL input, table support, inline links in text


(Brent) #1

Thank you for your outstanding work on Hype. I’m sure some of these items are on your list.

It would be nice to add a video to a scene by external URL and not placing the file in the resources folder or using innerHTML.

It would be nice to have images flex or scale (width: 100%) from within something like a table row with background-size: “cover” applied to them. This way regardless of breakpoint if we had 4 images across the bottom of a scene with 100% width on that grouping/row all the images would maintain there aspect ratio and continue to scale with something like background-size: cover from small to big view ports. If this can be done now I’d love to be schooled!

Inline links in a text block and bullets without using innerHTML would be nice.


#2

Thanks for your suggestion about external video sources. While there’s no UI for that, you could embed a standard video code within the inner HTML of a rectangle. Here’s an example:

<video controls="controls" poster="http://sandbox.thewikies.com/vfe-generator/images/big-buck-bunny_poster.jpg" width="640" height="360">
<source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" type="video/mp4" />
<source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.webm" type="video/webm" />
<source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv" type="video/ogg" />
</video>

Like the solution above, you could easily add an image inline to the inner HTML of a rectangle using that CSS property:

<div style="background-image:url('${resourcesFolderName}/smiley.gif'); background-repeat:no-repeat; background-size:cover;"></div>

The ${resourcesFolderName} variable pulls in the smiley.gif image from your resource library.

We don’t disallow any kind of HTML or JavaScript, so if there are any methods you’d like to use in Hype it’s just a matter of fitting the code within elements.

Inline links & bullets are definitely on our radar.


(Brent) #3

Thank you for the tips and responding with solutions.