Audio Video with graphic

[doane]

OK, thanks everyone

[doane]

Just figured out an easier and different way to do it using the HTML5 <audio> tag. Incidentally, mp3 audio is supported in all browsers, wav files in all but Windows Explorer, and ogg is supported in Chrome, Firefox and Opera only.
I drag a mp3 into the window and then I right click, Edit Widget --> Placeholder Tab open the HTML code body and edit the text as follows:

<audio autoplay><source src="index_htm_files/chalkb2b.mp3" type="audio/mpeg"></audio>

Now I can see the control in the window when I'm working, but when the page loads in a browser there is no control and the audio loads with the page.

Here was how the original Xara code looked for comparison:

When autostart is chosen when it's dropped into the page:
<audio class="xar_meplayer" src="index_htm_files/chalkb2b.mp3" controls autoplay width = "100%" height="100%"/>

And when NO autostart is chosen:
<audio class="xar_meplayer" src="index_htm_files/chalkb2b.mp3" controls width = "100%" height="100%"/>

[Acorn]

Just figured out an easier and different way to do it using the HTML5 <audio> tag. Incidentally, mp3 audio is supported in all browsers, wav files in all but Windows Explorer, and ogg is supported in Chrome, Firefox and Opera only.
I drag a mp3 into the window and then I right click, Edit Widget --> Placeholder Tab open the HTML code body and edit the text as follows:

<audio autoplay><source src="index_htm_files/chalkb2b.mp3" type="audio/mpeg"></audio>

Now I can see the control in the window when I'm working, but when the page loads in a browser there is no control and the audio loads with the page.

Here was how the original Xara code looked for comparison:

When autostart is chosen when it's dropped into the page:
<audio class="xar_meplayer" src="index_htm_files/chalkb2b.mp3" controls autoplay width = "100%" height="100%"/>

And when NO autostart is chosen:
<audio class="xar_meplayer" src="index_htm_files/chalkb2b.mp3" controls width = "100%" height="100%"/>

I far as I can read the change you made without running it you have factored our the source MP3 and expanded the <AUDIO /> syntax into <AUDIO></AUDIO>. In doing so, you have removed the controls parameter as I suggested and a side-effect is the AUDIO placeholder not longer has a source parameter so is not rendered. This is fine for for AutoPlay but no otherwise unless you have followed my other suggestion to associate the button click action to the ID of the MP3. Your current solution cannot achieve this last action: "Also I would like to know is if there is a way to get sounds attached to buttons or other objects when they are pushed/clicked or moused over.. click sounds, etc." & "Audio Video with graphic".

Xara are using the AUDIO tag already. Your variation is normal when you have multiple audio formats that allows you to better target the end listeners browser.

e.g.:
<audio controls autoplay>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
The AUDIO tag is not supported in Internet Explorer 8 and earlier versions.

I am glad you have something that works for you.

Acorn

P.S. I would strongly suggest never to use autoplay for long tracks without warning. It is OK for sound effects like button clicks and the occasional rollover. Too much and you drive off custom.

[doane]

Thanks, Acorn: I was playing around with it last night using the <audio> tag in the control placeholder, as I mentioned above, and I started having some sort of weird problems, so I ended up pasting that HTML line into the main body and deleting the audio placeholder completely. It seems to work fine now, but is sort of a work around for something I feel like they could have included.. a third option to have the audio auto start when the page loads, but also hidden? Anyway, it seems to work fine now and isn't something I use very much. It also something that I will keep subtle so it doesn't turn viewers off, as I agree with you on that. Also, I'll add the line, "Your browser does not support the audio element." for those with earlier IE versions.