[HTML5] Audio glitchy on mobile device

[laxa88]

I'm on the Samsung Note4, using Chrome browser. The audio is laggy/glitchy. Here's the link to my game for your testing: http://coinflipstudios.com/adventuroads/

[RobDangerous]

Audio is fine on my Nexus 7. Can you try without Audio2 (commenting out the line in SystemImpl where it is initialized)?

[luboslenco]

(Can confirm the laggy/glitchy audio on Galaxy S6.)

[RobDangerous]

Hm, maybe we should make Audio1 the default for HTML5 as long as devices are around which can not handle Audio2.

[miere43]

Also on Windows Phone 8.1 device (Nokia 810) there is no audio at all and you can't move character with touching or swiping in any browser (sorry for large screen).

[laxa88]

@RobDangerous if I comment the audio2 code in SystemImpl, there is completely no audio in my game.

(i'm assuming it's this, btw):

    // if (kha.audio2.Audio._init()) {
    //  SystemImpl._hasWebAudio = true;
    //  kha.audio2.Audio1._init();
    // }
    // else {
        SystemImpl._hasWebAudio = false;
        AudioElementAudio._compile();
        untyped __js__ ("kha_audio2_Audio1 = kha_js_AudioElementAudio");
    // }

@miere42 I think the input issue is a bug on my side. I do a manual check -- if player is on mobile device, they can only use touch, and if they're on desktop, they can use mouse or keyboard. Looks like windows device doesn't work as intended :(

[laxa88]

Hi, any updates on this?

[RobDangerous]

Did some work on that last night but it looks like I'll have to implement a third html5 audio backend for it to really work reliably. At least I now understand the problems (mobile browsers only start audio in response to input events + performance worries).

[laxa88]

Thank you @RobDangerous ! I've updated my game based on latest commit. The audio for BGM and button-click is now working (in mobile chrome, on my Samsung S4), although the other sound effects (player deaths) aren't working, but I guess that's good enough for now. Looking forward to full fix :3

[RobDangerous]

Hey, this is all done.