Player audio

[Sampei89]

Ciao a tutti, sto cercando di inserire un brano all'interno del mio sito, utilizzando javascript e html. Premetto che con javascript ho avuto veramente poco a che fare...Ho fatto in questo modo:

<audio id="audio" autoplay loop>
<source src="brano.mp3" type="audio/mpeg">
</audio> 

<script text="javascript">
function Avvia()
{
    document.getElementById("musica").play();
}
function Ferma()
{
    document.getElementById("musica").pause();
}
</script>

e poi....

<button onclick="document.getElementById('audio').play()" style="cursor:pointer">Play</button>
<button onclick="document.getElementById('audio').pause()" style="cursor:pointer">Pause</button>

Il tutto funziona. Soltanto che io vorrei che al posto dei bottoni play/pause ci fosse un'immagine se è in play ed un'altra se è in pause. Credo ci voglia un if quindi ma non riesco a capire che condizione ci devo mettere...c'è un modo per controllare se l'audio è in play o in pause??
Spero di essere stato chiare e che possiate darmi una mano

[david666]

non vorrei dire una cavolata ma penso che ti basta usare un boleano se è in play lo imposti a true se no a false e da li gli cambi lo sfondo

[Sampei89]

Ho provato, ma non funziona, mi dite cosa c'è di sbagliato?

<audio id="audio" autoplay loop>
    <source src="swing.mp3" type="audio/mpeg">
</audio> 


<script text="javascript">
function Avvia()
{
    if(document.getElementById("audio").Play() == TRUE)
    {
        document.getElementById("audio").Pause();
    }
    else
    {
        document.getElementById("audio").Play();
    }
}


</script>






<img src="immagini/btn.png" onclick="Avvia()" alt="pause" />