Tumult Hype HTML5: can it be integrated in bubble?

I have been trying to find an easy way (e.g. simply putting the content into a html section or so) to use hype content in bubble.


This is the first version of my interactive intro.

However, it gives me a folder and a html document. Help please!

Simply adding the HTML into a HTML section wouldn’t be enough, since the HTML still needs to load the resources from that home.hyperesources folder.

What might work is uploading the files inside that home.hyperesources somewhere else (e.g. your own server, or github) and changing all references to these files inside the HTML file to that new location. And then use that HTML in a HTML block on Bubble.

It’s not a very beautiful/easy solution, but it should work.

I had no problem making this work by following the suggestion of @robbertmastebroek. I copied the HTML folder to an Amazon S3 bucket and made the bucket available as a static web site (including all the permissions that Amazon suggests). I then copied the contents of Hype’s HTML file (the only file outside the folder) into a Bubble HTML element. The only change I made to the HTML Element is the pointer to the AWS static website (enabled by the S3 bucket). The change was on (or near) line 33 of the HTML file and looks like this:

Before:
script type=“text/javascript” charset=“utf-8” src=“Intro.hyperesources/intro_hype_generated_script.js?26442”>

After:
script type=“text/javascript” charset=“utf-8” src=“http://bbbbb.s3-website-us-east-1.amazonaws.com/Intro.hyperesources/intro_hype_generated_script.js?26442”>

This took me much longer to describe in this post than the actual work to make it work! Thanks @robbertmastebroek

1 Like

I do not really understand what is meant by the Amazon S3 and how it is set up.

Here is a link to more info on the AWS approach. http://docs.aws.amazon.com/AmazonS3/latest/dev/WebsiteHosting.html

This approach is only one of many options to host the static html files. You can use any web server or hosting service.
The only requirement is that it must be accessible via the public Internet.

Hope this helps.

1 Like

This topic was automatically closed after 70 days. New replies are no longer allowed.