add mimetype support

README.md

@@ -1,6 +1,6 @@
 # open-unmix-demo
 
-Standalone Source Separation Demo Player
+Standalone Source Separation Demo Player that loads pre-processed multitrack audio files.
 
 ## Project setup
 ```
@@ -16,3 +16,30 @@ npm run electron:serve
 ```
 npm run electron:build
 ```
+
+## Example config file
+
+Lets assume we a folder with subfolders for each audio tracks, separated into different sources:
+
+```
+tracks/track_1/vocals.m4a
+tracks/track_1/bass.m4a
+tracks/track_1/drums.m4a
+tracks/track_1/other.m4a
+...
+```
+
+Specifying a `config.json` file like following would be sufficient to load the files into the demo player. Note that `audiopath` is a relative path with respect to the path of the config file.
+
+```json
+{
+    "title": "Open-Unmix Demo",
+    "audiopath": "tracks",
+    "tagline": "my great separation method",
+    "tracks": [
+        { "path": "track_1", "name": "Artist - Title"},
+    ], 
+    "targets": ["bass", "drums", "other", "vocals"],
+    "extension": [".m4a"], "mimetype": "audio/mp4"
+}
+```

src/App.vue

@@ -130,9 +130,10 @@ export default {
               'customClass': target,
               'solo': false,
               'mute': false,
+              'type': this.config.mimetype,
               'file': path.join(
                 audio_root, 
-                this.selectedTrack, target + this.config.ext
+                this.selectedTrack, target + this.config.extension
               )
             }
           )

src/components/player/player.js

@@ -28,7 +28,7 @@ Player.prototype.loadTargets = function(trackurls) {
   var tracksToLoad = []
   for (let track of trackurls) {
     var buffer = fs.readFileSync(track.file)
-    var blob = new Blob([buffer]);
+    var blob = new Blob([buffer], { type: track.type });
     tracksToLoad.push(
       {
         "src": blob,
@@ -44,7 +44,7 @@ Player.prototype.loadTargets = function(trackurls) {
 
 Player.prototype.addTrack = function(track) {
   var buffer = fs.readFileSync(track.file)
-  var blob = new Blob([buffer]);
+  var blob = new Blob([buffer], { type: track.type });
 
   this.playlist.load([
     {