# Audio gets distorted on Google Chrome

**URL:** <https://discourse.threejs.org/t/audio-gets-distorted-on-google-chrome/21249>\
**Category:** Questions\
**Tags:** audio\
**Created:** [December 4, 2020, 6:01pm UTC](https://discourse.threejs.org/t/audio-gets-distorted-on-google-chrome/21249 "2020-12-04T18:01:23Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sveny](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/sveny/32/14643_2.png) [@Sveny](https://discourse.threejs.org/u/Sveny)\
**Post date:** [December 4, 2020, 6:01pm UTC](https://discourse.threejs.org/t/audio-gets-distorted-on-google-chrome/21249/1 "2020-12-04T18:01:23Z")

</div>

I’m having a really weird problem right now. I’m positional audio for a project. I have a 3D globe and users can click on the globe to create sound on the specific place they clicked on. When the users come back from the “create” page, the sound that is coming from the globe gets really distorted.

The issue is only with Google Chrome. When the audio plays and I go to another tab, the distortion disappears. When I go back to my page, the distortion comes back… Firefox and Safari are working great.

The website is still in development. You can test it here. Click on a specific place on the globe. Then press back on the next page and you hear that the sounds get distorted.

> **[WWF - Save The World](https://wwfxdevinexppp.web.app/)**

Does anyone know if this is an issue with google chrome or … ?

---

<div class="post-metadata">

**Author:** ![Sarge](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/sarge/32/23494_2.png) [@Sarge](https://discourse.threejs.org/u/Sarge)\
**Post date:** [December 6, 2020, 6:26pm UTC](https://discourse.threejs.org/t/audio-gets-distorted-on-google-chrome/21249/2 "2020-12-06T18:26:11Z")

</div>

Hi @Sveny,

What I noticed is, if I don’t rotate the scene but just click and come back in Chrome it’s fine, however if I start dragging from the space and move it then the sound gets cluttering. This happens only after second time, maybe it gives you a clue.

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [December 6, 2020, 6:38pm UTC](https://discourse.threejs.org/t/audio-gets-distorted-on-google-chrome/21249/3 "2020-12-06T18:38:37Z")

</div>

I can see the same warnings in the browser console like mentioned here:

> [@An historic 3D treasure hunt – Greenham Women Digital](https://discourse.threejs.org/t/an-historic-3d-treasure-hunt-greenham-women-digital/21248/2):
>
> Notice that your app produces the following warnings right now: AudioContext.js:13 The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. [https://goo.gl/7K7WLu](https://goo.gl/7K7WLu) The app has to ensure to only decode and play audio files when a user interaction has happened. You need a similar logic like the web audio examples e.g. [webaudio\_visualizer](https://threejs.org/examples/webaudio_visualizer). You normally solve this issue by having an additional screen with some sort of start of play button. This …