как создать кнопку для воспроизведения аудиофайла

Question

Я хотел бы создать кнопку для воспроизведения аудиофайла и придать ей стиль, чтобы она выглядела как стрелка. Это моя попытка, но я не знаю, как написать часть JavaScript

HTML:

 <div class="play">
  <button onclick="document.getElementById('player').play()">
   <audio class="kskin" data-durationhint="1.55" data-startoffset="0" preload="none" style="width:175px">
    <source data-bandwidth="100377" data-height="0" data-shorttitle="Ogg source" data-title="Original Ogg file (100 kbps)" data-width="0" src="audio/giraalaizquierda.mp3" type='audio/ogg; codecs="vorbis"'>
   </audio>
  </button>
 </div>

CSS:

.play{
    background-image: url("../../img/play.svg") no-repeat scroll 0 0 transparent;
}

Answer 1

Эй, ты был там.

Javascript используется для запуска аудио на элементе кнопки, с:

onclick="document.getElementById('player').play()

вам просто нужно добавить тег Id <audio id="player">

Answer 2

Вам нужно добавить id атрибут в audio тег

<audio id="player" ... >