Hype and Wordpress

[swimmer35 (Julie)]

I know that this has been talked about. But, I am having issues uploading Hype to wordpress.

I watched the video: Exporting FAQ: Guides for exporting to Websites, Apps, Content Management Systems, and more

and did that, it makes space for the Hype effect but nothing plays.

http://bananatreenews.com/hype-test-page/

Please help!! I have a client that I need to do this with ASAP and Freeway (the program i used to use is no longer.

[Daniel]

One thing that applies to you from the tutorial:

@Daniel

Best Practices

Before you begin, make sure that you do not set scaling to the 'height' dimension of your document. Checking this box may result in your document not appearing on the page. When you give the DIV which contains your Tumult Hype document a 100% value and place this div in a Wordpress post without a height set, the height of your document will be calculated at 0, resulting in what appears to be a broken embed. Feel free to use responsive width and flexible layout settings for width dimensions, but don't use 'scaling' on the height dimension.

This video will show you how to get a responsive document working in Wordpress: https://www.youtube.com/watch?v=CuwkJTtuGLc

[swimmer35 (Julie)]

Hi, IT is still not working
http://bananatreenews.com/hype-test-page/

<div id="source2016a_hype_container" style="margin:auto;position:relative;width:600px;height:400px;overflow:hidden;" aria-live="polite"><script type="text/javascript" charset="utf-8" src="//bananatreenews.com//public_html/wpcontent/uploads/source2016a/source2016a.hyperesourcessource2016a.hyperesources/source2016a_hype_generated_script.js?60412"></script>
	</div>

Please help. A client is needing this

[jonathan (Jonathan Deutsch)]

If you look at the developer console, it shows that it cannot find the *hype_generated_script.js file that is required for Hype animations to run:

http://bananatreenews.com/public_html/wpcontent/uploads/source2016a/source2016a.hyperesourcessource2016a.hyperesources/source2016a_hype_generated_script.js?60412 Failed to load resource: the server responded with a status of 404 (Not Found)

The URL looks suspicious in that the source2016a.hyperesources folder name is repeated twice in that URL. However, even when I try to load the file without this, it still doesn’t appear. So it could be that your .hyperesources folder isn’t uploaded to the right place and/or you are referencing it incorrectly.

[swimmer35 (Julie)]

Ok, I checked out the location - It is correct,
Is the code incorrect? What should it look like?

I can try to do it in a different place.

[Daniel]

I did some guessing, but I found it:

http://bananatreenews.com/wp-content/uploads/source2016a/source2016a.hyperesources/source2016a_hype_generated_script.js

Just update your embed code to use that file.

[swimmer35 (Julie)]

Thank you!!

I also have exported the file as a video but None of the background music is playing. Can you help me with that?

Thanks!

[Daniel]

Unfortunately Hype does not yet support exporting with audio:

Exporting Video with Sound - Creating a Screencast

Tumult Hype supports exporting an MP4 video of your animation (using File > Export as Movie > Video...), but it does not currently support exporting audio. Fortunately, it's pretty quick to do this with other tools. Capturing Clicks & Interaction If you'd just like to capture a high quality video of your document in action, you may want to use something like https://getkap.co/. Screenflow is another powerful tool for capturing your screen and audio playing from a Hype document (as played from …

[swimmer35 (Julie)]

I am running the new OSx and when I launch sound flower it does not give me the selection of soundflower. any thoughts