Run loadFileBlob and (parseBlob, addMetadata) in parallel

Author: Borewit

src/index.js

@@ -32,7 +32,7 @@
 import AudioMotionAnalyzer from 'audiomotion-analyzer';
 import packageJson from '../package.json';
 import * as fileExplorer from './file-explorer.js';
-import {parseBlob, parseBuffer, parseWebStream} from 'music-metadata';
+import {parseBlob, parseWebStream} from 'music-metadata';
 import './scrollIntoViewIfNeeded-polyfill.js';
 import { get, set, del } from 'idb-keyval';
 
@@ -2130,10 +2130,13 @@ async function loadLocalFile( obj ) {
 		audioEl.dataset.title = parsePath( fileBlob.name ).baseName;
 
 		try {
-			await loadFileBlob( fileBlob, audioEl, true );
-			// Maybe do this parallel?
+			// Start both tasks, but only await parseBlob immediately
+			const loadTask = loadFileBlob(fileBlob, audioEl, true);
 			const metadata = await parseBlob( fileBlob );
-			await addMetadata( metadata, audioEl );
+			await addMetadata(metadata, audioEl);
+
+			// Wait for loadTask to complete
+			await loadTask;
 		} catch( error ) {
 			consoleLog("Failed to load local file", error);
 		}