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







share|improve this question
























  • 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

















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







share|improve this question
























  • 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















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







share|improve this question















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






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Nov 13 at 7:59









Krupesh Kotecha

2,05011134




2,05011134










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




















  • 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



















active

oldest

votes











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',
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
});


}
});














 

draft saved


draft discarded


















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






























active

oldest

votes













active

oldest

votes









active

oldest

votes






active

oldest

votes
















 

draft saved


draft discarded



















































 


draft saved


draft discarded














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





















































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







-

Popular posts from this blog

How to change which sound is reproduced for terminal bell?

Image
3 Recently upgrade to 18.10 from 18.04, and using the terminal is becoming annoying: the new alert sound is a drip ( /usr/share/sounds/gnome/default/alerts/drip.ogg ), and the previous one is still located at ( /usr/share/sounds/ubuntu/stereo/bell.ogg ). My issue is that at the gnome-terminal, when autocompleting or pressing left BOTH sounds are reproduced, at the same time. I want to just have ubuntu/stereo/bell.ogg active, not both . At the moment I have been only able to reduce the volume of the alerts (but still both are played), or turn the alerts down (but I dislike both "solutions"). gnome-terminal 18.10 teminal-bell share | improve this question ...
Read more

Can I use Tabulator js library in my java Spring + Thymeleaf project?

Image
0 I want to add Tabulator js to my java project. I added tabulator.min.js, tabulator.min.css to resources folder. After that added to my html page these dependencies as recommending in readme.md. <link rel="stylesheet" th:href="@{/css/tabulator.min.css}"> <script type="text/javascript" th:src="@{/js/tabulator.min.js}"></script> Now my tables view all elements, that I have in the html page, but not correct. In the documentation of Tabulator is example how to create header and table, var table = new Tabulator("#example-table", { columns:[ {title:"Name", field:"name", sorter:"string", width:200, editor:true}, {title:"Age", field:"age", sorter:"...
Read more

Title Spacing in Bjornstrup Chapter, Removing Chapter Number From Contents

Image
up vote 5 down vote favorite 2 I would like to make it so that the vertical space below the title of each chapter is the same when using the Bjornstrup package (i.e. so that the descenders do not affect the spacing - as shown by the red arrow in the picture below). I think I'm fairly happy with the spacing around "A chapter", so I'd really like titles without descenders (e.g. "Contents") to have the same vertical spacing as "A chapter" below the title. I would also like to remove the large "0" in the contents title. Any help appreciated, as always. documentclass[11pt,a4paper]{book} % Packages[![enter image description here][1]][1] usepackage[left=3.5cm, right=3.5cm, top=4.3cm, bottom=4.25cm]{geometry} usepackage[utf8]{inputenc} usepackage{libertine} usepackage[libertine]{newtx...
Read more