udpate hls config

SELFHOSTING.md

@@ -1,41 +0,0 @@
-# Self-hosting tutorial
-
-> **Note**
-> We **do not** provide support on how to self-host. If you can't figure it out then tough luck. Please do not make GitHub issues or ask in our Discord server for support on how to self-host.
-
-So you would like to self-host. This app is made of two parts:
- - The proxy
- - The client
-
-## Hosting the proxy
-
-The proxy is made as a Cloudflare worker. Cloudflare has a generous free plan, so you don't need to pay anything unless you get hundreds of users.
-
-1. Create a Cloudflare account at [https://dash.cloudflare.com](https://dash.cloudflare.com).
-2. Navigate to `Workers`.
-3. If it asks you, choose a subdomain.
-4. If it asks for a workers plan, press "Continue with free".
-5. Create a new service with a name of your choice. Must be type `HTTP handler`.
-6. On the service page, Click `Quick edit`.
-7. Remove the template code in the quick edit window.
-7. Download the `worker.js` file from the latest release of the proxy: [https://github.com/movie-web/simple-proxy/releases/latest](https://github.com/movie-web/simple-proxy/releases/latest).
-8. Open the downloaded `worker.js` file in Notepad, Visual Studio Code or similar.
-9. Copy the text contents of the `worker.js` file.
-10. Paste the text contents into the edit screen of the Cloudflare service worker.
-11. Click `Save and deploy` and confirm.
-
-Your proxy is now hosted on Cloudflare. Note the url of your worker as you will need it later.
-
-## Hosting the client
-
-1. Download the file `movie-web.zip` from the latest release: [https://github.com/movie-web/movie-web/releases/latest](https://github.com/movie-web/movie-web/releases/latest).
-2. Extract the zip file so you can edit the files.
-3. Open `config.js` in Notepad, Visual Studio Code or similar.
-4. Put your Cloudflare proxy URL in-between the double quotes of `VITE_CORS_PROXY_URL: ""`. Make sure to not have a slash at the end of your URL.
-
-   Example (THIS IS AN EXAMPLE, IT WON'T WORK FOR YOU): `VITE_CORS_PROXY_URL: "https://test-proxy.test.workers.dev"`
-5. Put your TMDB read access token inside the quotes of `VITE_TMDB_READ_API_KEY: ""`. You can generate it for free at [https://www.themoviedb.org/settings/api](https://www.themoviedb.org/settings/api).
-6. Save the file
-
-Your client has now been prepared, you can now host it with any static website hosting (Common ones include [GitHub Pages](https://pages.github.com/), [Netlify](https://www.netlify.com/) and [Vercel](https://vercel.com/) but any will work!).
-It doesn't require PHP, it's just a standard static page.

src/components/player/display/base.ts

@@ -97,7 +97,25 @@ export function makeVideoElementDisplayInterface(): DisplayInterface {
       if (!Hls.isSupported()) throw new Error("HLS not supported");
 
       if (!hls) {
-        hls = new Hls({ enableWorker: false });
+        hls = new Hls({
+          maxBufferSize: 500 * 1000 * 1000, // 500 mb of buffering, should load more fragments at once
+          fragLoadPolicy: {
+            default: {
+              maxLoadTimeMs: 30 * 1000, // allow it load extra long, fragments are slow if requested for the first time on an origin
+              maxTimeToFirstByteMs: 30 * 1000,
+              errorRetry: {
+                maxNumRetry: 2,
+                retryDelayMs: 1000,
+                maxRetryDelayMs: 8000,
+              },
+              timeoutRetry: {
+                maxNumRetry: 3,
+                maxRetryDelayMs: 0,
+                retryDelayMs: 0,
+              },
+            },
+          },
+        });
         hls.on(Hls.Events.ERROR, (event, data) => {
           console.error("HLS error", data);
           if (data.fatal) {

v4-todo.md

@@ -1,26 +0,0 @@
-player itself:
-- [x] BUG Pause should keep controls visible
-- [x] BUG Touch on bottoms shouldn't toggle UI
-- [x] BUG unpause when controls hover
-- [ ] keyboard controls
-  - [ ] fullscreen
-  - [ ] barrel roll
-  - [ ] volume up/down
-  - [ ] skip forward/backward
-  - [ ] pause
-- [ ] volume ui
-- [x] header (back, title, logo)
-- [ ] touch middle controls (forward, backward, pause)
-- [ ] bookmark in header
-- [ ] airplay
-- [ ] responsiveness
-- [ ] chromecast
-- [ ] thumbnails
-- [x] hover darken overlay (20% black)
-- [ ] autoplay not working
-- [ ] play button in middle if cant autoplay
-
-player views:
-- [ ] scraping view
-- [ ] episode menu
-- [ ] settings menu