binary-com · mehrzad-fs · Dec 22, 2021 · Dec 8, 2021 · Dec 9, 2021 · Dec 13, 2021
diff --git a/src/botPage/view/blockly/customBlockly.js b/src/botPage/view/blockly/customBlockly.js
@@ -364,12 +364,41 @@ Blockly.Toolbox.TreeNode.prototype.onClick_ = function(_e) {
  * Preload all the audio files so that they play quickly when asked for.
  * @package
  */
+
+Blockly.WorkspaceAudio.prototype.load = function(filenames, name) {
+    if (!filenames.length) {
+        return;
+    }
+    try {
+        var audioTest = new window['Audio']();
+    } catch (e) {
+        return;
+    }
+    let sound;
+
+    filenames.forEach(filename => {
+        if (filename.includes('delete') || filename.includes('click') || filename.includes('disconnect')) {
+            filename = filename.replace('https://blockly-demo.appspot.com/static/media/', 'sound/');
+        }
+        let ext = filename.match(/\.(\w+)$/);
+        if (ext && audioTest.canPlayType('audio/' + ext[1])) {
+            sound = new window['Audio'](filename);
+        }
+    });
+    if (sound?.play) {
+        this.SOUNDS_[name] = sound;
+    }
+};
 Blockly.WorkspaceAudio.prototype.preload = function() {
     for (var name in this.SOUNDS_) {
         var sound = this.SOUNDS_[name];
         sound.volume = 0.01;
-        sound.play().catch(function() {});
-        sound.pause();
+        const playPromise = sound.play();
+        playPromise
+            ?.then(() => {
+                sound.pause();
+            })
+            .catch(() => {});
         // iOS can only process one sound at a time.  Trying to load more than one
         // corrupts the earlier ones.  Just load one and leave the others uncached.
         if (goog.userAgent.IPAD || goog.userAgent.IPHONE) {

diff --git a/src/botPage/view/logger.js b/src/botPage/view/logger.js
@@ -20,9 +20,16 @@ const notify = ({ className, message, position = 'left', sound = 'silent' }) =>
 
     $.notify(message.toString(), { position: `bottom ${position}`, className });
     if (sound !== 'silent') {
-        $(`#${sound}`)
+        const playPromise = $(`#${sound}`)
             .get(0)
             .play();
+        if (playPromise !== undefined) {
+            playPromise
+                .then(() => {
+                    sound.pause();
+                })
+                .catch(() => {});
+        }
     }
 };
 

diff --git a/static/.DS_Store b/static/.DS_Store
diff --git a/static/sound/click.mp3 b/static/sound/click.mp3
diff --git a/static/sound/click.ogg b/static/sound/click.ogg
diff --git a/static/sound/click.wav b/static/sound/click.wav
diff --git a/static/sound/delete.mp3 b/static/sound/delete.mp3
diff --git a/static/sound/delete.ogg b/static/sound/delete.ogg
diff --git a/static/sound/delete.wav b/static/sound/delete.wav
diff --git a/static/sound/disconnect.mp3 b/static/sound/disconnect.mp3
diff --git a/static/sound/disconnect.ogg b/static/sound/disconnect.ogg
diff --git a/static/sound/disconnect.wav b/static/sound/disconnect.wav