android Multiple audio html tags play simultaneously
up vote
0
down vote
favorite
Some browsers do not support Web Audio API , I want to build a player with high support, So use the native html audio tag,
but I have a problem in android, I can't play multiple sounds at the same time.
I have tried various methods, For example: Combine sound effects, loop playback with volume and currentTime control playback ,But it will cause a very serious delay, Also searched for related issues in stackoverflow
I have been unable to solve it. Is there any way?
Code like this:
https://codepen.io/anon/pen/KraKxR
HTML:
<audio id="sound1" src="http://taira-komori.jpn.org/sound_os/game01/coin05.mp3" controls="controls">
Your browser does not support the audio element.
</audio>
<audio id="sound2" src="http://taira-komori.jpn.org/sound_os/game01/coin07.mp3" controls="controls">
Your browser does not support the audio element.
</audio>
JAVASCRIPT:
var sound1 = document.getElementById("sound1");
sound1.play();
var sound2 = document.getElementById("sound2");
sound2.play();
javascript html html5-audio
edited Nov 13 at 7:59
Krupesh Kotecha
2,05011134
asked Nov 13 at 7:04
Mars.Tsai
1318
|
show 1 more comment
up vote
0
down vote
favorite
Some browsers do not support Web Audio API , I want to build a player with high support, So use the native html audio tag,
but I have a problem in android, I can't play multiple sounds at the same time.
I have tried various methods, For example: Combine sound effects, loop playback with volume and currentTime control playback ,But it will cause a very serious delay, Also searched for related issues in stackoverflow
I have been unable to solve it. Is there any way?
Code like this:
https://codepen.io/anon/pen/KraKxR
HTML:
<audio id="sound1" src="http://taira-komori.jpn.org/sound_os/game01/coin05.mp3" controls="controls">
Your browser does not support the audio element.
</audio>
<audio id="sound2" src="http://taira-komori.jpn.org/sound_os/game01/coin07.mp3" controls="controls">
Your browser does not support the audio element.
</audio>
JAVASCRIPT:
var sound1 = document.getElementById("sound1");
sound1.play();
var sound2 = document.getElementById("sound2");
sound2.play();
javascript html html5-audio
edited Nov 13 at 7:59
Krupesh Kotecha
2,05011134
asked Nov 13 at 7:04
Mars.Tsai
1318
Your linked example does not play the two audio clips simultaneously even on a desktop browser. Are you sure your issue is Android specific here?
– Vulcan
Nov 13 at 7:29
really? my desktop browser can do it , but i use android open this linked demo can't
– Mars.Tsai
Nov 13 at 7:35
I should have mentioned I am using Chrome on desktop and nothing plays when opening that codepen. Maybe it's a Chrome specific behavior? If I create a button which executes a function that plays both sounds, the sounds successfully play at the same time. codepen.io/anon/pen/xQgGzW
– Vulcan
Nov 13 at 7:52
Yes I can also, but Android mobile.....sigh
– Mars.Tsai
Nov 13 at 7:55
If you click the button in my codepen sketch on Android mobile do the sounds play together correctly?
– Vulcan
Nov 13 at 9:05
|
show 1 more comment
up vote
0
down vote
favorite
up vote
0
down vote
favorite
Some browsers do not support Web Audio API , I want to build a player with high support, So use the native html audio tag,
but I have a problem in android, I can't play multiple sounds at the same time.
I have tried various methods, For example: Combine sound effects, loop playback with volume and currentTime control playback ,But it will cause a very serious delay, Also searched for related issues in stackoverflow
I have been unable to solve it. Is there any way?
Code like this:
https://codepen.io/anon/pen/KraKxR
HTML:
<audio id="sound1" src="http://taira-komori.jpn.org/sound_os/game01/coin05.mp3" controls="controls">
Your browser does not support the audio element.
</audio>
<audio id="sound2" src="http://taira-komori.jpn.org/sound_os/game01/coin07.mp3" controls="controls">
Your browser does not support the audio element.
</audio>
JAVASCRIPT:
var sound1 = document.getElementById("sound1");
sound1.play();
var sound2 = document.getElementById("sound2");
sound2.play();
javascript html html5-audio
edited Nov 13 at 7:59
Krupesh Kotecha
2,05011134
asked Nov 13 at 7:04
Mars.Tsai
1318
Some browsers do not support Web Audio API , I want to build a player with high support, So use the native html audio tag,
but I have a problem in android, I can't play multiple sounds at the same time.
I have tried various methods, For example: Combine sound effects, loop playback with volume and currentTime control playback ,But it will cause a very serious delay, Also searched for related issues in stackoverflow
I have been unable to solve it. Is there any way?
Code like this:
https://codepen.io/anon/pen/KraKxR
HTML:
<audio id="sound1" src="http://taira-komori.jpn.org/sound_os/game01/coin05.mp3" controls="controls">
Your browser does not support the audio element.
</audio>
<audio id="sound2" src="http://taira-komori.jpn.org/sound_os/game01/coin07.mp3" controls="controls">
Your browser does not support the audio element.
</audio>
JAVASCRIPT:
var sound1 = document.getElementById("sound1");
sound1.play();
var sound2 = document.getElementById("sound2");
sound2.play();
javascript html html5-audio
javascript html html5-audio
edited Nov 13 at 7:59
Krupesh Kotecha
2,05011134
asked Nov 13 at 7:04
Mars.Tsai
1318
edited Nov 13 at 7:59
Krupesh Kotecha
2,05011134
asked Nov 13 at 7:04
Mars.Tsai
1318
edited Nov 13 at 7:59
Krupesh Kotecha
2,05011134
edited Nov 13 at 7:59
Krupesh Kotecha
2,05011134
edited Nov 13 at 7:59
Krupesh Kotecha
2,05011134
2,05011134
asked Nov 13 at 7:04
Mars.Tsai
1318
asked Nov 13 at 7:04
Mars.Tsai
1318
asked Nov 13 at 7:04
Mars.Tsai
1318
1318
Your linked example does not play the two audio clips simultaneously even on a desktop browser. Are you sure your issue is Android specific here?
– Vulcan
Nov 13 at 7:29
really? my desktop browser can do it , but i use android open this linked demo can't
– Mars.Tsai
Nov 13 at 7:35
I should have mentioned I am using Chrome on desktop and nothing plays when opening that codepen. Maybe it's a Chrome specific behavior? If I create a button which executes a function that plays both sounds, the sounds successfully play at the same time. codepen.io/anon/pen/xQgGzW
– Vulcan
Nov 13 at 7:52
Yes I can also, but Android mobile.....sigh
– Mars.Tsai
Nov 13 at 7:55
If you click the button in my codepen sketch on Android mobile do the sounds play together correctly?
– Vulcan
Nov 13 at 9:05
|
show 1 more comment
Your linked example does not play the two audio clips simultaneously even on a desktop browser. Are you sure your issue is Android specific here?
– Vulcan
Nov 13 at 7:29
really? my desktop browser can do it , but i use android open this linked demo can't
– Mars.Tsai
Nov 13 at 7:35
I should have mentioned I am using Chrome on desktop and nothing plays when opening that codepen. Maybe it's a Chrome specific behavior? If I create a button which executes a function that plays both sounds, the sounds successfully play at the same time. codepen.io/anon/pen/xQgGzW
– Vulcan
Nov 13 at 7:52
Yes I can also, but Android mobile.....sigh
– Mars.Tsai
Nov 13 at 7:55
If you click the button in my codepen sketch on Android mobile do the sounds play together correctly?
– Vulcan
Nov 13 at 9:05
Your linked example does not play the two audio clips simultaneously even on a desktop browser. Are you sure your issue is Android specific here?
– Vulcan
Nov 13 at 7:29
Your linked example does not play the two audio clips simultaneously even on a desktop browser. Are you sure your issue is Android specific here?
– Vulcan
Nov 13 at 7:29
really? my desktop browser can do it , but i use android open this linked demo can't
– Mars.Tsai
Nov 13 at 7:35
really? my desktop browser can do it , but i use android open this linked demo can't
– Mars.Tsai
Nov 13 at 7:35
I should have mentioned I am using Chrome on desktop and nothing plays when opening that codepen. Maybe it's a Chrome specific behavior? If I create a button which executes a function that plays both sounds, the sounds successfully play at the same time. codepen.io/anon/pen/xQgGzW
– Vulcan
Nov 13 at 7:52
I should have mentioned I am using Chrome on desktop and nothing plays when opening that codepen. Maybe it's a Chrome specific behavior? If I create a button which executes a function that plays both sounds, the sounds successfully play at the same time. codepen.io/anon/pen/xQgGzW
– Vulcan
Nov 13 at 7:52
Yes I can also, but Android mobile.....sigh
– Mars.Tsai
Nov 13 at 7:55
Yes I can also, but Android mobile.....sigh
– Mars.Tsai
Nov 13 at 7:55
If you click the button in my codepen sketch on Android mobile do the sounds play together correctly?
– Vulcan
Nov 13 at 9:05
If you click the button in my codepen sketch on Android mobile do the sounds play together correctly?
– Vulcan
Nov 13 at 9:05
|
show 1 more comment
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
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%2f53275547%2fandroid-multiple-audio-html-tags-play-simultaneously%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
Your linked example does not play the two audio clips simultaneously even on a desktop browser. Are you sure your issue is Android specific here?
– Vulcan
Nov 13 at 7:29
really? my desktop browser can do it , but i use android open this linked demo can't
– Mars.Tsai
Nov 13 at 7:35
I should have mentioned I am using Chrome on desktop and nothing plays when opening that codepen. Maybe it's a Chrome specific behavior? If I create a button which executes a function that plays both sounds, the sounds successfully play at the same time. codepen.io/anon/pen/xQgGzW
– Vulcan
Nov 13 at 7:52
Yes I can also, but Android mobile.....sigh
– Mars.Tsai
Nov 13 at 7:55
If you click the button in my codepen sketch on Android mobile do the sounds play together correctly?
– Vulcan
Nov 13 at 9:05