fix(Record): clear media element source when no URL is provided (#4113)

Author: matemolnar8

src/player.ts

@@ -75,7 +75,7 @@ class Player<T extends GeneralEventTypes> extends EventEmitter<T> {
 
     // Reset the media element, otherwise it keeps the previous source
     if (src) {
-      this.media.src = ''
+      this.media.removeAttribute('src')
     }
 
     try {
@@ -90,7 +90,7 @@ class Player<T extends GeneralEventTypes> extends EventEmitter<T> {
     this.media.pause()
     this.media.remove()
     this.revokeSrc()
-    this.media.src = ''
+    this.media.removeAttribute('src')
     // Load resets the media element to its initial state
     this.media.load()
   }

src/wavesurfer.ts

@@ -451,8 +451,13 @@ class WaveSurfer extends Player<WaveSurferEvents> {
       }
     }
 
-    // Set the mediaelement source
-    this.setSrc(url, blob)
+    if (url == '') {
+      // If no URL is provided, clear the mediaelement source
+      this.getMediaElement().removeAttribute('src')
+    } else {
+      // Set the mediaelement source
+      this.setSrc(url, blob)
+    }
 
     // Wait for the audio duration
     const audioDuration = await new Promise<number>((resolve) => {