Switch to Netlify static host to support SharedArrayBuffer via COEP/COOP headers. Github Pages does not support these headers yet.

www/public/netlify.toml

@@ -0,0 +1,5 @@
+[[headers]]
+  for = "/*"
+    [headers.values]
+    Cross-Origin-Embedder-Policy = "require-corp"
+    Cross-Origin-Opener-Policy = "same-origin"

www/src/App.vue

@@ -13,11 +13,6 @@
     <GitHubCorner />
 
     <div id="app" class="container">
-      <b-alert variant="warning" size="sm" show>
-        Please use Google Chrome or Microsoft Edge.
-      </b-alert>
-
-      <hr />
       <File />
     </div>
 

www/src/components/File.vue

@@ -86,6 +86,7 @@ export default {
       ],
       examples: [
         { name: 'Video Counter (10min, unfragmented, AVC Baseline)', value: 'https://video-examples-public.s3.us-west-2.amazonaws.com/video_counter_10min_unfragmented_avc.mp4' },
+        { name: 'Tears of Steel 360p (00:12:14, unfragmented, AVC Baseline, 67.85 MB)', value: 'https://video-examples-public.s3.us-west-2.amazonaws.com/tears-of-steel-360p.mp4' },
       ],
       protocol: 'file',
       file: null,

www/vue.config.js

@@ -5,9 +5,6 @@ module.exports = {
       title: 'FFProbe',
     }
   },
-  publicPath: process.env.NODE_ENV === 'production'
-    ? '/ffprobe-wasm/'
-    : '/',
   configureWebpack: {
     devServer: {
       headers: {