HTML5 Audio

Hi,

I think the issue is that you're using ogg vorbis file format, and Internet Explorer doesn't support this codec, you can learn more about which browser support which codecs here:

http://en.wikipedia.org/wiki/HTML5_Audio

You could try including the audio file in several different formats, for example mp3 and wav as well, and this should resolve the issue. 

I'm not sure I fully understand what you mean by HTML editor is changing it back, do you mean that HTML is being removed when you save the page?

Thanks

Greg

What I'm saying is that I'm trying to use both formats, but the wysiwyg is not formatting the audio control correctly.

In the case of where I did the coding myself (outside of the wysiwyg) it works fine having both formats.  When using the built-in audio function in the editor, it's formatting the end result <audio tag incorrectly to work this way (at least for IE).

If I manually type the audio tag into the HTML editor in the format that I know to work, it's changing it to the way that the built-in audio control formats it which also doesn't work.

Thanks,

Gary.

Hi Gary,

Do you mean that you've gone into the HTML of the WYSIWYG editor and checked the formatting against what you're ultimately looking for and it still renders wrong on your page?

What (correct) code do you enter into the editor.

And what (wrong) code appears on your viewer

Jerry Kornbluth

Hi Gary,

What browser versions are you using.  The HTML5 Audio is only supported by IE 9 and later.

What the wysiwyg editor does is take the source file and put it into the <audio> tag.  If you have the ogg file as the first source tag, it won't work in IE as ogg is not supported.  As mp3 is widely supported, if you only use mp3 does it work across all your browsers then?

Give that a try and let me know if you run into any issues.

Thanks

This is in reply to Jerry's message: Exactly as I have it in the first message - I don't want the source listed at all in the original audio tag but only included within the start tag and end tag - then it works, otherwise it does not.

This is in reply to Jason's message - I have tried just the MP3, but that doesn't work correctly in (I believe) FF.

I'm only using IE9, FF (current) and chrome (current) to test. 

I'll play with it some more to see what I come up with, but do know I tried it both with the OGG and the MP3 first and neither worked across the board unless I formatted it exactly as I mentioned in the second code block in my first post.

Hi Gary,

Is there a URL you can provide that demonstrates the issue so I can take a closer look?  If you don't want to post it in the forum, you can email it to support@interactivetools.com

Hope this helps.

Sure - the link for the one that works (the one I had to hard code into it) is:

http://www.concealcarrynow.com

The test page using the built in:

http://www.concealcarrynow.com/index.php?-39

If you view source on these two pages, you'll see the difference in the end resultant audio tag:

Page 39 has the code formatted the way the editor formats the code at approximately line 128 using the view source from FireFox, Chrome or IE

Page 4 (the home page) has the audio tag the way it needs to be formatted to work - this lists it around line 172

Hi Gary,

I've taken a look at the test page.  The first thing I noticed that the "controls = 'controls' " attribute was missing.  You can set this in the wysiwyg editor from the Advanced tab when editing/inserting media.  Give this a try and let me know if you have any more success.  If not, can you set up a test page that only has that content in it without the header/footer, and the rest of the content.  This will help with debugging.

Thanks