Javascript Audio not working

[MrAddy (Andrew)]

As per the link, below,

Controlling Audio & Advanced Techniques (AutoPlay, Play, Pause, Rewind, Volume control)

Tumult Hype fully support audio actions so you can easily play and stop audio in response to scene events, touch and mouse events, and at specific points in time using timeline actions. For more information, please visit the audio & video section of our documentation. For more advanced control over audio, please continue reading. If you have a question not addressed in this topic, please create a new topic in this category. Starting Audio: Build Trust First Audio should (in most cases) be pla…

var myAudio = document.getElementById("awesome"); 
myAudio.play();

HTML is as below:

But I keep getting this error:

TypeError: null is not an object (evaluating 'myAudio.play')

Not sure why ?

[MrAddy (Andrew)]

It was because I put it into a HTML Widget. Needs to be a standard shape ?

[Daniel]

@MrAddy

But I keep getting this error:

TypeError: null is not an object (evaluating 'myAudio.play')

When placing an audio element like that into an iframe, it becomes insulated from the parent. So, when you try to play the 'awesome' element ID, it looks in the same level (your Hype document) but cannot see that there is an element within the HTML Widget. The HTML widget is essentially an iframe, and it is embedded within your Hype document.

@MrAddy

It was because I put it into a HTML Widget. Needs to be a standard shape ?

Yes -- putting the audio element at the same level (embedded within rectangle) will do the trick.