Media Player

[Acorn]

An elegant answer is to have the controls available for the visitor.

Clone your picture (ctrl+k)
Right click the clone and choose 'Web Properties'
Click 'Placeholder' > 'HTML Code (Body)' and paste the following code

<audio style="width:500px;height:60px" controls>
* * <source src="PATH TO YOUR AUDIO FILE.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

The results look like the image below.

Chris, my approach is a complete flip to yours.
Drag and drop your mp3 onto the design page and accept the Do not Autostart option.
This creates your audio controls placeholder.
In the body code of the placeholder include the phrase id="songX"

<audio id="weapon" class="xar_meplayer" id="songX" src="index_htm_files/chooseyourweapon.mp3" controls width = "100%" height="100%"/>

On the image, add a Link:

javascript: document.getElementById("songX").play();

"songX" can be any phrase, just ensure it is the same in the control and the link.

Clicking the actual image starts the audio.

Other shapes can have .pause() or .stop() and the audio control can be then hidden away.

Acorn