Merge pull request #7937 from bjester/ensure-correct-audio-type

Ensure mp3 type is audio/mpeg in media player

kolibri/plugins/media_player/assets/src/views/MediaPlayerIndex.vue

@@ -57,7 +57,7 @@
           <source
             :key="audio.storage_url"
             :src="audio.storage_url"
-            :type="`audio/${audio.extension}`"
+            :type="audioSourceType(audio.extension)"
           >
         </template>
       </audio>
@@ -154,6 +154,18 @@
           trackFileExtensions.some(ext => ext === file.extension)
         );
       },
+      audioSourceType() {
+        return function(extension) {
+          switch (extension) {
+            case 'mp3':
+              // the correct type for mp3
+              return 'audio/mpeg';
+            default:
+              // generally speaking, this should work for others
+              return `audio/${extension}`;
+          }
+        };
+      },
       isVideo() {
         return this.videoSources.length;
       },