Fix: empty url with loadBlob

cypress/e2e/options.cy.js

@@ -597,4 +597,26 @@ describe('WaveSurfer options tests', () => {
       })
     })
   })
+
+  it('should load a blob', () => {
+    cy.window().then((win) => {
+      const wavesurfer = win.WaveSurfer.create({
+        container: id,
+        height: 100,
+      })
+
+      const blob = Cypress.Blob.base64StringToBlob(
+        'UklGRuYAAABXQVZFZm10IBAAAAABAAEAgD4AAAB9AAACABAAZGF0YQAAAAA=',
+        'audio/wav',
+      )
+
+      wavesurfer.loadBlob(
+        blob,
+        Array.from({ length: 512 }).map((_, i) => Math.sin(i / 16)),
+        10,
+      )
+
+      cy.get(id).matchImageSnapshot('loadBlob')
+    })
+  })
 })

src/player.ts

@@ -69,9 +69,9 @@ class Player<T extends GeneralEventTypes> extends EventEmitter<T> {
 
   protected setSrc(url: string, blob?: Blob) {
     const src = this.getSrc()
-    if (src === url) return
+    if (url && src === url) return
     this.revokeSrc()
-    const newSrc = blob instanceof Blob && this.canPlayType(blob.type) ? URL.createObjectURL(blob) : url
+    const newSrc = blob instanceof Blob && (this.canPlayType(blob.type) || !url) ? URL.createObjectURL(blob) : url
     this.media.src = newSrc
   }
 

src/wavesurfer.ts

@@ -472,7 +472,7 @@ class WaveSurfer extends Player<WaveSurferEvents> {
   /** Load an audio blob */
   public async loadBlob(blob: Blob, channelData?: WaveSurferOptions['peaks'], duration?: number) {
     try {
-      return await this.loadAudio('blob', blob, channelData, duration)
+      return await this.loadAudio('', blob, channelData, duration)
     } catch (err) {
       this.emit('error', err as Error)
       throw err