Аудиоплеер: смена кнопки play/pause
 

всем привет
не знаю, как сделать из двух кнопок одну на которой будет меняться надпись (изображение) воспроизведение/пауза

<audio id="player" src="sound.mp3"></audio>
<div>
	<button onclick="document.getElementById('player').play()">Воспроизведение</button>
	<button onclick="document.getElementById('player').pause()">Пауза</button>
</div>

сделал так:

<audio id="player" src="sound.mp3"></audio>
<div>
	<button onclick="document.getElementById('player').play(if(audio.paused){audio.play()}else{audio.pause()})">КНОПКА</button>
</div>

но это топорно совсем :-?

Подскажите плиз:)