I've gone through the forum, youtube tutorials, etc., and -perhaps I'm missing it- this topic doesn't seem to have been addressed.
I have post-conference website built. We recorded video & audio for each presentation, which we want to make available for students & other researchers. For each session, we had three presenters. The website breaks down to a section for each session of presenters, as seen in the image below (huh. typed before I checked. No image linking in this forum? Hm. Dropbox link: https://www.dropbox.com/s/wn1gfg2bkjs0glz/Presenters.png?dl=0 )
I'm presenting the presenter's name, title, affiliation; a still photo (which could be the still keyframe of an embedded video once we have that media available); and below, buttons for video (which may be supplanted by the aforementioned), audio (here is the crux of my question) and their PowerPoint presentation.
What I'm trying to do is find a way to make the audio button be an embedded audio player for the MP3 (and OGG and WAV) files.
I tried using Hype's mouseclick - triggered Play feature, but you can't shut it up once it's started (no pause control). I had audio triggered by mouseover at one point but ended up with three audio playbacks overlapping.
> <audio controls="controls" height="50" id="lionroar" preload="auto" width="300">
> <source src="AUDIO.MP3"type="audio/mpeg"></source>
> <source src="AUDIO.OGG"type="audio/ogg"></source>
Or... is there an HTML5 audio player I can just drop into a widget, and point to the audio files I've uploaded to the server?
Thanks in advance for advice and tips, and for forgiving my lack of knowledge on the topic.