Audio controls in exhibits

I've installed the HTML5 Media plugin and configured it. However, I can't figure out how to use it in exhibits. Can somebody please give me some example HTML to use?

The plugin should just create the HTML5 for displaying various media on it's own for when media are shown. There shouldn't be any additional HTML to write.

Sorry, Patrick, but I'm still having trouble. Basically, every time I add an audio file to an exhibition page, the code gets parsed out, even though I've added the elements and attributes to the HTML Filtering config.

The only way I'm able to get any audio to display in an exhibit page is by using the iframe tag; which is not a good look at all.

Ah...I might just be catching up to the details.

So, are you adding some HTML code directly to the pages in Exhibit Builder?

If so, then yes, I suspect it wouldn't go through the HTML5 Media plugin. The plugin would only do its magic on files uploaded to Items.

Are the audio files 'in' Omeka somehow, or are they external to the site?

Thanks, Patrick. Yes, have been adding some HTML code directly to pages in Exhibit Builder.

Have been testing with files in Omeka, as well as external files. They both behave the same as far as I can tell.

I was hoping to display the audio controls on the exhibit pages, but the only way I can do that is by using iframes. I can get the audio controls displaying on their own page by "normal" HTML linking, but that's not what we want.

Could you post up the HTML that you are using?

Thanks, Patrick. Here's 4 alternatives I've been trying to use:

1/ <audio controls="control" preload="none" src="http://dro.deakin.edu.au/eserv/DU:30018890/mccooey-am-2008.mp3" type="audio/mp3">test</audio>
2/ <object id="obje1" data="http://dro.deakin.edu.au/eserv/DU:30018890/mccooey-am-2008.mp3" type="audio/mp3"></object>
3/ <iframe src="http://dro.deakin.edu.au/eserv/DU:30018890/mccooey-am-2008.mp3" frameborder="0" height="35" width="200"></iframe>
4/ <object type="audio/mp3" data="http://dro.deakin.edu.au/eserv/DU:30018890/mccooey-am-2008.mp3" width="200" height="20" autoplay="false" ></object>

The only option which "works" is #3, but can't control its autoplay.

HTML filtering is enabled.

Allowed HTML elements: p,br,strong,em,span,div,ul,ol,li,a,h1,h2,h3,h4,h5,h6,address,pre,table,tr,td,blockquote,thead,tfoot,tbody,th,dl,dt,dd,q,small,strike,sup,sub,b,i,big,small,tt,img,iframe,hr,audio,video,object,param

Allowed HTML attributes:
*.style,*.class,a.href,a.title,a.target,img.src,img.alt,img.width,img.height,rel,iframe.src,iframe.width,iframe.height,iframe.name,iframe.frameborder,audio.controls,audio.preload,audio.src,audio.type,object.id,object.data,object.type,object,height,object.width,object.autoplay

I am also waiting for this solution or guidance with this. I am having the same problem even on a fresh Omeka 2.3 install from 2.01. I specifically upgraded hoping that the html5 2.4 would be perfect fix! Can't see controls buttons.

Exactly what are you trying and what's the problem you're having? Please include the versions of all the relevant plugins you're trying to work with.

There's a few different things being mentioned in relation to audio on this thread, and it's not totally clear to me what everyone is actually looking for.

I just installed the HTML5 Media plugin for the first time. Everything is working except the play, pause, and mute control icons are not visible in the audio player. If I click the area where the icons should be, the player still functions properly. The video player is also missing all control icons (play, pause, volume, and fullscreen).

When I look at the page source code, I see the controls attribute is there inside the <audio> and <video> tags. Is this a path issue, where the plugin cannot find the icons included in the plugin sub-directory? Some other issue? I see Andre had this issue, but no solution was posted.

Here are two example pages:

Audio:
http://www.indiana.edu/~aaamc/omeka/exhibits/show/jacquie-gales-webb/black-radio--telling-it-like-i/inspiration

Video:
http://www.indiana.edu/~aaamc/omeka/items/show/54

I think this is happening because of the MIME type your server is responding with for SVG: it's sending "application/svg+xml" instead of "image/svg+xml"

You can change that by adding a line to the .htaccess file in the Omeka root:

AddType image/svg+xml svg

Shazam! Worked like a charm. Thanks, John!