Try the Axure Cloud link below and inspect the .rp file to see if you understand the methods. Pages are in reverse order of my attempts, with what I think is best at top.
(Edit: first file upload failed–too big. Kept three pages only and uploaded that below.)
iPad Sound.rp (6.1 MB)
Page 5: Click Start (audio)
I took the liberty of stealing your instruction video, converting to MP3 and posting to archive.org which is a free site that hosts all sorts of public domain media (do yourself a favor and browse their Prelinger archives.) You can use any server that hosts streaming audio–I’ve found that archive.org is easy, fast, and free/donation, but may not be available in all countries. (By the way, I tried uploading the MP3 to Vimeo and YouTube and they only accept video file formats.)
Now, to play the sound on iOS (and some desktop browsers) there must be a user interaction first. That’s the reason for the START button. It’s Click or Tap event looks like this:
Page 5 Bonus
You can swap out any URL for the sound files, add in more or remove some. Just remember to wrap your URLs with single quotes and separate them with a comma.
The “alarm” widget plays the next sound in the array like so:
Feel free to use or download any of the sounds. Some I happened to have posted already, others I found on the site.
Page 4: Click Play (video)
This is the best I could do with your existing Vimeo source. Your video is loaded in the inline frame, which is in the foreground. At the size you had it (37x21) Vimeo shows a play button to fill it, which is nice. The user needs to click it to hear the instructions, and then click the background (or some other button maybe) to send it to back or hide it. There is no event triggered when the user clicks play nor when the video/sound completes so no way to determine when to automatically hide the iFrame.
Page 3: Fullscreen iFrame
I tried loading a “Launch” page in your inline frame with a big START button. Pressing START then loads your Vimeo video with autoplay=1. The idea is that the user would be interacting within the inline frame which would bypass the autoplay-blocking. Nope, didn’t work. Turns out the user has to interact on the Vimeo page before the video/sound will play.
Page 2: Simplified Link
I noticed you had an unclosed
<iframe> tag in the Open Link action. It still worked but you were essentially embedding an iframe (code from Vimeo) in an iframe (your “Instructions Sound 1” inline frame widget.) You only need to call the https:// . This didn’t affect autoplay however.
Page 1: Your original page