In the HTML5 canvas project, sound clips sometimes play and sometimes they don't

[harisahmed]

I have made multiple animations on HTML5 Canvas. I have used voice-overs and sound effects in all the animations. Sometimes, all sounds play perfectly and sometimes 1-2 sounds or voiceover doesn't play. Animation keeps playing and other sounds after skipped sound also play. These non-played sounds are random, and each time a different sound does not play, even when replaying within animation or refresh webpage.

All sounds are exported and placed as MP3 192kbps bitrate or 128kbps bitrate in 44.1 KHz.

[harisahmed]

All sounds are in STREAM sync setting.

[kglad]

do some sounds overlap?

[harisahmed]

yes ... at very few place... 2 sounds overlap

[kglad]

2 overlaps is ok.  i think 8 or 16 is the limit.

how many different sounds are in your project?

[harisahmed]

at times ... 3 -4 sounds overlap only ... other than that, ... there are around 10 - 15 sound clips are used in a project ... which includes voiceovers and sound effects. In very few projects, i think 20+ sounds are used .... will that be an issue?

[kglad]

there's a limit before you will see/hear unexpected behavior, and that may be the problem you're encountering, but i don't remember the limit.  it might be 16 sounds.  you should experiment with your problematic file.

[harisahmed]

Alright.  Thanks. Let me try this ... 
Just confirming that . MP3 sounds @ 128 or 192 bit rate (44.1 Khz) won't create issues right?

[kglad]

8 or 16 bit, sample rate 44.1khz