Why is my stop button not working on this javascript audio player?
Okay, hello people. I have a simple audio player here in which the play button and the pause button work, but not the stop button. Since the pause button works, can I somehow just repeat the pause function but set the song to start again at 0.00 time and use that as my stop button?
<!DOCTYPE HTML>
<html>
<head>
<title>Audio</title>
</head>
<body>
<script>
function play(){
var audio = document.getElementById("audio");
audio.play();
}
function stop(){
var audio = document.getElementById("audio");
audio.stop();
}
function pause(){
var audio = document.getElementById("audio");
audio.pause();
}
</script>
<input type="button" value="PLAY" onclick="play()">
<input type="button" value="STOP" onclick="stop()">
<input type="button" value="PAUSE" onclick="pause()">
<audio id="audio" src="i_am.mp3" ></audio>
<audio id="audio" src="311.mp3" ></audio>
<audio id="audio" src="thievery_corporation.mp3" ></audio>
<audio id="audio" src="saxy.mp3" ></audio>
<audio id="audio" src="silent_rider.mp3" ></audio>
</body>
</html>
javascript audio html5-audio audio-streaming
edited Nov 23 '18 at 5:25
Brad
114k26227388
asked Nov 21 '18 at 14:25
Jason
167
add a comment |
Okay, hello people. I have a simple audio player here in which the play button and the pause button work, but not the stop button. Since the pause button works, can I somehow just repeat the pause function but set the song to start again at 0.00 time and use that as my stop button?
<!DOCTYPE HTML>
<html>
<head>
<title>Audio</title>
</head>
<body>
<script>
function play(){
var audio = document.getElementById("audio");
audio.play();
}
function stop(){
var audio = document.getElementById("audio");
audio.stop();
}
function pause(){
var audio = document.getElementById("audio");
audio.pause();
}
</script>
<input type="button" value="PLAY" onclick="play()">
<input type="button" value="STOP" onclick="stop()">
<input type="button" value="PAUSE" onclick="pause()">
<audio id="audio" src="i_am.mp3" ></audio>
<audio id="audio" src="311.mp3" ></audio>
<audio id="audio" src="thievery_corporation.mp3" ></audio>
<audio id="audio" src="saxy.mp3" ></audio>
<audio id="audio" src="silent_rider.mp3" ></audio>
</body>
</html>
javascript audio html5-audio audio-streaming
edited Nov 23 '18 at 5:25
Brad
114k26227388
asked Nov 21 '18 at 14:25
Jason
167
2
developer.mozilla.org/en-US/docs/Web/API/… there does not exist astop()function, and yes you can do that
– William Chong
Nov 21 '18 at 15:51
1
Pause and stop are more or less the same functionality in this scenario. And since stop() isn't a function, you should just use pause();
– Seano666
Nov 21 '18 at 18:21
add a comment |
Okay, hello people. I have a simple audio player here in which the play button and the pause button work, but not the stop button. Since the pause button works, can I somehow just repeat the pause function but set the song to start again at 0.00 time and use that as my stop button?
<!DOCTYPE HTML>
<html>
<head>
<title>Audio</title>
</head>
<body>
<script>
function play(){
var audio = document.getElementById("audio");
audio.play();
}
function stop(){
var audio = document.getElementById("audio");
audio.stop();
}
function pause(){
var audio = document.getElementById("audio");
audio.pause();
}
</script>
<input type="button" value="PLAY" onclick="play()">
<input type="button" value="STOP" onclick="stop()">
<input type="button" value="PAUSE" onclick="pause()">
<audio id="audio" src="i_am.mp3" ></audio>
<audio id="audio" src="311.mp3" ></audio>
<audio id="audio" src="thievery_corporation.mp3" ></audio>
<audio id="audio" src="saxy.mp3" ></audio>
<audio id="audio" src="silent_rider.mp3" ></audio>
</body>
</html>
javascript audio html5-audio audio-streaming
edited Nov 23 '18 at 5:25
Brad
114k26227388
asked Nov 21 '18 at 14:25
Jason
167
Okay, hello people. I have a simple audio player here in which the play button and the pause button work, but not the stop button. Since the pause button works, can I somehow just repeat the pause function but set the song to start again at 0.00 time and use that as my stop button?
<!DOCTYPE HTML>
<html>
<head>
<title>Audio</title>
</head>
<body>
<script>
function play(){
var audio = document.getElementById("audio");
audio.play();
}
function stop(){
var audio = document.getElementById("audio");
audio.stop();
}
function pause(){
var audio = document.getElementById("audio");
audio.pause();
}
</script>
<input type="button" value="PLAY" onclick="play()">
<input type="button" value="STOP" onclick="stop()">
<input type="button" value="PAUSE" onclick="pause()">
<audio id="audio" src="i_am.mp3" ></audio>
<audio id="audio" src="311.mp3" ></audio>
<audio id="audio" src="thievery_corporation.mp3" ></audio>
<audio id="audio" src="saxy.mp3" ></audio>
<audio id="audio" src="silent_rider.mp3" ></audio>
</body>
</html>
javascript audio html5-audio audio-streaming
javascript audio html5-audio audio-streaming
edited Nov 23 '18 at 5:25
Brad
114k26227388
asked Nov 21 '18 at 14:25
Jason
167
edited Nov 23 '18 at 5:25
Brad
114k26227388
asked Nov 21 '18 at 14:25
Jason
167
edited Nov 23 '18 at 5:25
Brad
114k26227388
edited Nov 23 '18 at 5:25
Brad
114k26227388
edited Nov 23 '18 at 5:25
Brad
114k26227388
114k26227388
asked Nov 21 '18 at 14:25
Jason
167
asked Nov 21 '18 at 14:25
Jason
167
asked Nov 21 '18 at 14:25
Jason
167
167
2
developer.mozilla.org/en-US/docs/Web/API/… there does not exist astop()function, and yes you can do that
– William Chong
Nov 21 '18 at 15:51
1
Pause and stop are more or less the same functionality in this scenario. And since stop() isn't a function, you should just use pause();
– Seano666
Nov 21 '18 at 18:21
add a comment |
2
developer.mozilla.org/en-US/docs/Web/API/… there does not exist astop()function, and yes you can do that
– William Chong
Nov 21 '18 at 15:51
1
Pause and stop are more or less the same functionality in this scenario. And since stop() isn't a function, you should just use pause();
– Seano666
Nov 21 '18 at 18:21
2
2
developer.mozilla.org/en-US/docs/Web/API/… there does not exist a
stop() function, and yes you can do that– William Chong
Nov 21 '18 at 15:51
developer.mozilla.org/en-US/docs/Web/API/… there does not exist a
stop() function, and yes you can do that– William Chong
Nov 21 '18 at 15:51
1
1
Pause and stop are more or less the same functionality in this scenario. And since stop() isn't a function, you should just use pause();
– Seano666
Nov 21 '18 at 18:21
Pause and stop are more or less the same functionality in this scenario. And since stop() isn't a function, you should just use pause();
– Seano666
Nov 21 '18 at 18:21
add a comment |
1 Answer
1
active
oldest
votes
In your stop function, try pausing and setting the current time:
function stop() {
const audio = document.getElementById('audio');
audio.pause();
audio.currentTime = 0;
}
See also: https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/currentTime
answered Nov 23 '18 at 5:25
Brad
114k26227388
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53414222%2fwhy-is-my-stop-button-not-working-on-this-javascript-audio-player%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
In your stop function, try pausing and setting the current time:
function stop() {
const audio = document.getElementById('audio');
audio.pause();
audio.currentTime = 0;
}
See also: https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/currentTime
answered Nov 23 '18 at 5:25
Brad
114k26227388
add a comment |
In your stop function, try pausing and setting the current time:
function stop() {
const audio = document.getElementById('audio');
audio.pause();
audio.currentTime = 0;
}
See also: https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/currentTime
answered Nov 23 '18 at 5:25
Brad
114k26227388
add a comment |
In your stop function, try pausing and setting the current time:
function stop() {
const audio = document.getElementById('audio');
audio.pause();
audio.currentTime = 0;
}
See also: https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/currentTime
answered Nov 23 '18 at 5:25
Brad
114k26227388
In your stop function, try pausing and setting the current time:
function stop() {
const audio = document.getElementById('audio');
audio.pause();
audio.currentTime = 0;
}
See also: https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/currentTime
answered Nov 23 '18 at 5:25
Brad
114k26227388
answered Nov 23 '18 at 5:25
Brad
114k26227388
answered Nov 23 '18 at 5:25
Brad
114k26227388
answered Nov 23 '18 at 5:25
Brad
114k26227388
114k26227388
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53414222%2fwhy-is-my-stop-button-not-working-on-this-javascript-audio-player%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
2
developer.mozilla.org/en-US/docs/Web/API/… there does not exist a
stop()function, and yes you can do that– William Chong
Nov 21 '18 at 15:51
1
Pause and stop are more or less the same functionality in this scenario. And since stop() isn't a function, you should just use pause();
– Seano666
Nov 21 '18 at 18:21