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

README.md

@@ -1,9 +1,7 @@
 # `FFProbe Wasm`
 > A Web-based FFProbe. Powered by FFmpeg, Vue and Web Assembly!
 
-https://alfg.github.io/ffprobe-wasm/
-
-⚠️ ️Compatible with Chrome and Edge only due to limited support for [SharedArrayBuffer](https://caniuse.com/sharedarraybuffer) and the [required CORS headers](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/SharedArrayBuffer) for Firefox on Github Pages.
+https://ffprobe-wasm.netlify.app/
 
 ## Development
 `ffprobe-wasm` uses [emscripten](https://emscripten.org/) to compile [FFmpeg](https://ffmpeg.org)'s [libav](https://ffmpeg.org/doxygen/4.1/index.html) to [Web Assembly](https://webassembly.org/) via [Docker](https://www.docker.com/).
@@ -42,7 +40,9 @@ npm run build
 ```
 
 ### Deploy
-Deploys to [Github Pages](https://pages.github.com/)
+Builds and deploys to `gh-pages` branch.
+
+However, I am hosting on [Netlify](https://netlify.com) to enable [SharedArrayBuffer](https://caniuse.com/sharedarraybuffer) support via the [required CORS headers](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/SharedArrayBuffer).
 ```
 npm run deploy
 ```

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: {