LoginSignup
28
15

More than 5 years have passed since last update.

Audioを停止(終了)させるには pause() → currentTime = 0;

Posted at

タイトルどおり。

js
var audio = document.getElementById('audio');

// 再生
audio.play();

// 停止
audio.pause();
audio.currentTime = 0;

初めてAudioタグで遊んでみて、
ボタンを押すごとに 再生 → 停止 → (最初から)再生
……と、別のイベントと一緒に効果音を出すというのをやってみたかった。

ググッて出てくる入門記事には pause() は当然あるけど、
一時停止じゃなくて、ちゃんと停止(次押したら最初から再生)させたかった。
play() があるんだから stop() くらいあるでしょって思ったけど動かない。

調べたら pause() してから再生時間を0に戻すという方法だった。
Audioタグについての入門記事には意外と載ってなかったりする。

参考

28
15
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
28
15