Quiero recibir notificaciones en tiempo real con sonido cuando se realiza un pedido en mi aplicación. Estoy usando laravel 8 y pusher para eso. Recibo alertas en tiempo real pero el sonido no funciona perfectamente. Cuando se realiza un pedido por primera vez, el sonido no se reproduce, después ese sonido se reproduce perfectamente. Aquí está mi estructura de código ...

Mi clase de evento

 <?php namespace App\Events; use Illuminate\Broadcasting\Channel; use Illuminate\Broadcasting\InteractsWithSockets; use Illuminate\Broadcasting\PresenceChannel; use Illuminate\Broadcasting\PrivateChannel; use Illuminate\Contracts\Broadcasting\ShouldBroadcast; use Illuminate\Foundation\Events\Dispatchable; use Illuminate\Queue\SerializesModels; class MyEvent implements ShouldBroadcast { use Dispatchable, InteractsWithSockets, SerializesModels; public $message; public function __construct($message) { $this->message = $message; } public function broadcastOn() { return ['my-channel']; } public function broadcastAs() { return 'my-event'; } }

Aquí está el código js

 Pusher.logToConsole = true; var pusher = new Pusher('***pusher key***', { cluster: 'ap2' }); var channel = pusher.subscribe('my-channel'); channel.bind('my-event', function(data) { alert(data.message) playAudio(); }); function playAudio() { var x = new Audio('http://127.0.0.1:8000/backend/assets/notification.mp3'); // Show loading animation. var playPromise = x.play(); if (playPromise !== undefined) { playPromise.then(_ => { x.play();. }) .catch(error => { }); } }

Aquí está mi controlador

 public function store(){ event(new MyEvent('1 new order has been placed')); return 'Success'; }

Cuando llego a esta ruta por primera vez, se muestra un mensaje de alerta en tiempo real pero el sonido no se reproduce. me muestra este error

 DOMException: play() failed because the user didn't interact with the document first. https://some link

Y funciona perfectamente después de la primera vez.

Me gustaría enviar una notificación de sonido al administrador si se realiza el pedido, ahora, ¿cómo puedo hacer eso?