Audio-3

Audio の再生・停止

ボタンのクリックで Audio を再生・停止します。

【Source Code】

<audio id="audio">
<source src="start.mp3">
</audio>
 
<input type="button" value="play" onclick="audio_play()">
<input type="button" value="pause" onclick="audio_pause()">
 
<script type="text/javascript">
function audio_play() {
   audio.play();
}
 
function audio_pause() {
   audio.pause();
}
</script>

audio にＩＤを設定して mp3 をロードします。

<audio id="audio">
<source src="start.mp3">
</audio><br>

ボタンを表示します。

<input type="button" value="play" onclick="audio_play()">
<input type="button" value="pause" onclick="audio_pause()">

再生・停止をする関数です。

<script type="text/javascript">
function audio_play() {
   audio.play();
}
 
function audio_pause() {
   audio.pause();
}
</script>

前田稔の超初心者のプログラム入門
 超初心者のプログラム入門(JavaScript)