Delay/echo problem with Howler.js in Chrome

nathanlively · 2020-07-23T21:19:13.000Z

Playback seems fine in Safari, but in Chrome the first second seems fine, and then it starts hiccuping and echoing.

2020-07-23 at 16.16.47333×766 36.3 KB

2020-07-23 at 16.17.15713×335 30.6 KB

nathanlively · 2020-07-28T13:18:03.937Z

I guess no one else is having this problem?

nathanlively · 2020-08-05T18:02:22.942Z

Solved: I just moved the Howler element out of the group into some free space on the page.

kosabena · 2020-12-01T10:48:10.416Z

Thank-you for sharing this solution Nathan. Have you had any issues with Howlers playing simultaneously?

nathanlively · 2020-12-01T23:34:09.282Z

Initially, yes, but now it’s fixed and I can’t remember how. My biggest problem is the popping. I’m assuming it is caused by pausing/stopping playback when it not at a zero crossing, but I have tried implementing a fade out and pause before stop and that didn’t help.

kosabena · 2020-12-02T09:13:25.971Z

That makes sense, thank-you for responding. I really appreciate it. Yesterday I ended up trying the audio plugin from zeroqode and don’t have the same problem. Thanks Nathan!

greg18 · 2022-10-01T15:28:30.449Z

Are you having this problem on iOS, with auto-play on page load?

You can’t do auto-play on page load on iOS, without having your user first tap anything/anywhere after page load. See:

SoundFX - Effects for Sounds and Music - New Plugin from Zeroqode Showcase

Many people like me have struggled with getting audio to work in iOS. Allow me to drop some knowledge. I’m using SoundFX but this applies to any audio plugin. First, make sure your audio files have at least 0.5 seconds of silence at the beginning of the sound – I find that’s how long it takes iPhone to turn on the speaker. Next, unfortunately, Apple requires users to interact with the phone before any sound can be played in that instant (within 600ms of the interaction is what I’ve observed in…

lorenzoscodeller · 2022-11-12T21:04:49.929Z

@nathanlively I’m having a huge echo audio problem in Chrome when streaming a radio source,

Could you please tell me more explicitly how you solved your problem?