Support a variety of HLS formats.

Closes #197

src/components/Viewer/Player/Player.tsx

@@ -9,6 +9,7 @@ import { LabeledIIIFExternalWebResource } from "src/types/presentation-3";
 import { PlayerWrapper } from "src/components/Viewer/Player/Player.styled";
 import Track from "src/components/Viewer/Player/Track";
 import { getPaintingResource } from "src/hooks/use-iiif";
+import { hlsMimeTypes } from "src/lib/hls";
 
 // Set referrer header as a NU domain: ie. meadow.rdc-staging.library.northwestern.edu
 
@@ -51,8 +52,14 @@ const Player: React.FC<PlayerProps> = ({
     /**
      * Eject HLS attachment if file extension from
      * the IIIF content resource ID is not .m3u8
+     * and format is not one of many m3u8 formats.
      */
-    if (painting.id.split(".").pop() !== "m3u8") return;
+    if (
+      painting.id.split(".").pop() !== "m3u8" &&
+      painting.format &&
+      !hlsMimeTypes.includes(painting.format)
+    )
+      return;
 
     // Construct HLS.js config
     const config = {

src/lib/hls.ts

@@ -0,0 +1,15 @@
+export const hlsMimeTypes = [
+  // Apple santioned
+  "application/vnd.apple.mpegurl",
+  "vnd.apple.mpegurl",
+  // Apple sanctioned for backwards compatibility
+  "audio/mpegurl",
+  // Very common
+  "audio/x-mpegurl",
+  // Very common
+  "application/x-mpegurl",
+  // Included for completeness
+  "video/x-mpegurl",
+  "video/mpegurl",
+  "application/mpegurl",
+];