From fc0c03b7931512911df6aeadb77178373741b517 Mon Sep 17 00:00:00 2001
From: chocolateboy <chocolate@cpan.org>
Date: Sat, 17 Aug 2024 03:33:57 +0000
Subject: [PATCH] fix audio notification for Gradio 4 (#1208)

the AUDIO element is now in the shadow DOM, so access it there to
trigger playback
---
 javascript/notification.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/javascript/notification.js b/javascript/notification.js
index 3ee972ae..45ad220b 100644
--- a/javascript/notification.js
+++ b/javascript/notification.js
@@ -26,7 +26,7 @@ onAfterUiUpdate(function() {
     lastHeadImg = headImg;
 
     // play notification sound if available
-    const notificationAudio = gradioApp().querySelector('#audio_notification audio');
+    const notificationAudio = gradioApp().querySelector('#audio_notification #waveform > div')?.shadowRoot?.querySelector('audio');
     if (notificationAudio) {
         notificationAudio.volume = opts.notification_volume / 100.0 || 1.0;
         notificationAudio.play();