おれんじりりぃぶろぐ

きっと何者にもなれないエンジニアのブログ

JSでボタンを押すと音が鳴る実装

ボタンを押すと音声が流れるサンプルです。

HTML

<!-- ボタンの設置 -->
 <input type="button" value="再生" onclick="ring()">
<!-- 音声ファイルの読み込み -->
<audio id="tts">
  <source src= "audio/sample.mp3" type="audio/mp3">
</audio>

JavaScript

<script type="text/javascript">
  function ring(){
    document.getElementById("tts").load();
    document.getElementById("tts").play();
  }
</script>