Estoy trabajando en un sitio web de juegos, y parte de eso incluye la reproducción de audio. Quiero alojar mi propio servidor para este sitio al menos para empezar porque nunca lo he hecho antes y parece una buena experiencia de aprendizaje para mí. Tengo el sitio y el juego funcionando y puedo jugarlo. Otros también han podido reproducirlo sin problemas usando la IP externa de mi enrutador después de configurar el reenvío, etc.

El juego incluye un widget de reproductor de audio SoundCloud que hice invisible para poder usar mis propios gráficos para los botones. Me encontré con el problema de no poder reproducir audio automáticamente, pero lo arreglé con allow="autoplay" en el iframe que contenía el widget.

Todo parecía estar bien hasta hoy, cuando compré un nombre de dominio barato y configuré un puntero de dominio a mi dirección IP. Esto es a través de domain.com y el puntero es de tipo URL Stealth. Parece que esa es la mejor manera de hacerlo para no exponer la dirección IP externa de mi enrutador.

Ahora, sin embargo, mi sitio se abrirá, pero al presionar el botón de reproducción, la consola escupe el error que dice

 The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page.

Por supuesto, estoy confundido porque todavía puedo jugar el juego correctamente si escribo mi dirección IP y mi puerto en la barra de búsqueda como lo he estado haciendo. La única diferencia que puedo ver es el nombre de dominio. Entonces, ¿qué tiene este puntero de dominio que hace que mi botón de reproducción deje de funcionar?

También puedo confirmar que si hago lo que me pide y hago un gesto en la página, puedo jugar el juego normalmente.

Como referencia, estoy usando Chrome y no lo he probado en ningún otro navegador.

Como de costumbre, nunca sé qué información he dejado fuera de la explicación, así que siéntase libre de preguntar y con gusto se la proporcionaré.