Good to hear from you.
(Apologies for the late reply.)
Yes, I export my Hype project, zip it, upload the zip to Brightspace, unzip it, create a Content page then add embed code that references the Hype file in Manage Files.
Here’s the process I use to embed Hype projects into Brightspace.
(I’ve used screenshots from different projects but you’ll get the idea.)
- Create an empty folder to download your Hype project into
(Tip: Keep the folder name short, as it will form part of the file path in Brightspace’s Manage Files, which has a char limit of 142?)
- Write down the width and height of the Hype project
- File > Export as HTML 5 > Folder
(To empty folder on your Desktop.)
- Go to target folder (I have a ‘hype’ folder at or near the root level, again to try and keep the file path length to under 142 chars)
- Import zip file
- Unzip file
- Navigate to the Hype HTML file then from the right drop down menu select “Edit File”
- Copy the file path under File Name and paste it into a text file to use later
Note: You can do this in either Manage Files or Content
- Create a Content file
- Edit the Content file
- Go into the HTML editor (< > at bottom right of screen)
- In the body where you want the Hype project to appear, paste the following text:
<p style="text-align: center;"><iframe width="800" height="640" src="/content/enforced/filepath-text-that-you-copied-to-the-text-file.html" frameborder="0"></iframe></p>
Where the width and height correspond to the Hype project dimensions and src contains the file path you copied to the text file from the previous Manage Files step.
You should end up with something that looks like this:
(Color added by me to help you identify the width, height and src.)
You can now save your Content page and it should display the Hype content.
This screenshot was taken on an iPad.
Tip #1: Keep filenames and filepaths short so you don’t go over Brightspace’s 142 char filepath limit or you may encounter issues when you try to copy / delete the Hype project in Brightspace.
Tip #2: I’ve started using a dedicated Hype folder in Manage Files at or near the root level so I don’t go over the 142 char file path limit.
I hope this works for you