fix: Dockerfile to reduce vulnerabilities

The following vulnerabilities are fixed with an upgrade: - https://snyk.io/vuln/SNYK-ALPINE316-OPENSSL-3368756 - https://snyk.io/vuln/SNYK-ALPINE316-OPENSSL-3368756 - https://snyk.io/vuln/SNYK-ALPINE316-OPENSSL-5291792 - https://snyk.io/vuln/SNYK-ALPINE316-OPENSSL-5291792
2023-03-30 17:07:24 +00:00
203 changed files with 42531 additions and 59167 deletions
--- a/.dockerignore
+++ b/.dockerignore
@ -10,4 +10,3 @@ node_modules/
 .github
 .github_build
 .build
-NONPUBLIC/
--- a/.eslintignore
+++ b/.eslintignore
@ -1 +0,0 @@
-src/locales/*/messages.js
--- a/.github/workflows/build_restreamer-ui.yaml
+++ b/.github/workflows/build_restreamer-ui.yaml
@ -1,88 +1,63 @@
-name: 'Build main restreamer-ui'
+name: 'Build restreamer-ui'

 on:
-    workflow_dispatch:
+  workflow_dispatch:
+  push:
+    branches-ignore:
+      - '**'

 jobs:
-    build-frontend:
-        runs-on: ubuntu-latest
-        outputs:
-            version: ${{ steps.latestversion.outputs.version }}
-        steps:
-            - name: Checkout
-              uses: actions/checkout@v4
+  docker:
+    runs-on: [self-hosted]
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2

-            - name: Get latest version from package.json
-              id: latestversion
-              run: |
-                  echo "version=$(cat ./package.json | jq '.version' | sed 's/\"//g')" >> "$GITHUB_OUTPUT"
+      - uses: cardinalby/export-env-action@v1
+        with:
+          envFile: '.github_build/Build.restreamer-ui.env'
+          export: 'true'
+          expandWithJobEnv: 'true'
+          expand: 'true'

-            - name: Set up Node.js
-              uses: actions/setup-node@v4
-              with:
-                  node-version: '21'
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@master
+        with:
+          platforms: all

-            - name: Build React App
-              run: |
-                  yarn install
-                  yarn build
-              env:
-                  PUBLIC_URL: './'
+      - name: Set up Docker Buildx
+        id: buildx
+        uses: docker/setup-buildx-action@master

-            - name: Upload React build as artifact
-              uses: actions/upload-artifact@v4
-              with:
-                  name: restreamerui-main-build
-                  path: build/
+      - name: Cache Docker layers
+        uses: actions/cache@v2
+        with:
+          path: /tmp/.buildx-cache
+          key: ${{ runner.os }}-buildx-${{ github.sha }}
+          restore-keys: |
+            ${{ runner.os }}-buildx-

-    build-docker:
-        needs: build-frontend
-        runs-on: [self-hosted]
-        steps:
-            - name: Checkout
-              uses: actions/checkout@v4
+      - name: Login to DockerHub
+        if: github.event_name != 'pull_request'
+        uses: docker/login-action@v1
+        with:
+          username: ${{ secrets.DOCKER_USERNAME }}
+          password: ${{ secrets.DOCKER_PASSWORD }}

-            - name: Download React build artifact
-              uses: actions/download-artifact@v4
-              with:
-                  name: restreamerui-main-build
-                  path: build
-
-            - name: Docker meta
-              id: meta
-              uses: docker/metadata-action@v5
-              with:
-                  images: |
-                      datarhei/restreamer-ui
-                  tags: |
-                      type=raw,value=latest
-                      type=raw,value=${{ needs.build-frontend.outputs.version }}
-
-            - name: Set up QEMU
-              uses: docker/setup-qemu-action@master
-              with:
-                  platforms: all
-
-            - name: Set up Docker Buildx
-              id: buildx
-              uses: docker/setup-buildx-action@master
-
-            - name: Login to DockerHub
-              if: github.event_name != 'pull_request'
-              uses: docker/login-action@v3
-              with:
-                  username: ${{ secrets.DOCKER_USERNAME }}
-                  password: ${{ secrets.DOCKER_PASSWORD }}
-
-            - name: Build and Push Docker Image
-              uses: docker/build-push-action@v5
-              with:
-                  builder: ${{ steps.buildx.outputs.name }}
-                  context: .
-                  file: ./Dockerfile.workflow
-                  build-args: |
-                      CADDY_IMAGE=caddy:2.7.6-alpine
-                  platforms: linux/amd64,linux/arm64,linux/arm/v7
-                  push: true
-                  tags: ${{ steps.meta.outputs.tags }}
-                  labels: ${{ steps.meta.outputs.labels }}
+      - name: Build Multi-Arch
+        uses: docker/build-push-action@v2
+        with:
+          builder: ${{ steps.buildx.outputs.name }}
+          context: .
+          file: ./Dockerfile
+          build-args: |
+            PUBLIC_URL=./
+            NODE_IMAGE=${{ env.NODE_IMAGE }}
+            CADDY_IMAGE=${{ env.CADDY_IMAGE }}
+          platforms: linux/amd64,linux/arm64,linux/arm/v7
+          push: true
+          tags: |
+            datarhei/restreamer-ui:${{ env.RELEASE }}
+            datarhei/restreamer-ui:latest
+          cache-from: type=local,src=/tmp/.buildx-cache
+          cache-to: type=local,dest=/tmp/.buildx-cache-new
--- a/.github/workflows/build_restreamer-ui_dev.yaml
+++ b/.github/workflows/build_restreamer-ui_dev.yaml
@ -1,88 +0,0 @@
-name: 'Build dev restreamer-ui'
-
-on:
-    workflow_dispatch:
-    workflow_call:
-    schedule:
-        - cron: '37 4 * * *'
-    push:
-        branches:
-            - dev
-
-jobs:
-    build-frontend:
-        runs-on: ubuntu-latest
-        steps:
-            - name: Checkout
-              uses: actions/checkout@v4
-              with:
-                  ref: dev
-
-            - name: Set up Node.js
-              uses: actions/setup-node@v4
-              with:
-                  node-version: '21'
-
-            - name: Build React App
-              run: |
-                  yarn install
-                  yarn build
-              env:
-                  PUBLIC_URL: './'
-
-            - name: Upload React build as artifact
-              uses: actions/upload-artifact@v4
-              with:
-                  name: restreamerui-dev-build
-                  path: build/
-
-    build-docker:
-        needs: build-frontend
-        runs-on: [self-hosted]
-        steps:
-            - name: Checkout
-              uses: actions/checkout@v4
-
-            - name: Download React build artifact
-              uses: actions/download-artifact@v4
-              with:
-                  name: restreamerui-dev-build
-                  path: build
-
-            - name: Docker meta
-              id: meta
-              uses: docker/metadata-action@v5
-              with:
-                  images: |
-                      datarhei/restreamer-ui
-                  tags: |
-                      type=raw,value=dev
-
-            - name: Set up QEMU
-              uses: docker/setup-qemu-action@master
-              with:
-                  platforms: all
-
-            - name: Set up Docker Buildx
-              id: buildx
-              uses: docker/setup-buildx-action@master
-
-            - name: Login to DockerHub
-              if: github.event_name != 'pull_request'
-              uses: docker/login-action@v3
-              with:
-                  username: ${{ secrets.DOCKER_USERNAME }}
-                  password: ${{ secrets.DOCKER_PASSWORD }}
-
-            - name: Build and Push Docker Image
-              uses: docker/build-push-action@v5
-              with:
-                  builder: ${{ steps.buildx.outputs.name }}
-                  context: .
-                  file: ./Dockerfile.workflow
-                  build-args: |
-                      CADDY_IMAGE=caddy:2.7.6-alpine
-                  platforms: linux/amd64,linux/arm64,linux/arm/v7
-                  push: true
-                  tags: ${{ steps.meta.outputs.tags }}
-                  labels: ${{ steps.meta.outputs.labels }}
--- a/.github/workflows/build_restreamer_dev.yaml
+++ b/.github/workflows/build_restreamer_dev.yaml
@ -0,0 +1,73 @@
+name: 'Build datarhei/restreamer-ui:dev'
+
+on:
+  workflow_dispatch:
+  workflow_call:
+  push:
+    branches:
+      - dev
+
+jobs:
+  docker:
+    runs-on: [self-hosted]
+    strategy:
+      matrix:
+        branch:
+          - dev
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+        with:
+          ref: ${{ matrix.branch }}
+
+      - uses: actions-ecosystem/action-get-latest-tag@v1
+        id: get-latest-tag
+        with:
+          semver_only: true
+
+      - name: Docker meta
+        id: meta
+        uses: docker/metadata-action@v4
+        with:
+          images: |
+            datarhei/restreamer-ui
+          tags: |
+            type=raw,value=dev,enable=${{ matrix.branch == 'dev' }}
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@master
+        with:
+          platforms: all
+
+      - name: Set up Docker Buildx
+        id: buildx
+        uses: docker/setup-buildx-action@master
+
+      - name: Cache Docker layers
+        uses: actions/cache@v2
+        with:
+          path: /tmp/.buildx-cache
+          key: ${{ runner.os }}-buildx-${{ github.sha }}
+          restore-keys: |
+            ${{ runner.os }}-buildx-
+      - name: Login to DockerHub
+        if: github.event_name != 'pull_request'
+        uses: docker/login-action@v1
+        with:
+          username: ${{ secrets.DOCKER_USERNAME }}
+          password: ${{ secrets.DOCKER_PASSWORD }}
+
+      - name: Build Multi-Arch
+        uses: docker/build-push-action@v2
+        with:
+          builder: ${{ steps.buildx.outputs.name }}
+          context: .
+          file: ./Dockerfile
+          build-args: |
+            PUBLIC_URL=/ui
+          platforms: linux/amd64,linux/arm64,linux/arm/v7
+          push: true
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}
+          cache-from: type=local,src=/tmp/.buildx-cache
+          cache-to: type=local,dest=/tmp/.buildx-cache-new
--- a/.github_build/Build.restreamer-ui.env
+++ b/.github_build/Build.restreamer-ui.env
@ -0,0 +1,4 @@
+# RESTREAMER UI
+RELEASE=1.6.0
+NODE_IMAGE=node:19.1-alpine3.16
+CADDY_IMAGE=caddy:2.6.2-alpine
--- a/.gitignore
+++ b/.gitignore
@ -1,7 +1,6 @@
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

 # dependencies
-/NONPUBLIC
 /node_modules
 /.pnp
 .pnp.js
@ -13,7 +12,6 @@
 /build

 # misc
-NONPUBLIC
 .DS_Store
 .VSCodeCounter
 .env.local
--- a/.linguirc
+++ b/.linguirc
@ -22,11 +22,9 @@
      "it",
      "ko",
      "pl",
-      "pt-br",
+      "pt",
      "ru",
      "sl",
-      "tr",
-      "uk",
-      "zh-hans"
+      "tr"
   ]
 }
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -1,88 +1,5 @@
 # Restreamer-UI

-## v1.13.0 > v1.14.0
-
-   Add wettercom service
-   Add option to select which channels will be displayed on the playersite ([#392](https://github.com/datarhei/restreamer/issues/392), [#800](https://github.com/datarhei/restreamer/issues/800))
-   Mod updates public videojs >v8
-   Fix erroneous filter setting
-   Fix encoded address
-   Fix double -filter parameter when encoder sets filter
-   Fix Docker build ([#64](https://github.com/datarhei/restreamer-ui/issues/64))
-
-## v1.12.0 > v1.13.0
-
-   Add to allow stream hints in case probing fails
-   Mod enables ff-loglevel and prepares the logging component
-   Mod uses official Instagram-RTMP target
-   Mod Remove unused imports
-   Mod Update translations
-   Mod updates dep.
-   Fix player position
-   Fix missing stream URL, summarize streams in probe log, don't lock type for first stream
-
-## v1.11.0 > v1.12.0
-
-   Add option to select different SRT stream in wizard
-   Add option to select different RTMP stream in wizard
-   Fix selecting other than first audio stream ([#710](https://github.com/datarhei/restreamer/issues/710))
-   Fix reset of previous audio settings when editing profile ([#730](https://github.com/datarhei/restreamer/issues/730))
-   Fix RTMP URL for receive mode
-
-## v1.10.0 > v1.11.0
-
-   Add allow to stream HEVC and AV1 to Youtube via RTMP
-   Add librav1e AV1 encoder
-   Add support for AV1 CUDA decoding ([PR 46](https://github.com/datarhei/restreamer-ui/pull/46))
-   Add FFmpeg 6 support
-   Add HEVC VideoToolbox encoder
-   Fix anonymize error message ([#688](https://github.com/datarhei/restreamer/issues/688))
-   Fix chromecast config ([#37](https://github.com/datarhei/restreamer-ui/issues/37))
-
-## v1.9.0 > v1.10.0
-
-   Add resource usage and ffmpeg command to process details
-   Add audio loop source
-   Add to allow to select from already publishing RTMP and SRT streams
-   Fix wrongly displayed SRT URL ([#635](https://github.com/datarhei/restreamer/issues/635))
-   Fix RTMPS address with custom ports ([#658](https://github.com/datarhei/restreamer/issues/658))
-   Fix allow RTSPS protocol ([#677](https://github.com/datarhei/restreamer/issues/677))
-
-## v1.8.0 > v1.9.0
-
-   Add enlarged channel overview
-   Add new publication services: Dailymotion, Livepush, kick.com, NimoTV, PicartoTV, Rumble
-   Add frame interpolation (framerate) filter (thanks to orryverducci)
-   Add -referer option for pulling HTTP streams ([PR 40](https://github.com/datarhei/restreamer-ui/pull/40), thanks to mdastgheib)
-   Add a/v filter to the publication components ([#593](https://github.com/datarhei/restreamer-ui/issues/593))
-   Add video or image loop as input ([#528](https://github.com/datarhei/restreamer/discussions/528))
-   Add option for custom poster image in player ([#632](https://github.com/datarhei/restreamer/issues/632))
-   Add option to allow to set limits for ingest and egress processes ([#636](https://github.com/datarhei/restreamer/issues/636))
-   Mod extends twitch's server list
-   Mod uses placeholders for ingress setups ([#560](https://github.com/datarhei/restreamer-ui/issues/560))
-   Mod updates npm
-   Fix Owncast typo
-   Fix Restream grid
-   Fix the advanced settings in the MPEG-TS publication service ([#597](https://github.com/datarhei/restreamer/issues/597), thanks to orryverducci)
-   Fix ALSA demuxer option names
-   Fix index out-of-range warning, list ALSA devices for Raspicam video source
-   Fix MUI warning
-   Fix videojs skin
-
-## v1.7.0 > v1.8.0
-
-   Add stream key field and protocol detection to RTMP publication service
-   Add Chinese (simplified) translation (thanks to Huyg0180110559)
-   Add Ukrainian translation (thanks to Yurii Denys)
-   Fix empty force_key_frames value
-   Fix Icecast publication service
-   Fix imprint, terms and credit without share ([#525](https://github.com/datarhei/restreamer/issues/529))
-   Fix proxy error on the playersite ([#525](https://github.com/datarhei/restreamer/issues/525))
-   Fix saving RTMP advanced options ([#518](https://github.com/datarhei/restreamer/issues/518))
-   Fix help buttons for other languages than English and German ([#24](https://github.com/datarhei/restreamer-ui/issues/24))
-   Fix internal player skin (volume bar)
-   Fix security hints (npm dep.)
-
 ## v1.6.0 > v1.7.0

 -   Add analyzeduration, probesize and max_probe_packets input options
--- a/17
+++ b/17
@ -1,17 +1,22 @@
-ARG NODE_IMAGE=node:21-alpine3.20
-ARG CADDY_IMAGE=caddy:2.8.4-alpine
+ARG NODE_IMAGE=node:19.6-alpine3.16
+ARG CADDY_IMAGE=caddy:2.6.4-alpine

-FROM $NODE_IMAGE AS builder
+FROM $NODE_IMAGE as builder

-ENV PUBLIC_URL="./"
+ARG NODE_SPACE_SIZE=10240
+ENV NODE_OPTIONS="--openssl-legacy-provider --max-old-space-size=$NODE_SPACE_SIZE"
+
+ENV PUBLIC_URL "./"

 COPY . /ui

 WORKDIR /ui

 RUN cd /ui && \
-	yarn install && \
-	yarn build
+	yarn set version berry && \
+	yarn config set httpTimeout 600000 && \
+ 	yarn install && \
+ 	yarn run build

 FROM $CADDY_IMAGE

--- a/Dockerfile.workflow
+++ b/Dockerfile.workflow
@ -1,13 +0,0 @@
-ARG CADDY_IMAGE=caddy:2.7.5-alpine
-FROM $CADDY_IMAGE
-
-COPY build /ui/build
-COPY Caddyfile /ui/Caddyfile
-
-ENV PUBLIC_URL="./"
-
-WORKDIR /ui
-
-EXPOSE 3000
-
-CMD [ "caddy", "run", "--config", "/ui/Caddyfile" ]
--- a/package.json
+++ b/package.json
@ -1,58 +1,55 @@
 {
 	"name": "restreamer-ui",
-	"version": "1.14.0",
-	"bundle": "restreamer-v2.12.0",
+	"version": "1.7.0",
+	"bundle": "restreamer-v2.5.0",
 	"private": false,
 	"license": "Apache-2.0",
 	"dependencies": {
-		"@auth0/auth0-spa-js": "^2.1.3",
-		"@babel/plugin-syntax-flow": "^7.24.7",
-		"@babel/plugin-transform-react-jsx": "^7.25.2",
-		"@emotion/react": "^11.13.3",
-		"@emotion/styled": "^11.13.0",
-		"@fontsource/dosis": "^5.0.21",
-		"@fontsource/roboto": "^5.0.14",
-		"@fortawesome/fontawesome-svg-core": "^6.6.0",
-		"@fortawesome/free-brands-svg-icons": "^6.6.0",
-		"@fortawesome/free-solid-svg-icons": "^6.6.0",
-		"@fortawesome/react-fontawesome": "^0.2.2",
-		"@lingui/core": "^4.11.4",
-		"@lingui/macro": "^4.11.4",
-		"@lingui/react": "^4.11.4",
-		"@mui/icons-material": "^6.0.1",
-		"@mui/lab": "^6.0.0-beta.8",
-		"@mui/material": "^6.0.1",
-		"@mui/styles": "^6.0.1",
-		"@testing-library/dom": "^10.4.0",
-		"@testing-library/jest-dom": "^6.5.0",
-		"@testing-library/react": "^16.0.1",
-		"@testing-library/user-event": "^14.5.2",
-		"@types/react": "^18.3.5",
+		"@auth0/auth0-spa-js": "^2.0.4",
+		"@babel/plugin-syntax-flow": "^7.18.6",
+		"@babel/plugin-transform-react-jsx": "^7.21.0",
+		"@emotion/react": "^11.10.6",
+		"@emotion/styled": "^11.10.6",
+		"@fontsource/dosis": "^4.5.11",
+		"@fontsource/roboto": "^4.5.8",
+		"@fortawesome/fontawesome-svg-core": "^6.3.0",
+		"@fortawesome/free-brands-svg-icons": "^6.3.0",
+		"@fortawesome/free-solid-svg-icons": "^6.3.0",
+		"@fortawesome/react-fontawesome": "^0.2.0",
+		"@lingui/core": "^3.17.1",
+		"@lingui/macro": "^3.17.2",
+		"@lingui/react": "^3.17.1",
+		"@mui/icons-material": "^5.11.9",
+		"@mui/lab": "^5.0.0-alpha.120",
+		"@mui/material": "^5.11.10",
+		"@mui/styles": "^5.11.9",
+		"@testing-library/dom": "^9.0.0",
+		"@testing-library/jest-dom": "^5.16.5",
+		"@testing-library/react": "^14.0.0",
+		"@testing-library/user-event": "^14.4.3",
+		"@types/react": "^18.0.28",
 		"babel-plugin-macros": "^3.1.0",
-		"eslint": "^9.9.1",
-		"handlebars": "^4.7.8",
-		"jwt-decode": "^4.0.0",
-		"make-plural": "^7.4.0",
-		"react": "^18.3.1",
+		"eslint": "^8.34.0",
+		"handlebars": "^4.7.7",
+		"jwt-decode": "^3.1.2",
+		"make-plural": "^7.2.0",
+		"react": "^18.2.0",
 		"react-colorful": "^5.6.1",
 		"react-device-detect": "^2.2.3",
-		"react-dom": "^18.3.1",
-		"react-markdown": "^9.0.1",
-		"react-router-dom": "^6.26.1",
-		"react-scripts": "^5.0.1",
-		"semver": "^7.6.3",
-		"serve": "^14.2.3",
-		"typescript": "^5.5.4",
+		"react-dom": "^18.2.0",
+		"react-markdown": "^8.0.5",
+		"react-router-dom": "^6.8.1",
+		"react-scripts": "5.0.1",
+		"semver": "^7.3.8",
+		"typescript": "^4.9.5",
 		"url-parse": "^1.5.10",
-		"util": "^0.12.5",
-		"uuid": "^10.0.0",
-		"video.js": "^8.17.3",
-		"videojs-overlay": "^3.1.0"
+		"uuid": "^9.0.0",
+		"video.js": "^8.1.0",
+		"videojs-overlay": "^3.0.0"
 	},
 	"scripts": {
 		"start": "react-scripts start",
 		"build": "react-scripts --optimize-for-size build",
-		"start-build": "serve -s build",
 		"test": "react-scripts test",
 		"test-ci": "react-scripts test --watchAll=false --testTimeout 50000",
 		"test-coverage": "react-scripts test --watchAll=false --testTimeout 50000 --coverage",
@ -86,13 +83,12 @@
 		]
 	},
 	"devDependencies": {
-		"@babel/core": "^7.25.2",
-		"@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-		"@lingui/cli": "^4.11.4",
-		"babel-core": "^6.26.3",
+		"@babel/core": "^7.21.0",
+		"@lingui/cli": "^3.17.1",
+		"babel-core": "^7.0.0-bridge.0",
 		"eslint-config-react-app": "^7.0.1",
-		"prettier": "^3.3.3",
+		"prettier": "^2.8.4",
 		"react-error-overlay": "^6.0.11"
 	},
 	"resolutions": {}
-}
+}
--- a/public/_player/videojs/dist/video-js-skin.css
+++ b/public/_player/videojs/dist/video-js-skin.css
@ -95,7 +95,7 @@
 /* volume-panel */

 .vjs-public .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
-    padding-top: .9em;
+    padding-top: 1em;
 }

 .vjs-public .vjs-control .vjs-volume-panel {
@ -110,8 +110,8 @@

 /* disable caps */

-.vjs-public .vjs-subs-caps-button {
-	display: none!important;
+.vjs-internal .vjs-subs-caps-button {
+	display: none;
 }

 /* spacer */
@ -123,37 +123,29 @@

 /* overlay */

-.vjs-public .vjs-overlay-no-background {
-	max-width: 25%!important;
-}
-
 .vjs-public .vjs-overlay-no-background > img, .vjs-public .vjs-overlay-no-background > a > img {
 	max-width: 100%!important;
-    height: auto!important;
+	max-height: calc(18vw);
 }

 .vjs-public .vjs-overlay-top-left {
-	top: 15px!important;
-    left: 20px!important;
-    text-align: right;
+	top: 20px!important;
+    left: 30px!important;
 }

 .vjs-public .vjs-overlay-top-right {
-	top: 15px!important;
-    right: 20px!important;
-    text-align: right;
+	top: 20px!important;
+    right: 30px!important;
 }

 .vjs-public .vjs-overlay-bottom-left {
-	bottom: 15px!important;
-    left: 20px!important;
-    text-align: left;
+	bottom: 20px!important;
+    left: 30px!important;
 }

 .vjs-public .vjs-overlay-bottom-right {
-	bottom: 15px!important;
-    right: 20px!important;
-    text-align: left;
+	bottom: 20px!important;
+    right: 30px!important;
 }

 /* context menu */
@ -170,3 +162,4 @@
 .vjs-public .vjs-lock-open {
    z-index: 1000;
 }
+
--- a/public/_player/videojs/dist/video-js-skin.min.css
+++ b/public/_player/videojs/dist/video-js-skin.min.css
@ -1 +1 @@
-.vjs-public{--video-js--primary:#EAEA05}.vjs-public .vjs-big-play-button{width:70px;height:70px;background:none;line-height:180px;font-size:180px;border:0;top:50%;left:50%;margin-top:-90px;margin-left:-90px;color:rgba(255,255,255,.65)}.vjs-public:hover .vjs-big-play-button,.vjs-public.vjs-big-play-button:focus{background-color:transparent;color:rgba(255,255,255,1)}.vjs-public .vjs-control-bar{height:70px;padding-top:20px;background:none;background-image:linear-gradient(0,rgba(0,0,0,.85),transparent)}.vjs-public .vjs-time-tooltip{z-index:0}.vjs-public .vjs-button>.vjs-icon-placeholder:before{line-height:50px}.vjs-public .vjs-play-progress:before{display:none}.vjs-public .vjs-progress-control{position:absolute;top:0;right:0;left:15px;width:calc(100% - 30px);height:20px}.vjs-public .vjs-progress-control .vjs-progress-holder{position:absolute;top:20px;right:0;left:0;width:100%;margin:0}.vjs-public .vjs-play-progress{background-color:var(--video-js--primary)}.vjs-public .vjs-slider{background:rgba(255,255,255,.25)}.vjs-public .vjs-load-progress{background:rgba(255,255,255,.25)}.vjs-public .vjs-load-progress div{background:rgba(255,255,255,.25)}.vjs-public .vjs-remaining-time{order:0;line-height:50px;flex:3;text-align:left}.vjs-public .vjs-live-control{line-height:50px}.vjs-public .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{padding-top:.9em}.vjs-public .vjs-control .vjs-volume-panel{width:4.5em}.vjs-public .vjs-live-display{margin-left:1.8em}.vjs-public .vjs-subs-caps-button{display:none!important}.vjs-public .vjs-custom-control-spacer{display:block;width:100%}.vjs-public .vjs-overlay-no-background{max-width:25%!important}.vjs-public .vjs-overlay-no-background>img,.vjs-public .vjs-overlay-no-background>a>img{max-width:100%!important;height:auto!important}.vjs-public .vjs-overlay-top-left{top:15px!important;left:20px!important;text-align:right}.vjs-public .vjs-overlay-top-right{top:15px!important;right:20px!important;text-align:right}.vjs-public .vjs-overlay-bottom-left{bottom:15px!important;left:20px!important;text-align:left}.vjs-public .vjs-overlay-bottom-right{bottom:15px!important;right:20px!important;text-align:left}.vjs-public .vjs-license .vjs-menu .vjs-menu-content{background:rgba(0,0,0,.8)}.vjs-public .vjs-license-top-level-header{background:unset!important;border-bottom:1px solid rgba(255,255,255,.25)}.vjs-public .vjs-lock-open{z-index:1000}
+.vjs-public{--video-js--primary:#EAEA05}.vjs-public .vjs-big-play-button{width:70px;height:70px;background:0 0;line-height:180px;font-size:180px;border:none;top:50%;left:50%;margin-top:-90px;margin-left:-90px;color:rgba(255,255,255,.65)}.vjs-public.vjs-big-play-button:focus,.vjs-public:hover .vjs-big-play-button{background-color:transparent;color:rgba(255,255,255,1)}.vjs-public .vjs-control-bar{height:70px;padding-top:20px;background:0 0;background-image:linear-gradient(0deg,rgba(0,0,0,.85),transparent)}.vjs-public .vjs-time-tooltip{z-index:0}.vjs-public .vjs-button>.vjs-icon-placeholder:before{line-height:50px}.vjs-public .vjs-play-progress:before{display:none}.vjs-public .vjs-progress-control{position:absolute;top:0;right:0;left:15px;width:calc(100% - 30px);height:20px}.vjs-public .vjs-progress-control .vjs-progress-holder{position:absolute;top:20px;right:0;left:0;width:100%;margin:0}.vjs-public .vjs-play-progress{background-color:var(--video-js--primary)}.vjs-public .vjs-slider{background:rgba(255,255,255,.25)}.vjs-public .vjs-load-progress{background:rgba(255,255,255,.25)}.vjs-public .vjs-load-progress div{background:rgba(255,255,255,.25)}.vjs-public .vjs-remaining-time{order:0;line-height:50px;flex:3;text-align:left}.vjs-public .vjs-live-control{line-height:50px}.vjs-public .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{padding-top:1em}.vjs-public .vjs-control .vjs-volume-panel{width:4.5em}.vjs-public .vjs-live-display{margin-left:1.8em}.vjs-internal .vjs-subs-caps-button{display:none}.vjs-public .vjs-custom-control-spacer{display:block;width:100%}.vjs-public .vjs-overlay-no-background>a>img,.vjs-public .vjs-overlay-no-background>img{max-width:100%!important;max-height:calc(18vw)}.vjs-public .vjs-overlay-top-left{top:20px!important;left:30px!important}.vjs-public .vjs-overlay-top-right{top:20px!important;right:30px!important}.vjs-public .vjs-overlay-bottom-left{bottom:20px!important;left:30px!important}.vjs-public .vjs-overlay-bottom-right{bottom:20px!important;right:30px!important}.vjs-public .vjs-license .vjs-menu .vjs-menu-content{background:rgba(0,0,0,.8)}.vjs-public .vjs-license-top-level-header{background:unset!important;border-bottom:1px solid rgba(255,255,255,.25)}.vjs-public .vjs-lock-open{z-index:1000}
--- a/public/_player/videojs/dist/video-js.css
+++ b/public/_player/videojs/dist/video-js.css
--- a/public/_player/videojs/dist/video-js.min.css
+++ b/public/_player/videojs/dist/video-js.min.css
--- a/public/_player/videojs/dist/video.js
+++ b/public/_player/videojs/dist/video.js
--- a/public/_player/videojs/dist/video.min.js
+++ b/public/_player/videojs/dist/video.min.js
--- a/public/_player/videojs/dist/videojs-airplay.css
+++ b/public/_player/videojs/dist/videojs-airplay.css
@ -1 +0,0 @@
-.vjs-airplay-button .vjs-icon-placeholder{background:url("ic_airplay_white_24px.svg") center center no-repeat;background-size:contain;display:inline-block;width:12px;height:12px}.vjs-airplay-button:hover{cursor:pointer}.vjs-airplay-button:hover .vjs-icon-placeholder{background-image:url("ic_airplay_white_24px.svg")}.vjs-airplay-button.vjs-airplay-button-lg:not(.vjs-hidden){display:flex;align-items:center;width:auto;padding:0 4px}.vjs-airplay-button.vjs-airplay-button-lg:not(.vjs-hidden) .vjs-airplay-button-label{flex-grow:1;margin-left:4px}.vjs-airplay-button.vjs-airplay-button-lg:not(.vjs-hidden) .vjs-icon-placeholder{flex-grow:1}
--- a/public/_player/videojs/dist/videojs-airplay.js
+++ b/public/_player/videojs/dist/videojs-airplay.js
@ -1,308 +0,0 @@
-(function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i<t.length;i++)o(t[i]);return o}return r})()({1:[function(require,module,exports){
-"use strict";
-
-var hasAirPlayAPISupport = require('../lib/hasAirPlayAPISupport');
-
-/**
- * Registers the AirPlayButton Component with Video.js. Calls
- * {@link http://docs.videojs.com/Component.html#.registerComponent}, which will add a
- * component called `airPlayButton` to the list of globally registered Video.js
- * components. The `airPlayButton` is added to the player's control bar UI automatically
- * once {@link module:enableAirPlay} has been called. If you would like to specify the
- * order of the buttons that appear in the control bar, including this button, you can do
- * so in the options that you pass to the `videojs` function when creating a player:
- *
- * ```
- * videojs('playerID', {
- *    controlBar: {
- *       children: [
- *          'playToggle',
- *          'progressControl',
- *          'volumePanel',
- *          'fullscreenToggle',
- *          'airPlayButton',
- *       ],
- *    }
- * });
- * ```
- *
- * @param videojs {object} A reference to {@link http://docs.videojs.com/module-videojs.html|Video.js}
- * @see http://docs.videojs.com/module-videojs.html#~registerPlugin
- */
-module.exports = function (videojs) {
-  /**
-   * The AirPlayButton module contains both the AirPlayButton class definition and the
-   * function used to register the button as a Video.js Component.
-   *
-   * @module AirPlayButton
-   */
-
-  const ButtonComponent = videojs.getComponent('Button');
-
-  /**
-  * The Video.js Button class is the base class for UI button components.
-  *
-  * @external Button
-  * @see {@link http://docs.videojs.com/Button.html|Button}
-  */
-
-  /** @lends AirPlayButton.prototype */
-  class AirPlayButton extends ButtonComponent {
-    /**
-     * This class is a button component designed to be displayed in the
-     * player UI's control bar. It displays an Apple AirPlay selection
-     * list when clicked.
-     *
-     * @constructs
-     * @extends external:Button
-     */
-    constructor(player, options) {
-      super(player, options);
-      if (!hasAirPlayAPISupport()) {
-        this.hide();
-      }
-      this._reactToAirPlayAvailableEvents();
-      if (options.addAirPlayLabelToButton) {
-        this.el().classList.add('vjs-airplay-button-lg');
-        this._labelEl = document.createElement('span');
-        this._labelEl.classList.add('vjs-airplay-button-label');
-        this._labelEl.textContent = this.localize('AirPlay');
-        this.el().appendChild(this._labelEl);
-      } else {
-        this.controlText('Start AirPlay');
-      }
-    }
-
-    /**
-     * Overrides Button#buildCSSClass to return the classes used on the button element.
-     *
-     * @param {DOMElement} el
-     * @see {@link http://docs.videojs.com/Button.html#buildCSSClass|Button#buildCSSClass}
-     */
-    buildCSSClass() {
-      return 'vjs-airplay-button ' + super.buildCSSClass();
-    }
-
-    /**
-     * Overrides Button#handleClick to handle button click events. AirPlay
-     * functionality is handled outside of this class, which should be limited
-     * to UI related logic. This function simply triggers an event on the player.
-     *
-     * @fires AirPlayButton#airPlayRequested
-     * @param {DOMElement} el
-     * @see {@link http://docs.videojs.com/Button.html#handleClick|Button#handleClick}
-     */
-    handleClick() {
-      this.player().trigger('airPlayRequested');
-    }
-
-    /**
-     * Gets the underlying DOMElement used by the player.
-     *
-     * @private
-     * @returns {DOMElement} either an <audio> or <video> tag, depending on the type of
-     * player
-     */
-    _getMediaEl() {
-      var playerEl = this.player().el();
-      return playerEl.querySelector('video, audio');
-    }
-
-    /**
-     * Binds a listener to the `webkitplaybacktargetavailabilitychanged` event, if it is
-     * supported, that will show or hide this button Component based on the availability
-     * of the AirPlay function.
-     *
-     * @private
-     */
-    _reactToAirPlayAvailableEvents() {
-      var mediaEl = this._getMediaEl(),
-        self = this;
-      if (!mediaEl || !hasAirPlayAPISupport()) {
-        return;
-      }
-      function onTargetAvailabilityChanged(event) {
-        if (event.availability === 'available') {
-          self.show();
-        } else {
-          self.hide();
-        }
-      }
-      mediaEl.addEventListener('webkitplaybacktargetavailabilitychanged', onTargetAvailabilityChanged);
-      this.on('dispose', function () {
-        mediaEl.removeEventListener('webkitplaybacktargetavailabilitychanged', onTargetAvailabilityChanged);
-      });
-    }
-  }
-  videojs.registerComponent('airPlayButton', AirPlayButton);
-};
-
-},{"../lib/hasAirPlayAPISupport":4}],2:[function(require,module,exports){
-"use strict";
-
-/**
- * @module enableAirPlay
- */
-
-var hasAirPlayAPISupport = require('./lib/hasAirPlayAPISupport');
-
-/**
- * @private
- * @param {object} the Video.js Player instance
- * @returns {AirPlayButton} or `undefined` if it does not exist
- */
-function getExistingAirPlayButton(player) {
-  return player.controlBar.getChild('airPlayButton');
-}
-
-/**
- * Adds the AirPlayButton Component to the player's ControlBar component, if the
- * AirPlayButton does not already exist in the ControlBar.
- * @private
- * @param player {object} the Video.js Player instance
- * @param options {object}
- */
-function ensureAirPlayButtonExists(player, options) {
-  var existingAirPlayButton = getExistingAirPlayButton(player),
-    indexOpt;
-  if (options.addButtonToControlBar && !existingAirPlayButton) {
-    // Figure out AirPlay button's index
-    indexOpt = player.controlBar.children().length;
-    if (typeof options.buttonPositionIndex !== 'undefined') {
-      indexOpt = options.buttonPositionIndex >= 0 ? options.buttonPositionIndex : player.controlBar.children().length + options.buttonPositionIndex;
-    }
-    player.controlBar.addChild('airPlayButton', options, indexOpt);
-  }
-}
-
-/**
- * Handles requests for AirPlay triggered by the AirPlayButton Component.
- *
- * @private
- * @param player {object} the Video.js Player instance
- */
-function onAirPlayRequested(player) {
-  var mediaEl = player.el().querySelector('video, audio');
-  if (mediaEl && mediaEl.webkitShowPlaybackTargetPicker) {
-    mediaEl.webkitShowPlaybackTargetPicker();
-  }
-}
-
-/**
- * Adds an event listener for the `airPlayRequested` event triggered by the AirPlayButton
- * Component.
- *
- * @private
- * @param player {object} the Video.js Player instance
- */
-function listenForAirPlayEvents(player) {
-  // Respond to requests for AirPlay. The AirPlayButton component triggers this event
-  // when the user clicks the AirPlay button.
-  player.on('airPlayRequested', onAirPlayRequested.bind(null, player));
-}
-
-/**
- * Sets up the AirPlay plugin.
- *
- * @private
- * @param player {object} the Video.js player
- * @param options {object} the plugin options
- */
-function enableAirPlay(player, options) {
-  if (!player.controlBar) {
-    return;
-  }
-  if (hasAirPlayAPISupport()) {
-    listenForAirPlayEvents(player);
-    ensureAirPlayButtonExists(player, options);
-  }
-}
-
-/**
- * Registers the AirPlay plugin with Video.js. Calls
- * {@link http://docs.videojs.com/module-videojs.html#~registerPlugin|videojs#registerPlugin},
- * which will add a plugin function called `airPlay` to any instance of a Video.js player
- * that is created after calling this function. Call `player.airPlay(options)`, passing in
- * configuration options, to enable the AirPlay plugin on your Player instance.
- *
- * Currently, the only configuration option is:
- *
- *    * **buttonText** - the text to display inside of the button component. By default,
- *    this text is hidden and is used for accessibility purposes.
- *
- * @param {object} videojs
- * @see http://docs.videojs.com/module-videojs.html#~registerPlugin
- */
-module.exports = function (videojs) {
-  videojs.registerPlugin('airPlay', function (options) {
-    var pluginOptions = Object.assign({
-      addButtonToControlBar: true
-    }, options || {});
-
-    // `this` is an instance of a Video.js Player.
-    // Wait until the player is "ready" so that the player's control bar component has
-    // been created.
-    this.ready(enableAirPlay.bind(this, this, pluginOptions));
-  });
-};
-
-},{"./lib/hasAirPlayAPISupport":4}],3:[function(require,module,exports){
-"use strict";
-
-var createAirPlayButton = require('./components/AirPlayButton'),
-  createAirPlayPlugin = require('./enableAirPlay');
-
-/**
- * @module index
- */
-
-/**
- * Registers the AirPlay plugin and AirPlayButton Component with Video.js. See
- * {@link module:AirPlayButton} and {@link module:enableAirPlay} for more details about
- * how the plugin and button are registered and configured.
- *
- * @param {object} videojs
- * @see module:enableAirPlay
- * @see module:AirPlayButton
- */
-module.exports = function (videojs) {
-  videojs = videojs || window.videojs;
-  createAirPlayButton(videojs);
-  createAirPlayPlugin(videojs);
-};
-
-},{"./components/AirPlayButton":1,"./enableAirPlay":2}],4:[function(require,module,exports){
-"use strict";
-
-/**
- * @module hasAirPlayAPISupport
- */
-
-/**
- * Returns whether or not the current browser environment supports AirPlay.
- *
- * @private
- * @returns {boolean} true if AirPlay support is available
- */
-module.exports = function () {
-  return !!window.WebKitPlaybackTargetAvailabilityEvent;
-};
-
-},{}],5:[function(require,module,exports){
-"use strict";
-
-/**
- * This module is used as an entry point for the build system to bundle this plugin into a
- * single javascript file that can be loaded by a script tag on a web page. The javascript
- * file that is built assumes that `videojs` is available globally at `window.videojs`, so
- * Video.js must be loaded **before** this plugin is loaded.
- *
- * Run `npm install` and then `grunt build` to build the plugin's bundled javascript
- * file, as well as the CSS and image assets into the project's `./dist/` folder.
- *
- * @module standalone
- */
-
-require('./index')();
-
-},{"./index":3}]},{},[5]);
--- a/public/_player/videojs/dist/videojs-airplay.min.css
+++ b/public/_player/videojs/dist/videojs-airplay.min.css
@ -1 +1 @@
-.vjs-airplay-button .vjs-icon-placeholder{background:url("ic_airplay_white_24px.svg") center center no-repeat;background-size:contain;display:inline-block;width:12px;height:12px}.vjs-airplay-button:hover{cursor:pointer}.vjs-airplay-button:hover .vjs-icon-placeholder{background-image:url("ic_airplay_white_24px.svg")}.vjs-airplay-button.vjs-airplay-button-lg:not(.vjs-hidden){display:flex;align-items:center;width:auto;padding:0 4px}.vjs-airplay-button.vjs-airplay-button-lg:not(.vjs-hidden) .vjs-airplay-button-label{flex-grow:1;margin-left:4px}.vjs-airplay-button.vjs-airplay-button-lg:not(.vjs-hidden) .vjs-icon-placeholder{flex-grow:1}
+.vjs-airplay-button .vjs-icon-placeholder{background:url("ic_airplay_white_24px.svg") center center no-repeat;background-size:contain;display:inline-block;width:20px;height:20px}.vjs-airplay-button:hover{cursor:pointer}.vjs-airplay-button:hover .vjs-icon-placeholder{background-image:url("ic_airplay_white_24px.svg")}
--- a/public/_player/videojs/dist/videojs-airplay.min.js
+++ b/public/_player/videojs/dist/videojs-airplay.min.js
--- a/public/_player/videojs/dist/videojs-chromecast.css
+++ b/public/_player/videojs/dist/videojs-chromecast.css
@ -1 +1,65 @@
-.vjs-chromecast-button .vjs-icon-placeholder{background:url("ic_cast_white_24dp.png") center center no-repeat;background-size:contain;display:inline-block;width:12px;height:12px}.vjs-chromecast-button:hover{cursor:pointer}.vjs-chromecast-button:hover .vjs-icon-placeholder{background-image:url("ic_cast_white_24dp.png")}.vjs-chromecast-button.vjs-chromecast-casting-state .vjs-icon-placeholder{background-image:url("ic_cast_connected_white_24dp.png")}.vjs-chromecast-button.vjs-chromecast-casting-state:hover .vjs-icon-placeholder{background-image:url("ic_cast_connected_white_24dp.png")}.vjs-chromecast-button.vjs-chromecast-button-lg:not(.vjs-hidden){display:flex;align-items:center;width:auto;padding:0 4px}.vjs-chromecast-button.vjs-chromecast-button-lg:not(.vjs-hidden) .vjs-chromecast-button-label{flex-grow:1;margin-left:4px}.vjs-chromecast-button.vjs-chromecast-button-lg:not(.vjs-hidden) .vjs-icon-placeholder{flex-grow:1}.vjs-tech-chromecast{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.vjs-tech-chromecast .vjs-tech-chromecast-poster::after{content:" ";display:block;height:2px;width:100px;background-color:#ccc;position:absolute;left:calc(50% - 50px)}.vjs-tech-chromecast .vjs-tech-chromecast-poster-img{max-height:180px;width:auto;border:2px solid #ccc}.vjs-tech-chromecast .vjs-tech-chromecast-poster-img.vjs-tech-chromecast-poster-img-empty{width:160px;height:90px}.vjs-tech-chromecast .vjs-tech-chromecast-title-container{position:absolute;bottom:50%;margin-bottom:100px;color:#ccc;text-align:center}.vjs-tech-chromecast .vjs-tech-chromecast-title{font-size:22px}.vjs-tech-chromecast .vjs-tech-chromecast-title.vjs-tech-chromecast-title-empty{display:none}.vjs-tech-chromecast .vjs-tech-chromecast-subtitle{font-size:18px;padding-top:.5em}.vjs-tech-chromecast .vjs-tech-chromecast-subtitle.vjs-tech-chromecast-subtitle-empty{display:none}
+/**	Silvermine Chromecast **/
+.vjs-chromecast-button .vjs-icon-placeholder {
+  background: url('ic_cast_white_24dp.png') center center no-repeat;
+  background-size: contain;
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+}
+.vjs-chromecast-button:hover {
+  cursor: pointer;
+}
+.vjs-chromecast-button:hover .vjs-icon-placeholder {
+  background-image: url('ic_cast_white_24dp.png');
+}
+.vjs-chromecast-button.vjs-chromecast-casting-state .vjs-icon-placeholder {
+  background-image: url('ic_cast_connected_white_24dp.png');
+}
+.vjs-chromecast-button.vjs-chromecast-casting-state:hover .vjs-icon-placeholder {
+  background-image: url('ic_cast_connected_white_24dp.png');
+}
+.vjs-tech-chromecast {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+}
+.vjs-tech-chromecast .vjs-tech-chromecast-poster::after {
+  content: ' ';
+  display: block;
+  height: 2px;
+  width: 100px;
+  background-color: #cccccc;
+  position: absolute;
+  left: calc(50% - 50px);
+}
+.vjs-tech-chromecast .vjs-tech-chromecast-poster-img {
+  max-height: 180px;
+  width: auto;
+  border: 2px solid #cccccc;
+}
+.vjs-tech-chromecast .vjs-tech-chromecast-poster-img.vjs-tech-chromecast-poster-img-empty {
+  width: 160px;
+  height: 90px;
+}
+.vjs-tech-chromecast .vjs-tech-chromecast-title-container {
+  position: absolute;
+  bottom: 50%;
+  margin-bottom: 100px;
+  color: #cccccc;
+  text-align: center;
+}
+.vjs-tech-chromecast .vjs-tech-chromecast-title {
+  font-size: 22px;
+}
+.vjs-tech-chromecast .vjs-tech-chromecast-title.vjs-tech-chromecast-title-empty {
+  display: none;
+}
+.vjs-tech-chromecast .vjs-tech-chromecast-subtitle {
+  font-size: 18px;
+  padding-top: 0.5em;
+}
+.vjs-tech-chromecast .vjs-tech-chromecast-subtitle.vjs-tech-chromecast-subtitle-empty {
+  display: none;
+}
--- a/public/_player/videojs/dist/videojs-chromecast.js
+++ b/public/_player/videojs/dist/videojs-chromecast.js
--- a/public/_player/videojs/dist/videojs-chromecast.min.css
+++ b/public/_player/videojs/dist/videojs-chromecast.min.css
@ -1 +1 @@
-.vjs-chromecast-button .vjs-icon-placeholder{background:url("ic_cast_white_24dp.png") center center no-repeat;background-size:contain;display:inline-block;width:12px;height:12px}.vjs-chromecast-button:hover{cursor:pointer}.vjs-chromecast-button:hover .vjs-icon-placeholder{background-image:url("ic_cast_white_24dp.png")}.vjs-chromecast-button.vjs-chromecast-casting-state .vjs-icon-placeholder{background-image:url("ic_cast_connected_white_24dp.png")}.vjs-chromecast-button.vjs-chromecast-casting-state:hover .vjs-icon-placeholder{background-image:url("ic_cast_connected_white_24dp.png")}.vjs-chromecast-button.vjs-chromecast-button-lg:not(.vjs-hidden){display:flex;align-items:center;width:auto;padding:0 4px}.vjs-chromecast-button.vjs-chromecast-button-lg:not(.vjs-hidden) .vjs-chromecast-button-label{flex-grow:1;margin-left:4px}.vjs-chromecast-button.vjs-chromecast-button-lg:not(.vjs-hidden) .vjs-icon-placeholder{flex-grow:1}.vjs-tech-chromecast{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.vjs-tech-chromecast .vjs-tech-chromecast-poster::after{content:" ";display:block;height:2px;width:100px;background-color:#ccc;position:absolute;left:calc(50% - 50px)}.vjs-tech-chromecast .vjs-tech-chromecast-poster-img{max-height:180px;width:auto;border:2px solid #ccc}.vjs-tech-chromecast .vjs-tech-chromecast-poster-img.vjs-tech-chromecast-poster-img-empty{width:160px;height:90px}.vjs-tech-chromecast .vjs-tech-chromecast-title-container{position:absolute;bottom:50%;margin-bottom:100px;color:#ccc;text-align:center}.vjs-tech-chromecast .vjs-tech-chromecast-title{font-size:22px}.vjs-tech-chromecast .vjs-tech-chromecast-title.vjs-tech-chromecast-title-empty{display:none}.vjs-tech-chromecast .vjs-tech-chromecast-subtitle{font-size:18px;padding-top:.5em}.vjs-tech-chromecast .vjs-tech-chromecast-subtitle.vjs-tech-chromecast-subtitle-empty{display:none}
+.vjs-chromecast-button .vjs-icon-placeholder{background:url(ic_cast_white_24dp.png) center center no-repeat;background-size:contain;display:inline-block;width:20px;height:20px}.vjs-chromecast-button:hover{cursor:pointer}.vjs-chromecast-button:hover .vjs-icon-placeholder{background-image:url(ic_cast_white_24dp.png)}.vjs-chromecast-button.vjs-chromecast-casting-state .vjs-icon-placeholder{background-image:url(ic_cast_connected_white_24dp.png)}.vjs-chromecast-button.vjs-chromecast-casting-state:hover .vjs-icon-placeholder{background-image:url(ic_cast_connected_white_24dp.png)}.vjs-tech-chromecast{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.vjs-tech-chromecast .vjs-tech-chromecast-poster::after{content:' ';display:block;height:2px;width:100px;background-color:#ccc;position:absolute;left:calc(50% - 50px)}.vjs-tech-chromecast .vjs-tech-chromecast-poster-img{max-height:180px;width:auto;border:2px solid #ccc}.vjs-tech-chromecast .vjs-tech-chromecast-poster-img.vjs-tech-chromecast-poster-img-empty{width:160px;height:90px}.vjs-tech-chromecast .vjs-tech-chromecast-title-container{position:absolute;bottom:50%;margin-bottom:100px;color:#ccc;text-align:center}.vjs-tech-chromecast .vjs-tech-chromecast-title{font-size:22px}.vjs-tech-chromecast .vjs-tech-chromecast-title.vjs-tech-chromecast-title-empty{display:none}.vjs-tech-chromecast .vjs-tech-chromecast-subtitle{font-size:18px;padding-top:.5em}.vjs-tech-chromecast .vjs-tech-chromecast-subtitle.vjs-tech-chromecast-subtitle-empty{display:none}
--- a/public/_player/videojs/dist/videojs-chromecast.min.js
+++ b/public/_player/videojs/dist/videojs-chromecast.min.js
--- a/public/_player/videojs/dist/videojs-license.css
+++ b/public/_player/videojs/dist/videojs-license.css
--- a/public/_player/videojs/dist/videojs-license.js
+++ b/public/_player/videojs/dist/videojs-license.js
@ -1,340 +1,459 @@
 /*! @name videojs-license @version 0.1.0 @license MIT */
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('video.js')) :
-  typeof define === 'function' && define.amd ? define(['video.js'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.videojsLicense = factory(global.videojs));
-})(this, (function (videojs) { 'use strict';
+	typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('video.js'), require('global/document')) :
+	typeof define === 'function' && define.amd ? define(['video.js', 'global/document'], factory) :
+	(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.videojsLicense = factory(global.videojs, global.document));
+}(this, (function (videojs, document) { 'use strict';

-  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

-  var videojs__default = /*#__PURE__*/_interopDefaultLegacy(videojs);
+	var videojs__default = /*#__PURE__*/_interopDefaultLegacy(videojs);
+	var document__default = /*#__PURE__*/_interopDefaultLegacy(document);

-  var version = "0.1.0";
+	function createCommonjsModule(fn, basedir, module) {
+		return module = {
+		  path: basedir,
+		  exports: {},
+		  require: function (path, base) {
+	      return commonjsRequire(path, (base === undefined || base === null) ? module.path : base);
+	    }
+		}, fn(module, module.exports), module.exports;
+	}

-  const Plugin = videojs__default["default"].getPlugin('plugin');
-  const Component = videojs__default["default"].getComponent('Component');
-  const Button = videojs__default["default"].getComponent('MenuButton');
+	function commonjsRequire () {
+		throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
+	}

-  // Default options for the plugin.
-  const defaults = {
-    license: 'none',
-    title: '',
-    author: '',
-    languages: {
-      license: 'License',
-      loading: 'Loading'
-    }
-  };
+	var assertThisInitialized = createCommonjsModule(function (module) {
+	  function _assertThisInitialized(self) {
+	    if (self === void 0) {
+	      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+	    }

-  /**
-   * An advanced Video.js plugin. For more information on the API
-   *
-   * See: https://blog.videojs.com/feature-spotlight-advanced-plugins/
-   */
-  class License extends Plugin {
-    /**
-     * Create a License plugin instance.
-     *
-     * @param  {Player} player
-     *         A Video.js Player instance.
-     *
-     * @param  {Object} [options]
-     *         An optional options object.
-     *
-     *         While not a core part of the Video.js plugin architecture, a
-     *         second argument of options is a convenient way to accept inputs
-     *         from your plugin's caller.
-     */
-    constructor(player, options) {
-      // the parent class will add player under this.player
-      super(player);
-      this.playerId = this.player.id();
-      this.options = videojs__default["default"].mergeOptions(defaults, options);
-      if (options.license === 'none') {
-        return;
-      }
-      player.addClass('vjs-license');
-      this.buildUI();
-      if (videojs__default["default"].browser.IS_IOS || videojs__default["default"].browser.IS_ANDROID) {
-        this.mobileBuildUI();
-      }
+	    return self;
+	  }

-      // close the menu if open on userinactive
-      this.player.on('userinactive', () => {
-        document.getElementById(this.playerId).querySelectorAll('.vjs-menu').forEach(element => {
-          element.classList.remove('vjs-lock-open');
-        });
-      });
+	  module.exports = _assertThisInitialized;
+	  module.exports["default"] = module.exports, module.exports.__esModule = true;
+	});

-      // close the menu if anywhere in the player is clicked
-      this.player.on('click', evt => {
-        if (evt.target.tagName === 'VIDEO') {
-          document.getElementById(this.playerId).querySelectorAll('.vjs-menu').forEach(element => {
-            element.classList.remove('vjs-lock-open');
-          });
-        }
-      });
-      this.player.on('loadstart', _event => {
-        this.removeElementsByClass('vjs-license-clear');
-        if (videojs__default["default"].browser.IS_IOS || videojs__default["default"].browser.IS_ANDROID) {
-          this.mobileBuildTopLevelMenu();
-        } else {
-          this.buildTopLevelMenu();
-        }
-      });
-    }
+	var setPrototypeOf = createCommonjsModule(function (module) {
+	  function _setPrototypeOf(o, p) {
+	    module.exports = _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+	      o.__proto__ = p;
+	      return o;
+	    };

-    /**
-     * Add the menu ui button to the controlbar
-     */
-    buildUI() {
-      const playerId = this.playerId;
-      const that = this;
+	    module.exports["default"] = module.exports, module.exports.__esModule = true;
+	    return _setPrototypeOf(o, p);
+	  }

-      /**
-       * LicenseMenuButton
-       */
-      class LicenseMenuButton extends Button {
-        /**
-         * Contructor
-         *
-         * @param {*} player videojs player instance
-         * @param {*} options videojs player options
-         */
-        constructor(player, options) {
-          super(player, options);
-          this.addClass('vjs-license');
-          this.controlText(that.options.languages.loading);
-          player.one('canplaythrough', _event => {
-            this.controlText(that.options.languages.settings);
-          });
-          this.menu.contentEl_.id = playerId + '-vjs-license-default';
-        }
+	  module.exports = _setPrototypeOf;
+	  module.exports["default"] = module.exports, module.exports.__esModule = true;
+	});

-        /**
-         * Handle click
-         */
-        handleClick() {
-          if (videojs__default["default"].browser.IS_IOS || videojs__default["default"].browser.IS_ANDROID) {
-            this.player.getChild('licenseMenuMobileModal').el().style.display = 'block';
-          } else {
-            this.el().classList.toggle('vjs-toogle-btn');
-            this.menu.el().classList.toggle('vjs-lock-open');
-          }
-        }
-      }
-      videojs__default["default"].registerComponent('licenseMenuButton', LicenseMenuButton);
-      this.player.getChild('controlBar').addChild('licenseMenuButton');
-      if (this.player.getChild('controlBar').getChild('fullscreenToggle')) {
-        this.player.getChild('controlBar').el().insertBefore(this.player.getChild('controlBar').getChild('licenseMenuButton').el(), this.player.getChild('controlBar').getChild('fullscreenToggle').el());
-      }
-    }
+	var inheritsLoose = createCommonjsModule(function (module) {
+	  function _inheritsLoose(subClass, superClass) {
+	    subClass.prototype = Object.create(superClass.prototype);
+	    subClass.prototype.constructor = subClass;
+	    setPrototypeOf(subClass, superClass);
+	  }

-    /**
-     *
-     * This is just build the top level menu no sub menus
-     */
-    buildTopLevelMenu() {
-      const settingsButton = this.player.getChild('controlBar').getChild('licenseMenuButton');
+	  module.exports = _inheritsLoose;
+	  module.exports["default"] = module.exports, module.exports.__esModule = true;
+	});

-      // settingsButton.addClass('vjs-license-is-loaded');
+	var version = "0.1.0";

-      const main = settingsButton.menu.contentEl_;
+	var Plugin = videojs__default['default'].getPlugin('plugin');
+	var Component = videojs__default['default'].getComponent('Component');
+	var Button = videojs__default['default'].getComponent('MenuButton'); // Default options for the plugin.

-      // Empty the main menu div to repopulate
-      main.innerHTML = '';
-      main.classList.add('vjs-license-top-level');
+	var defaults = {
+	  license: 'none',
+	  title: '',
+	  author: '',
+	  languages: {
+	    license: 'License',
+	    loading: 'Loading'
+	  }
+	};
+	/**
+	 * An advanced Video.js plugin. For more information on the API
+	 *
+	 * See: https://blog.videojs.com/feature-spotlight-advanced-plugins/
+	 */

-      // Start building new list items
-      const menuTitle = document.createElement('li');
-      menuTitle.className = 'vjs-license-top-level-header';
-      const menuTitleInner = document.createElement('span');
-      menuTitleInner.innerHTML = 'About';
-      menuTitleInner.className = 'vjs-license-top-level-header-titel';
-      menuTitle.appendChild(menuTitleInner);
-      main.appendChild(menuTitle);
-      const itemTitel = document.createElement('li');
-      itemTitel.innerHTML = this.buildItemTitel();
-      itemTitel.className = 'vjs-license-top-level-item';
-      main.appendChild(itemTitel);
-      if (this.options.author) {
-        const itemAuthor = document.createElement('li');
-        itemAuthor.innerHTML = this.buildItemAuthor();
-        itemAuthor.className = 'vjs-license-top-level-item';
-        main.appendChild(itemAuthor);
-      }
-      const itemLicense = document.createElement('li');
-      itemLicense.innerHTML = this.buildItemLicense();
-      itemLicense.className = 'vjs-license-top-level-item';
-      main.appendChild(itemLicense);
-    }
+	var License = /*#__PURE__*/function (_Plugin) {
+	  inheritsLoose(License, _Plugin);

-    /**
-     * Add the menu ui button to the controlbar
-     */
-    mobileBuildUI() {
-      /**
-       * bla
-       */
-      class LicenseMenuMobileModal extends Component {
-        /**
-         * Contructor
-         *
-         * @param {*} player videojs player instance
-         * @param {*} options videojs player options
-         */
-        constructor(player, options) {
-          super(player, options);
-        }
+	  /**
+	   * Create a License plugin instance.
+	   *
+	   * @param  {Player} player
+	   *         A Video.js Player instance.
+	   *
+	   * @param  {Object} [options]
+	   *         An optional options object.
+	   *
+	   *         While not a core part of the Video.js plugin architecture, a
+	   *         second argument of options is a convenient way to accept inputs
+	   *         from your plugin's caller.
+	   */
+	  function License(player, options) {
+	    var _this;

-        /**
-         * Creates an HTML element
-         *
-         * @return {Object} HTML element
-         */
-        createEl() {
-          return videojs__default["default"].createEl('div', {
-            className: 'vjs-license-mobile'
-          });
-        }
-      }
-      videojs__default["default"].registerComponent('licenseMenuMobileModal', LicenseMenuMobileModal);
-      videojs__default["default"].dom.prependTo(this.player.addChild('licenseMenuMobileModal').el(), document.body);
-    }
+	    // the parent class will add player under this.player
+	    _this = _Plugin.call(this, player) || this;
+	    _this.playerId = _this.player.id();
+	    _this.options = videojs__default['default'].mergeOptions(defaults, options);

-    /**
-     * Add the menu ui button to the controlbar
-     */
-    mobileBuildTopLevelMenu() {
-      const settingsButton = this.player.getChild('licenseMenuMobileModal');
-      const menuTopLevel = document.createElement('ul');
-      menuTopLevel.className = 'vjs-license-mob-top-level vjs-setting-menu-clear';
-      settingsButton.el().appendChild(menuTopLevel);
+	    if (options.license === 'none') {
+	      return assertThisInitialized(_this);
+	    }

-      // Empty the main menu div to repopulate
-      const menuTitle = document.createElement('li');
-      menuTitle.innerHTML = 'About';
-      menuTitle.className = 'vjs-setting-menu-mobile-top-header';
-      menuTopLevel.appendChild(menuTitle);
-      const itemTitel = document.createElement('li');
-      itemTitel.innerHTML = this.buildItemTitel();
-      itemTitel.className = 'vjs-license-top-level-item';
-      if (this.options.author) {
-        const itemAuthor = document.createElement('li');
-        itemAuthor.innerHTML = this.buildItemAuthor();
-        itemAuthor.className = 'vjs-license-top-level-item';
-      }
-      const itemLicense = document.createElement('li');
-      itemLicense.innerHTML = this.buildItemLicense();
-      itemLicense.className = 'vjs-license-top-level-item';
-      const menuClose = document.createElement('li');
-      menuClose.innerHTML = 'Close';
-      menuClose.className = 'setting-menu-footer-default';
-      menuClose.onclick = e => {
-        this.player.getChild('settingsMenuMobileModal').el().style.display = 'none';
-      };
-      menuTopLevel.appendChild(menuClose);
-    }
+	    _this.player.ready(function () {
+	      _this.player.addClass('vjs-license');

-    /**
-     * Add the menu ui button to the controlbar
-     *
-     * @return {string} Returns license text
-     */
-    buildItemTitel() {
-      let titel = '';
-      if (this.options.title) {
-        titel = `${this.options.title}`;
-      }
-      return 'Title: ' + titel;
-    }
+	      _this.buildUI();

-    /**
-     * Add the menu ui button to the controlbar
-     *
-     * @return {string} Returns license text
-     */
-    buildItemAuthor() {
-      let author = '';
-      if (this.options.author) {
-        author = ` by ${this.options.author}`;
-      }
-      return 'Author: ' + author;
-    }
+	      if (videojs__default['default'].browser.IS_IOS || videojs__default['default'].browser.IS_ANDROID) {
+	        _this.mobileBuildUI();
+	      }
+	    }); // close the menu if open on userinactive

-    /**
-     * Add the menu ui button to the controlbar
-     *
-     * @return {string} Returns license text
-     */
-    buildItemLicense() {
-      let license = '';
-      const reVersion = new RegExp('[0-9]+.[0-9]+$');
-      let version = '4.0';
-      const matches = this.options.license.match(reVersion);
-      if (matches !== null) {
-        version = matches[0];
-      }
-      const which = this.options.license.replace(reVersion, '').trim();
-      let deed = null;
-      switch (which) {
-        case 'CC0':
-          deed = 'https://creativecommons.org/licenses/zero/1.0/';
-          break;
-        case 'CC BY':
-          deed = `https://creativecommons.org/licenses/by/${version}/`;
-          break;
-        case 'CC BY-SA':
-          deed = `https://creativecommons.org/licenses/by-sa/${version}/`;
-          break;
-        case 'CC BY-NC':
-          deed = `https://creativecommons.org/licenses/by-nc/${version}/`;
-          break;
-        case 'CC BY-NC-SA':
-          deed = `https://creativecommons.org/licenses/by-nc-sa/${version}/`;
-          break;
-        case 'CC BY-ND':
-          deed = `https://creativecommons.org/licenses/by-nd/${version}/`;
-          break;
-        case 'CC BY-NC-ND':
-          deed = `https://creativecommons.org/licenses/by-nc-nd/${version}/`;
-          break;
-      }
-      if (deed) {
-        license = `<a href='${deed}' onclick='window.open('${deed}')' target='_blank' rel='noopener'>${this.options.license}</a>`;
-      } else {
-        license = this.options.license;
-      }
-      return 'License: ' + license;
-    }

-    /**
-     *
-     * Helper class to clear menu items before rebuild
-     *
-     * @param {*} className Name of a class
-     */
-    removeElementsByClass(className) {
-      // Need to prevent the menu from not showing sometimes
-      document.querySelectorAll('.vjs-sm-top-level').forEach(element => {
-        element.classList.remove('vjs-hidden');
-      });
-      const elements = document.getElementsByClassName(className);
-      while (elements.length > 0) {
-        elements[0].parentNode.removeChild(elements[0]);
-      }
-    }
-  }
+	    _this.player.on('userinactive', function () {
+	      document__default['default'].getElementById(_this.playerId).querySelectorAll('.vjs-menu').forEach(function (element) {
+	        element.classList.remove('vjs-lock-open');
+	      });
+	    }); // close the menu if anywhere in the player is clicked

-  // Define default values for the plugin's `state` object here.
-  License.defaultState = {};

-  // Include the version number.
-  License.VERSION = version;
+	    _this.player.on('click', function (evt) {
+	      if (evt.target.tagName === 'VIDEO') {
+	        document__default['default'].getElementById(_this.playerId).querySelectorAll('.vjs-menu').forEach(function (element) {
+	          element.classList.remove('vjs-lock-open');
+	        });
+	      }
+	    });

-  // Register the plugin with video.js.
-  videojs__default["default"].registerPlugin('license', License);
+	    _this.player.on('loadstart', function (_event) {
+	      _this.removeElementsByClass('vjs-license-clear');

-  return License;
+	      if (videojs__default['default'].browser.IS_IOS || videojs__default['default'].browser.IS_ANDROID) {
+	        _this.mobileBuildTopLevelMenu();
+	      } else {
+	        _this.buildTopLevelMenu();
+	      }
+	    });

-}));
+	    return _this;
+	  }
+	  /**
+	   * Add the menu ui button to the controlbar
+	   */
+
+
+	  var _proto = License.prototype;
+
+	  _proto.buildUI = function buildUI() {
+	    var playerId = this.playerId;
+	    var that = this;
+	    /**
+	     * LicenseMenuButton
+	     */
+
+	    var LicenseMenuButton = /*#__PURE__*/function (_Button) {
+	      inheritsLoose(LicenseMenuButton, _Button);
+
+	      /**
+	       * Contructor
+	       *
+	       * @param {*} player videojs player instance
+	       * @param {*} options videojs player options
+	       */
+	      function LicenseMenuButton(player, options) {
+	        var _this2;
+
+	        _this2 = _Button.call(this, player, options) || this;
+
+	        _this2.addClass('vjs-license');
+
+	        _this2.controlText(that.options.languages.loading);
+
+	        player.one('canplaythrough', function (_event) {
+	          _this2.controlText(that.options.languages.settings);
+	        });
+	        _this2.menu.contentEl_.id = playerId + '-vjs-license-default';
+	        return _this2;
+	      }
+	      /**
+	       * Handle click
+	       */
+
+
+	      var _proto2 = LicenseMenuButton.prototype;
+
+	      _proto2.handleClick = function handleClick() {
+	        if (videojs__default['default'].browser.IS_IOS || videojs__default['default'].browser.IS_ANDROID) {
+	          this.player.getChild('licenseMenuMobileModal').el().style.display = 'block';
+	        } else {
+	          this.el().classList.toggle('vjs-toogle-btn');
+	          this.menu.el().classList.toggle('vjs-lock-open');
+	        }
+	      };
+
+	      return LicenseMenuButton;
+	    }(Button);
+
+	    videojs__default['default'].registerComponent('licenseMenuButton', LicenseMenuButton);
+	    this.player.getChild('controlBar').addChild('licenseMenuButton');
+
+	    if (this.player.getChild('controlBar').getChild('fullscreenToggle')) {
+	      this.player.getChild('controlBar').el().insertBefore(this.player.getChild('controlBar').getChild('licenseMenuButton').el(), this.player.getChild('controlBar').getChild('fullscreenToggle').el());
+	    }
+	  }
+	  /**
+	   *
+	   * This is just build the top level menu no sub menus
+	   */
+	  ;
+
+	  _proto.buildTopLevelMenu = function buildTopLevelMenu() {
+	    var settingsButton = this.player.getChild('controlBar').getChild('licenseMenuButton'); // settingsButton.addClass('vjs-license-is-loaded');
+
+	    var main = settingsButton.menu.contentEl_; // Empty the main menu div to repopulate
+
+	    main.innerHTML = '';
+	    main.classList.add('vjs-license-top-level'); // Start building new list items
+
+	    var menuTitle = document__default['default'].createElement('li');
+	    menuTitle.className = 'vjs-license-top-level-header';
+	    var menuTitleInner = document__default['default'].createElement('span');
+	    menuTitleInner.innerHTML = 'About';
+	    menuTitleInner.className = 'vjs-license-top-level-header-titel';
+	    menuTitle.appendChild(menuTitleInner);
+	    main.appendChild(menuTitle);
+	    var itemTitel = document__default['default'].createElement('li');
+	    itemTitel.innerHTML = this.buildItemTitel();
+	    itemTitel.className = 'vjs-license-top-level-item';
+	    main.appendChild(itemTitel);
+
+	    if (this.options.author) {
+	      var itemAuthor = document__default['default'].createElement('li');
+	      itemAuthor.innerHTML = this.buildItemAuthor();
+	      itemAuthor.className = 'vjs-license-top-level-item';
+	      main.appendChild(itemAuthor);
+	    }
+
+	    var itemLicense = document__default['default'].createElement('li');
+	    itemLicense.innerHTML = this.buildItemLicense();
+	    itemLicense.className = 'vjs-license-top-level-item';
+	    main.appendChild(itemLicense);
+	  }
+	  /**
+	   * Add the menu ui button to the controlbar
+	   */
+	  ;
+
+	  _proto.mobileBuildUI = function mobileBuildUI() {
+	    /**
+	     * bla
+	     */
+	    var LicenseMenuMobileModal = /*#__PURE__*/function (_Component) {
+	      inheritsLoose(LicenseMenuMobileModal, _Component);
+
+	      /**
+	       * Contructor
+	       *
+	       * @param {*} player videojs player instance
+	       * @param {*} options videojs player options
+	       */
+	      function LicenseMenuMobileModal(player, options) {
+	        return _Component.call(this, player, options) || this;
+	      }
+	      /**
+	       * Creates an HTML element
+	       *
+	       * @return {Object} HTML element
+	       */
+
+
+	      var _proto3 = LicenseMenuMobileModal.prototype;
+
+	      _proto3.createEl = function createEl() {
+	        return videojs__default['default'].createEl('div', {
+	          className: 'vjs-license-mobile'
+	        });
+	      };
+
+	      return LicenseMenuMobileModal;
+	    }(Component);
+
+	    videojs__default['default'].registerComponent('licenseMenuMobileModal', LicenseMenuMobileModal);
+	    videojs__default['default'].dom.prependTo(this.player.addChild('licenseMenuMobileModal').el(), document__default['default'].body);
+	  }
+	  /**
+	   * Add the menu ui button to the controlbar
+	   */
+	  ;
+
+	  _proto.mobileBuildTopLevelMenu = function mobileBuildTopLevelMenu() {
+	    var _this3 = this;
+
+	    var settingsButton = this.player.getChild('licenseMenuMobileModal');
+	    var menuTopLevel = document__default['default'].createElement('ul');
+	    menuTopLevel.className = 'vjs-license-mob-top-level vjs-setting-menu-clear';
+	    settingsButton.el().appendChild(menuTopLevel); // Empty the main menu div to repopulate
+
+	    var menuTitle = document__default['default'].createElement('li');
+	    menuTitle.innerHTML = 'About';
+	    menuTitle.className = 'vjs-setting-menu-mobile-top-header';
+	    menuTopLevel.appendChild(menuTitle);
+	    var itemTitel = document__default['default'].createElement('li');
+	    itemTitel.innerHTML = this.buildItemTitel();
+	    itemTitel.className = 'vjs-license-top-level-item';
+
+	    if (this.options.author) {
+	      var itemAuthor = document__default['default'].createElement('li');
+	      itemAuthor.innerHTML = this.buildItemAuthor();
+	      itemAuthor.className = 'vjs-license-top-level-item';
+	    }
+
+	    var itemLicense = document__default['default'].createElement('li');
+	    itemLicense.innerHTML = this.buildItemLicense();
+	    itemLicense.className = 'vjs-license-top-level-item';
+	    var menuClose = document__default['default'].createElement('li');
+	    menuClose.innerHTML = 'Close';
+	    menuClose.className = 'setting-menu-footer-default';
+
+	    menuClose.onclick = function (e) {
+	      _this3.player.getChild('settingsMenuMobileModal').el().style.display = 'none';
+	    };
+
+	    menuTopLevel.appendChild(menuClose);
+	  }
+	  /**
+	   * Add the menu ui button to the controlbar
+	   *
+	   * @return {string} Returns license text
+	   */
+	  ;
+
+	  _proto.buildItemTitel = function buildItemTitel() {
+	    var titel = '';
+
+	    if (this.options.title) {
+	      titel = "" + this.options.title;
+	    }
+
+	    return 'Title: ' + titel;
+	  }
+	  /**
+	   * Add the menu ui button to the controlbar
+	   *
+	   * @return {string} Returns license text
+	   */
+	  ;
+
+	  _proto.buildItemAuthor = function buildItemAuthor() {
+	    var author = '';
+
+	    if (this.options.author) {
+	      author = " by " + this.options.author;
+	    }
+
+	    return 'Author: ' + author;
+	  }
+	  /**
+	   * Add the menu ui button to the controlbar
+	   *
+	   * @return {string} Returns license text
+	   */
+	  ;
+
+	  _proto.buildItemLicense = function buildItemLicense() {
+	    var license = '';
+	    var reVersion = new RegExp('[0-9]+.[0-9]+$');
+	    var version = '4.0';
+	    var matches = this.options.license.match(reVersion);
+
+	    if (matches !== null) {
+	      version = matches[0];
+	    }
+
+	    var which = this.options.license.replace(reVersion, '').trim();
+	    var deed = null;
+
+	    switch (which) {
+	      case 'CC0':
+	        deed = 'https://creativecommons.org/licenses/zero/1.0/';
+	        break;
+
+	      case 'CC BY':
+	        deed = "https://creativecommons.org/licenses/by/" + version + "/";
+	        break;
+
+	      case 'CC BY-SA':
+	        deed = "https://creativecommons.org/licenses/by-sa/" + version + "/";
+	        break;
+
+	      case 'CC BY-NC':
+	        deed = "https://creativecommons.org/licenses/by-nc/" + version + "/";
+	        break;
+
+	      case 'CC BY-NC-SA':
+	        deed = "https://creativecommons.org/licenses/by-nc-sa/" + version + "/";
+	        break;
+
+	      case 'CC BY-ND':
+	        deed = "https://creativecommons.org/licenses/by-nd/" + version + "/";
+	        break;
+
+	      case 'CC BY-NC-ND':
+	        deed = "https://creativecommons.org/licenses/by-nc-nd/" + version + "/";
+	        break;
+	    }
+
+	    if (deed) {
+	      license = "<a href=\"" + deed + "\" onclick=\"window.open('" + deed + "')\" target=\"_blank\" rel=\"noopener\">" + this.options.license + "</a>";
+	    } else {
+	      license = this.options.license;
+	    }
+
+	    return 'License: ' + license;
+	  }
+	  /**
+	   *
+	   * Helper class to clear menu items before rebuild
+	   *
+	   * @param {*} className Name of a class
+	   */
+	  ;
+
+	  _proto.removeElementsByClass = function removeElementsByClass(className) {
+	    // Need to prevent the menu from not showing sometimes
+	    document__default['default'].querySelectorAll('.vjs-sm-top-level').forEach(function (element) {
+	      element.classList.remove('vjs-hidden');
+	    });
+	    var elements = document__default['default'].getElementsByClassName(className);
+
+	    while (elements.length > 0) {
+	      elements[0].parentNode.removeChild(elements[0]);
+	    }
+	  };
+
+	  return License;
+	}(Plugin); // Define default values for the plugin's `state` object here.
+
+
+	License.defaultState = {}; // Include the version number.
+
+	License.VERSION = version; // Register the plugin with video.js.
+
+	videojs__default['default'].registerPlugin('license', License);
+
+	return License;
+
+})));
--- a/public/_player/videojs/dist/videojs-license.min.css
+++ b/public/_player/videojs/dist/videojs-license.min.css
--- a/public/_player/videojs/dist/videojs-license.min.js
+++ b/public/_player/videojs/dist/videojs-license.min.js
--- a/public/_player/videojs/player.html
+++ b/public/_player/videojs/player.html
@ -82,14 +82,15 @@
 		liveui: true,
 		responsive: true,
 		fluid: true,
-		sources: [{ src: window.location.origin + '/' + playerConfig.source, type: 'application/x-mpegURL' }],
+		sources: [{ src: playerConfig.source, type: 'application/x-mpegURL' }],
+		plugins: {
+			license: playerConfig.license
+		}
 	};

 	if (playerConfig.chromecast) {
 		config.techOrder = ["chromecast", "html5"];
-		config.plugins.chromecast = {
-			receiverApplicationId: 'CC1AD845'
-		};
+		config.plugins.chromecast = {};
 	}

 	if (playerConfig.airplay) {
@ -129,8 +130,6 @@
 					},
 				],
 			});
-
-			player.license(playerConfig.license);
 		}

 		if (autoplay === true) {
--- a/public/_playersite/index.html
+++ b/public/_playersite/index.html
@ -438,11 +438,11 @@
 								</div>
 								<div class="col-xs-12 channel-list-inside">
 									{{#each channels}}
-									<a class="channel-list-link" href="playersite_{{this.channelid}}.html" target="_self">
+									<a class="channel-list-link" href="/playersite_{{this.channelid}}.html" target="_self">
 										<div class="row channel-list-l1 {{#ifEquals @root.channel_id this.channelid}}channel-list-selected{{/ifEquals}}">
 											<div class="col-xs-12 middle-xs channel-list-l2">
 												<span id="channel_list_badge_{{this.channelid}}_1" class="channel-list-badge">LIVE</span>
-												<img src="memfs/{{this.channelid}}.jpg" class="channel-list-image">
+												<img src="/memfs/{{this.channelid}}.jpg" class="channel-list-image">
 												<div class="row">
 													<div class="channel-list-description">
 														{{this.name}}
@ -498,11 +498,11 @@
 				</div>
 				<div class="col-xs-12 col-sm-12">
 					{{#each channels}}
-					<a class="channel-list-link" href="playersite_{{this.channelid}}.html" target="_self">
+					<a class="channel-list-link" href="/playersite_{{this.channelid}}.html" target="_self">
 						<div class="row channel-list-l1 {{#ifEquals @root.channel_id this.channelid}}channel-list-selected{{/ifEquals}}">
 							<div class="col-xs-12 middle-xs channel-list-l2">
 								<span id="channel_list_badge_{{this.channelid}}_2" class="channel-list-badge">LIVE</span>
-								<img src="memfs/{{this.channelid}}.jpg" class="channel-list-image">
+								<img src="/memfs/{{this.channelid}}.jpg" class="channel-list-image">
 								<div class="row">
 									<div class="channel-list-description">
 										{{this.name}}
@ -619,7 +619,6 @@
 	{{/if}}{{/if}}

 	<script>
-		{{#if share}}
 		var modal_share = document.getElementById("modal-share");
 		var btn_share = document.getElementById("btn-share");
 		var close_share = document.getElementById("close-share");
@ -629,7 +628,6 @@
 		close_share.onclick = function() {
 			modal_share.style.display = "none";
 		}
-		{{/if}}
 		{{#if imprint_html}}
 		var modal_imprint = document.getElementById("modal-imprint");
 		var btn_imprint = document.getElementById("btn-imprint");
@ -666,9 +664,7 @@
 		var close = document.getElementsByClassName("close")[0];

 		close.onclick = function() {
-			{{#if share}}
 			modal_share.style.display = "none";
-			{{/if}}
 			{{#if imprint_html}}
 			modal_imprint.style.display = "none";
 			{{/if}}
@ -680,29 +676,20 @@
 			{{/if}}{{/if}}
 		}
 		window.onclick = function(event) {
-			switch(event.target) {
-				{{#if share}}
-				case modal_share:
-					modal_share.style.display = "none";
-				  	break;
-				{{/if}}
-				{{#if imprint_html}}
-				case modal_imprint:
-					modal_imprint.style.display = "none";
-					break;
-				{{/if}}
-				{{#if terms_html}}
-				case modal_terms:
-					modal_terms.style.display = "none";
-					break;
-				{{/if}}
-				{{#if channel_creator_name}}{{#if channel_creator_description_html}}
-				case modal_creator:
-					modal_creator.style.display = "none";
-					break;
-				{{/if}}{{/if}}
-				default:
-					break;
+			if (event.target == modal_share) {
+				modal_share.style.display = "none";
+			{{#if imprint_html}}
+			} else if (event.target == modal_imprint) {
+				modal_imprint.style.display = "none";
+			{{/if}}
+			{{#if terms_html}}
+			} else if (event.target == modal_terms) {
+				modal_terms.style.display = "none";
+			{{/if}}
+			{{#if channel_creator_name}}{{#if channel_creator_description_html}}
+			} else if (event.target == modal_creator) {
+				modal_creator.style.display = "none";
+			{{/if}}{{/if}}
 			}
 		}
 	</script>
--- a/public/_playersite/videojs.js
+++ b/public/_playersite/videojs.js
@ -6,32 +6,25 @@ var config = {
 	liveui: true,
 	responsive: true,
 	fluid: true,
-	// Needed to append the url origin in order for the source to properly pass to the cast device
+	// Needed to append the url orgin in order for the source to properly pass to the cast device
 	sources: [{ src: window.location.origin + '/' + playerConfig.source, type: 'application/x-mpegURL' }],
-	plugins: {},
+	plugins: {
+		license: playerConfig.license,
+	},
 };

 if (chromecast) {
 	config.techOrder = ['chromecast', 'html5'];
-	// Provide a default reciever application ID
-	config.plugins.chromecast = {
-		receiverApplicationId: 'CC1AD845',
-	};
+	config.plugins.chromecast = {};
+}
+
+if (airplay) {
+	config.plugins.airPlay = {};
 }

 var player = videojs('player', config);

 player.ready(function () {
-	if (chromecast) {
-		player.chromecast();
-	}
-
-	if (airplay) {
-		player.airPlay();
-	}
-
-	player.license(playerConfig.license);
-
 	if (playerConfig.logo.image.length != 0) {
 		var overlay = null;

--- a/public/index.html
+++ b/public/index.html
@ -4,7 +4,7 @@
    <meta charset="utf-8" />
    <link rel="icon" href="favicon.ico" />
    <meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width" />
-    <meta name="theme-color" content="#282728" />
+    <meta name="theme-color" content="#000000" />
    <meta name="description" content="Restreamer – Video-Streaming" />
    <link rel="apple-touch-icon" href="logo192.png" />
    <link rel="manifest" href="manifest.json" />
--- a/public/manifest.json
+++ b/public/manifest.json
@ -20,6 +20,6 @@
 	],
 	"start_url": ".",
 	"display": "standalone",
-	"theme_color": "#282728",
-	"background_color": "#282728"
+	"theme_color": "#000000",
+	"background_color": "#ffffff"
 }
--- a/src/I18n.js
+++ b/src/I18n.js
@ -2,6 +2,7 @@ import React from 'react';

 import { I18nProvider } from '@lingui/react';
 import { i18n } from '@lingui/core';
+import * as plurals from 'make-plural/plurals';

 import { messages as EN } from './locales/en/messages.js';
 import { messages as DA } from './locales/da/messages.js';
@ -12,14 +13,25 @@ import { messages as FR } from './locales/fr/messages.js';
 import { messages as IT } from './locales/it/messages.js';
 import { messages as KO } from './locales/ko/messages.js';
 import { messages as PL } from './locales/pl/messages.js';
-import { messages as PT } from './locales/pt-br/messages.js';
+import { messages as PT } from './locales/pt/messages.js';
 import { messages as RU } from './locales/ru/messages.js';
 import { messages as SL } from './locales/sl/messages.js';
 import { messages as TR } from './locales/tr/messages.js';
-import { messages as UK } from './locales/uk/messages.js';
-import { messages as ZH } from './locales/zh-hans/messages.js';
 import * as Storage from './utils/storage';

+i18n.loadLocaleData('en', { plurals: plurals.en });
+i18n.loadLocaleData('da', { plurals: plurals.da });
+i18n.loadLocaleData('de', { plurals: plurals.de });
+i18n.loadLocaleData('el', { plurals: plurals.el });
+i18n.loadLocaleData('es', { plurals: plurals.es });
+i18n.loadLocaleData('fr', { plurals: plurals.fr });
+i18n.loadLocaleData('it', { plurals: plurals.it });
+i18n.loadLocaleData('ko', { plurals: plurals.ko });
+i18n.loadLocaleData('pl', { plurals: plurals.pl });
+i18n.loadLocaleData('pt', { plurals: plurals.pt });
+i18n.loadLocaleData('ru', { plurals: plurals.ru });
+i18n.loadLocaleData('sl', { plurals: plurals.sl });
+i18n.loadLocaleData('tr', { plurals: plurals.tr });
 i18n.load({
 	en: EN,
 	da: DA,
@ -30,35 +42,20 @@ i18n.load({
 	it: IT,
 	ko: KO,
 	pl: PL,
-	'pt-br': PT,
+	pt: PT,
 	ru: RU,
 	sl: SL,
 	tr: TR,
-	uk: UK,
-	'zh-hans': ZH,
 });

-const aliases = {
-	pt: 'pt-br',
-	'zh-cn': 'zh-hans',
-};
-
-const getAlias = (lang) => {
-	if (lang in aliases) {
-		return aliases[lang];
+const getLanguage = (defaultLanguage, supportedLanguages) => {
+	let lang = Storage.Get('language');
+	if (supportedLanguages.indexOf(lang) === -1) {
+		lang = getBrowserLanguage(defaultLanguage);
 	}

-	return lang;
-};
-
-const getLanguage = (defaultLanguage, supportedLanguages) => {
-	let lang = getAlias(Storage.Get('language'));
 	if (supportedLanguages.indexOf(lang) === -1) {
-		lang = getAlias(getBrowserLanguage(defaultLanguage));
-
-		if (supportedLanguages.indexOf(lang) === -1) {
-			lang = defaultLanguage;
-		}
+		lang = defaultLanguage;
 	}

 	Storage.Set('language', lang);
@ -69,7 +66,7 @@ const getLanguage = (defaultLanguage, supportedLanguages) => {
 const getBrowserLanguage = (defaultLanguage) => {
 	let lang = window.navigator.language;

-	const match = lang.match(/^[a-z]+(-[a-z]+)?/i);
+	const match = lang.match(/^[a-z]+/);
 	if (!match) {
 		return defaultLanguage;
 	}
@ -77,7 +74,7 @@ const getBrowserLanguage = (defaultLanguage) => {
 	return match[0].toLowerCase();
 };

-i18n.activate(getLanguage('en', ['en', 'da', 'de', 'el', 'es', 'fr', 'it', 'ko', 'pl', 'pt-br', 'ru', 'sl', 'tr', 'uk', 'zh-hans']));
+i18n.activate(getLanguage('en', ['en', 'da', 'de', 'el', 'es', 'fr', 'it', 'ko', 'pl', 'pt', 'ru', 'sl', 'tr']));

 export default function Provider(props) {
 	return <I18nProvider i18n={i18n}>{props.children}</I18nProvider>;
--- a/src/locales/da/messages.js
+++ b/src/locales/da/messages.js
--- a/src/locales/da/messages.po
+++ b/src/locales/da/messages.po
--- a/src/locales/de/messages.js
+++ b/src/locales/de/messages.js
--- a/src/locales/de/messages.po
+++ b/src/locales/de/messages.po
--- a/src/locales/el/messages.js
+++ b/src/locales/el/messages.js
--- a/src/locales/el/messages.po
+++ b/src/locales/el/messages.po
--- a/src/locales/en/messages.js
+++ b/src/locales/en/messages.js
--- a/src/locales/en/messages.po
+++ b/src/locales/en/messages.po
--- a/src/locales/es/messages.js
+++ b/src/locales/es/messages.js
--- a/src/locales/es/messages.po
+++ b/src/locales/es/messages.po
--- a/src/locales/fr/messages.js
+++ b/src/locales/fr/messages.js
--- a/src/locales/fr/messages.po
+++ b/src/locales/fr/messages.po
--- a/src/locales/it/messages.js
+++ b/src/locales/it/messages.js
--- a/src/locales/it/messages.po
+++ b/src/locales/it/messages.po
--- a/src/locales/ko/messages.js
+++ b/src/locales/ko/messages.js
--- a/src/locales/ko/messages.po
+++ b/src/locales/ko/messages.po
--- a/src/locales/pl/messages.js
+++ b/src/locales/pl/messages.js
--- a/src/locales/pl/messages.po
+++ b/src/locales/pl/messages.po
--- a/src/locales/pt-br/messages.js
+++ b/src/locales/pt-br/messages.js
--- a/src/locales/pt/messages.js
+++ b/src/locales/pt/messages.js
--- a/src/locales/pt-br/messages.po
+++ b/src/locales/pt-br/messages.po
--- a/src/locales/ru/messages.js
+++ b/src/locales/ru/messages.js
--- a/src/locales/ru/messages.po
+++ b/src/locales/ru/messages.po
--- a/src/locales/sl/messages.js
+++ b/src/locales/sl/messages.js
--- a/src/locales/sl/messages.po
+++ b/src/locales/sl/messages.po
--- a/src/locales/tr/messages.js
+++ b/src/locales/tr/messages.js
--- a/src/locales/tr/messages.po
+++ b/src/locales/tr/messages.po
--- a/src/locales/uk/messages.js
+++ b/src/locales/uk/messages.js
--- a/src/locales/uk/messages.po
+++ b/src/locales/uk/messages.po
--- a/src/locales/zh-hans/messages.js
+++ b/src/locales/zh-hans/messages.js
--- a/src/locales/zh-hans/messages.po
+++ b/src/locales/zh-hans/messages.po
--- a/src/misc/ChannelList.js
+++ b/src/misc/ChannelList.js
@ -10,8 +10,6 @@ import Button from '@mui/material/Button';
 import ButtonBase from '@mui/material/ButtonBase';
 import CloseIcon from '@mui/icons-material/Close';
 import DoNotDisturbAltIcon from '@mui/icons-material/DoNotDisturbAlt';
-import FullscreenIcon from '@mui/icons-material/Fullscreen';
-import FullscreenExitIcon from '@mui/icons-material/FullscreenExit';
 import Grid from '@mui/material/Grid';
 import IconButton from '@mui/material/IconButton';
 import LensIcon from '@mui/icons-material/Lens';
@ -121,7 +119,7 @@ const ImageBackdrop = styled('span')(({ theme }) => ({
 	border: `2px solid ${theme.palette.primary.dark}`,
 }));

-function ChannelButton(props, largeChannelList) {
+function ChannelButton(props) {
 	const classes = useStyles();
 	const theme = useTheme();

@ -156,7 +154,7 @@ function ChannelButton(props, largeChannelList) {
 	}

 	return (
-		<Grid item xs={12} sm={6} md={4} lg={3} style={{ paddingBottom: largeChannelList ? '10px' : 'auto' }}>
+		<Grid item xs={12} sm={6} md={4} lg={3}>
 			<ImageButton focusRipple disabled={props.disabled} onClick={props.onClick} style={{ width: props.width }}>
 				<Stack direction="column" spacing={0.5}>
 					<Image
@ -194,21 +192,6 @@ ChannelButton.defaultProps = {
 	onClick: () => {},
 };

-const calculateColumnsPerRow = (breakpointSmall, breakpointMedium, breakpointLarge) => {
-	if (breakpointLarge) {
-		return 4;
-	} else if (breakpointMedium) {
-		return 3;
-	} else if (breakpointSmall) {
-		return 2;
-	}
-	return 1;
-};
-
-const calculateRowsToFit = (windowHeight, thumbnailHeight, otherUIHeight) => {
-	return Math.floor((windowHeight - otherUIHeight) / thumbnailHeight);
-};
-
 export default function ChannelList(props) {
 	const classes = useStyles();
 	const theme = useTheme();
@ -222,12 +205,8 @@ export default function ChannelList(props) {
 		open: false,
 		name: '',
 	});
-	const [windowWidth, setWindowWidth] = React.useState(window.innerWidth);
-	const [windowHeight, setWindowHeight] = React.useState(window.innerHeight);

-	const { channels: allChannels, channelid, onClick, onClose, onState } = props;
-
-	const [$largeChannelList, setLargeChannelList] = React.useState(false);
+	const { channels: allChannels, channelid, onClick, onState } = props;

 	React.useEffect(() => {
 		(async () => {
@ -267,40 +246,19 @@ export default function ChannelList(props) {
 						disabled={channelid === channel.channelid}
 						onClick={() => {
 							onClick(channel.channelid);
-							if ($largeChannelList) {
-								onClose();
-							}
 						}}
-						largeChannelList={$largeChannelList}
 					/>
 				);
 			});

 			setChannels(channels);
 		})();
-		// eslint-disable-next-line react-hooks/exhaustive-deps
 	}, [$pos, allChannels, $nChannels, channelid, onClick, onState]);

 	const onMount = async () => {
 		setPos(0);
 	};

-	React.useEffect(() => {
-		const handleResize = () => {
-			setWindowWidth(window.innerWidth);
-			setWindowHeight(window.innerHeight);
-		};
-
-		window.addEventListener('resize', handleResize);
-		return () => window.removeEventListener('resize', handleResize);
-	}, []);
-
-	React.useEffect(() => {
-		const columns = calculateColumnsPerRow(breakpointSmall, breakpointMedium, breakpointLarge);
-		const rows = $largeChannelList ? calculateRowsToFit(windowHeight, 200, 60) : 1;
-		setNChannels(rows * columns);
-	}, [breakpointSmall, breakpointMedium, breakpointLarge, windowHeight, windowWidth, $largeChannelList]);
-
 	const handleAddChannelDialog = () => {
 		setAddChannel({
 			...$addChannel,
@ -324,11 +282,6 @@ export default function ChannelList(props) {
 		return null;
 	}

-	const handleLargeChannelList = () => {
-		setLargeChannelList(!$largeChannelList);
-		setPos(0);
-	};
-
 	return (
 		<React.Fragment>
 			<SwipeableDrawer
@ -336,13 +289,7 @@ export default function ChannelList(props) {
 				open={props.open}
 				onOpen={() => {}}
 				onClose={props.onClose}
-				sx={{
-					marginButtom: 60,
-					'& .MuiDrawer-paper': {
-						top: $largeChannelList ? '0px!important' : 'auto!important',
-						height: $largeChannelList ? '100vh' : 'auto',
-					},
-				}}
+				sx={{ marginButtom: 60 }}
 				BackdropProps={{ invisible: true }}
 				classes={{
 					paper: classes.drawerPaper,
@ -360,9 +307,6 @@ export default function ChannelList(props) {
 									<IconButton color="inherit" size="large" onClick={handleAddChannelDialog}>
 										<AddIcon />
 									</IconButton>
-									<IconButton color="inherit" size="large" onClick={handleLargeChannelList}>
-										{$largeChannelList ? <FullscreenExitIcon /> : <FullscreenIcon />}
-									</IconButton>
 									<IconButton color="inherit" size="large" onClick={props.onClose}>
 										<CloseIcon />
 									</IconButton>
@ -383,7 +327,7 @@ export default function ChannelList(props) {
 									</IconButton>
 								</Stack>
 								<Stack direction="row" spacing={0} className={classes.channelItems}>
-									<Grid container spacing={0} justifyContent={$largeChannelList ? 'flex-start' : 'center'}>
+									<Grid container spacing={0} justifyContent="center">
 										{$channels}
 									</Grid>
 								</Stack>
--- a/src/misc/EncodingSelect.js
+++ b/src/misc/EncodingSelect.js
@ -155,14 +155,14 @@ export default function EncodingSelect(props) {
 				encoderList.push(
 					<MenuItem value={c.coder} key={c.coder}>
 						{c.name}
-					</MenuItem>,
+					</MenuItem>
 				);
 			}
 		} else {
 			encoderList.push(
 				<MenuItem value={c.coder} key={c.coder}>
 					{c.name}
-				</MenuItem>,
+				</MenuItem>
 			);
 		}
 	}
@ -195,7 +195,7 @@ export default function EncodingSelect(props) {
 			decoderList.push(
 				<MenuItem value={c.coder} key={c.coder}>
 					{c.name}
-				</MenuItem>,
+				</MenuItem>
 			);
 		}
 	}
--- a/src/misc/Filesize.js
+++ b/src/misc/Filesize.js
@ -1,28 +0,0 @@
-import React from 'react';
-
-// Adapted from https://stackoverflow.com/questions/10420352/converting-file-size-in-bytes-to-human-readable-string
-export default function Filesize(props) {
-	let bytes = props.bytes;
-	const thresh = props.si ? 1000 : 1024;
-
-	if (Math.abs(bytes) < thresh) {
-		return bytes + ' B';
-	}
-
-	const units = props.si ? ['kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'] : ['KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'];
-	let u = -1;
-	const r = 10 ** props.digits;
-
-	do {
-		bytes /= thresh;
-		++u;
-	} while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
-
-	return <React.Fragment>{bytes.toFixed(props.digits) + ' ' + units[u]}</React.Fragment>;
-}
-
-Filesize.defaultProps = {
-	bytes: 0,
-	si: false,
-	digits: 1,
-};
--- a/src/misc/FilterSelect.js
+++ b/src/misc/FilterSelect.js
@ -91,7 +91,7 @@ export default function FilterSelect(props) {
 				}

 				filterSettings.push(
-					<Settings key={c.filter} settings={profile.filter.settings[c.filter].settings} onChange={handleFilterSettingsChange(c.filter)} />,
+					<Settings key={c.filter} settings={profile.filter.settings[c.filter].settings} onChange={handleFilterSettingsChange(c.filter)} />
 				);
 			}
 		}
--- a/src/misc/LanguageSelect.js
+++ b/src/misc/LanguageSelect.js
@ -51,12 +51,10 @@ export default function LanguageSelect(props) {
 			<MenuItem value="it">Italiano</MenuItem>
 			<MenuItem value="ko">한국어</MenuItem>
 			<MenuItem value="pl">Polski</MenuItem>
-			<MenuItem value="pt-br">Português</MenuItem>
+			<MenuItem value="pt">Português</MenuItem>
 			<MenuItem value="ru">Русский</MenuItem>
 			<MenuItem value="sl">Slovenščina</MenuItem>
 			<MenuItem value="tr">Türkçe</MenuItem>
-			<MenuItem value="uk">Українська мова</MenuItem>
-			<MenuItem value="zh-hans">中文(简体)</MenuItem>
 		</Select>
 	);
 }
--- a/src/misc/MultiSelect.js
+++ b/src/misc/MultiSelect.js
@ -15,9 +15,16 @@ const MenuProps = {

 export default function Component(props) {
 	return (
-		<FormControl variant={props.variant} disabled={props.disabled} fullWidth>
+		<FormControl variant="outlined" fullWidth>
 			<InputLabel>{props.label}</InputLabel>
-			<Select multiple value={props.value} onChange={props.onChange} input={<OutlinedInput />} renderValue={props.renderValue} MenuProps={MenuProps}>
+			<Select
+				multiple
+				value={props.value}
+				onChange={props.onChange}
+				input={<OutlinedInput />}
+				renderValue={(selected) => selected.join(', ')}
+				MenuProps={MenuProps}
+			>
 				{props.children}
 			</Select>
 		</FormControl>
@ -25,10 +32,7 @@ export default function Component(props) {
 }

 Component.defaultProps = {
-	variant: 'outlined',
 	label: '',
 	value: [],
-	disabled: false,
-	renderValue: (selected) => selected.join(', '),
 	onChange: function (event) {},
 };
--- a/src/misc/Player/index.js
+++ b/src/misc/Player/index.js
@ -45,19 +45,17 @@ export default function Player(props) {
 							overlay = imgTag.outerHTML;
 						}

-						if (player.overlay) {
-							player.overlay({
-								align: props.logo.position,
-								overlays: [
-									{
-										showBackground: false,
-										content: overlay,
-										start: 'playing',
-										end: 'pause',
-									},
-								],
-							});
-						}
+						player.overlay({
+							align: props.logo.position,
+							overlays: [
+								{
+									showBackground: false,
+									content: overlay,
+									start: 'playing',
+									end: 'pause',
+								},
+							],
+						});
 					}

 					if (props.autoplay === true) {
--- a/src/misc/Player/video-js-skin-internal.css
+++ b/src/misc/Player/video-js-skin-internal.css
@ -89,7 +89,7 @@
 }

 .vjs-internal .vjs-slider-horizontal .vjs-volume-level:before {
-	top: 0em;
+	top: -0.4em;
 	right: -0.5em;
 }

--- a/src/misc/Player/video-js-skin-internal.min.css
+++ b/src/misc/Player/video-js-skin-internal.min.css
@ -1 +1,98 @@
-.vjs-internal{--video-js--primary:#eaea05}.vjs-internal .vjs-big-play-button{width:70px;height:70px;background:0 0;line-height:180px;font-size:180px;border:none;top:50%;left:50%;margin-top:-90px;color:rgba(255,255,255,.65)}.vjs-internal.vjs-big-play-button:focus,.vjs-internal:hover .vjs-big-play-button{background-color:transparent;color:rgba(255,255,255,1)}.vjs-internal .vjs-control-bar{top:calc(50% - 45px);height:100px;width:50px;background-color:#4d4d4d;border-top-right-radius:4px;border-bottom-right-radius:4px}.vjs-internal .vjs-button>.vjs-icon-placeholder:before{line-height:50px}.vjs-internal .vjs-play-progress:before{display:none}.vjs-internal .vjs-progress-control{display:none}.vjs-internal .vjs-paused,.vjs-internal .vjs-playing{width:50px;height:50px;border-radius:4px;background-color:#4d4d4d}.vjs-internal .vjs-volume-panel{width:50px;height:50px;border-radius:4px;padding-left:4px;background-color:#4d4d4d;margin:50px 0 0 -50px}.vjs-internal .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{padding-top:1em;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,right 1s 1s,top 1s 1s}.vjs-internal .vjs-volume-panel .vjs-volume-control.vjs-slider-active,.vjs-internal .vjs-volume-panel .vjs-volume-control:active,.vjs-internal .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,.vjs-internal .vjs-volume-panel.vjs-hover .vjs-volume-control,.vjs-internal .vjs-volume-panel:active .vjs-volume-control,.vjs-internal .vjs-volume-panel:focus .vjs-volume-control{visibility:visible;opacity:1;position:relative;transition:visibility .1s,opacity .1s,height .1s,width .1s,right 0s,top 0s}.vjs-internal .vjs-slider-horizontal .vjs-volume-level:before{top:0;right:-.5em}.vjs-internal .vjs-remaining-time{display:none}.vjs-internal .vjs-live-display{display:none}.vjs-internal .vjs-picture-in-picture-control{display:none}.vjs-internal .vjs-fullscreen-control{display:none}.vjs-internal .vjs-seek-to-live-control{display:none}.vjs-internal .vjs-subs-caps-button{display:none}.vjs-internal .vjs-custom-control-spacer{display:block;width:100%}
+.vjs-internal {
+	--video-js--primary: #eaea05;
+}
+.vjs-internal .vjs-big-play-button {
+	width: 70px;
+	height: 70px;
+	background: 0 0;
+	line-height: 180px;
+	font-size: 180px;
+	border: none;
+	top: 50%;
+	left: 50%;
+	margin-top: -90px;
+	color: rgba(255, 255, 255, 0.65);
+}
+.vjs-internal.vjs-big-play-button:focus,
+.vjs-internal:hover .vjs-big-play-button {
+	background-color: transparent;
+	color: rgba(255, 255, 255, 1);
+}
+.vjs-internal .vjs-control-bar {
+	top: calc(50% - 45px);
+	height: 100px;
+	width: 50px;
+	background-color: #4d4d4d;
+	border-top-right-radius: 4px;
+	border-bottom-right-radius: 4px;
+}
+.vjs-internal .vjs-button > .vjs-icon-placeholder:before {
+	line-height: 50px;
+}
+.vjs-internal .vjs-play-progress:before {
+	display: none;
+}
+.vjs-internal .vjs-progress-control {
+	display: none;
+}
+.vjs-internal .vjs-paused,
+.vjs-internal .vjs-playing {
+	width: 50px;
+	height: 50px;
+	border-radius: 4px;
+	background-color: #4d4d4d;
+}
+.vjs-internal .vjs-volume-panel {
+	width: 50px;
+	height: 50px;
+	border-radius: 4px;
+	padding-left: 4px;
+	background-color: #4d4d4d;
+	margin: 50px 0 0 -50px;
+}
+.vjs-internal .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
+	padding-top: 1em;
+	transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, right 1s 1s,
+		top 1s 1s;
+}
+.vjs-internal .vjs-volume-panel .vjs-volume-control.vjs-slider-active,
+.vjs-internal .vjs-volume-panel .vjs-volume-control:active,
+.vjs-internal
+	.vjs-volume-panel.vjs-hover
+	.vjs-mute-control
+	~ .vjs-volume-control,
+.vjs-internal .vjs-volume-panel.vjs-hover .vjs-volume-control,
+.vjs-internal .vjs-volume-panel:active .vjs-volume-control,
+.vjs-internal .vjs-volume-panel:focus .vjs-volume-control {
+	visibility: visible;
+	opacity: 1;
+	position: relative;
+	transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, right 0s,
+		top 0s;
+}
+.vjs-internal .vjs-slider-horizontal .vjs-volume-level:before {
+	top: -0.4em;
+	right: -0.5em;
+}
+.vjs-internal .vjs-remaining-time {
+	display: none;
+}
+.vjs-internal .vjs-live-display {
+	display: none;
+}
+.vjs-internal .vjs-picture-in-picture-control {
+	display: none;
+}
+.vjs-internal .vjs-fullscreen-control {
+	display: none;
+}
+.vjs-internal .vjs-seek-to-live-control {
+	display: none;
+}
+.vjs-internal .vjs-subs-caps-button {
+	display: none;
+}
+.vjs-internal .vjs-custom-control-spacer {
+	display: block;
+	width: 100%;
+}
--- a/src/misc/Player/video-js-skin-public.css
+++ b/src/misc/Player/video-js-skin-public.css
@ -1,117 +1,117 @@
 .vjs-public {
-    --video-js--primary: #EAEA05;
+	--video-js--primary: #eaea05;
 }

 /* play btn */

 .vjs-public .vjs-big-play-button {
-    width: 70px;
-    height: 70px;
-    background: none;
-    line-height: 180px;
-    font-size: 180px;
-    border: none;
-    top: 50%;
-    left: 50%;
-    margin-top: -90px;
-    margin-left: -90px;
-    color: rgba(255,255,255,.65);
-  }
+	width: 70px;
+	height: 70px;
+	background: none;
+	line-height: 180px;
+	font-size: 180px;
+	border: none;
+	top: 50%;
+	left: 50%;
+	margin-top: -90px;
+	margin-left: -90px;
+	color: rgba(255, 255, 255, 0.65);
+}

-  .vjs-public:hover .vjs-big-play-button,
-  .vjs-public.vjs-big-play-button:focus {
-    background-color: transparent;
-    color: rgba(255,255,255,1);
-  }
+.vjs-public:hover .vjs-big-play-button,
+.vjs-public.vjs-big-play-button:focus {
+	background-color: transparent;
+	color: rgba(255, 255, 255, 1);
+}

 /* controlbar */

 .vjs-public .vjs-control-bar {
-    height: 70px;
-    padding-top: 20px;
-    background: none;
-    background-image: linear-gradient(0deg, rgba(0,0,0,.85), transparent)
+	height: 70px;
+	padding-top: 20px;
+	background: none;
+	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.85), transparent);
 }

 .vjs-public .vjs-time-tooltip {
 	z-index: 0;
 }

-.vjs-public .vjs-button>.vjs-icon-placeholder:before {
-    line-height: 50px
+.vjs-public .vjs-button > .vjs-icon-placeholder:before {
+	line-height: 50px;
 }

 /* progressbar */

 .vjs-public .vjs-play-progress:before {
-    display: none
+	display: none;
 }

 .vjs-public .vjs-progress-control {
-    position: absolute;
-    top: 0;
-    right: 0;
-    left: 15px;
-    width: calc(100% - 30px);
-    height: 20px
+	position: absolute;
+	top: 0;
+	right: 0;
+	left: 15px;
+	width: calc(100% - 30px);
+	height: 20px;
 }

 .vjs-public .vjs-progress-control .vjs-progress-holder {
-    position: absolute;
-    top: 20px;
-    right: 0;
-    left: 0;
-    width: 100%;
-    margin: 0
+	position: absolute;
+	top: 20px;
+	right: 0;
+	left: 0;
+	width: 100%;
+	margin: 0;
 }

 .vjs-public .vjs-play-progress {
-    background-color: var(--video-js--primary);
+	background-color: var(--video-js--primary);
 }

 .vjs-public .vjs-slider {
-	background: rgba(255,255,255,.25);
+	background: rgba(255, 255, 255, 0.25);
 }

 .vjs-public .vjs-load-progress {
-    background: rgba(255,255,255,.25);
+	background: rgba(255, 255, 255, 0.25);
 }

 .vjs-public .vjs-load-progress div {
-    background: rgba(255,255,255,.25);
+	background: rgba(255, 255, 255, 0.25);
 }

 .vjs-public .vjs-remaining-time {
-    order: 0;
-    line-height: 50px;
-    flex: 3;
-    text-align: left;
+	order: 0;
+	line-height: 50px;
+	flex: 3;
+	text-align: left;
 }

 .vjs-public .vjs-live-control {
-    line-height: 50px;
+	line-height: 50px;
 }

 /* volume-panel */

 .vjs-public .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
-    padding-top: .95em;
+	padding-top: 1em;
 }

 .vjs-public .vjs-control .vjs-volume-panel {
-    width: 4.5em;
+	width: 4.5em;
 }

 /* live display */

 .vjs-public .vjs-live-display {
-    margin-left: 1.8em;
+	margin-left: 1.8em;
 }

 /* disable caps */

-.vjs-public .vjs-subs-caps-button {
-	display: none!important;
+.vjs-internal .vjs-subs-caps-button {
+	display: none;
 }

 /* spacer */
@ -123,52 +123,43 @@

 /* overlay */

-.vjs-public .vjs-overlay-no-background {
-	max-width: 25%!important;
+.vjs-public .vjs-overlay-no-background > img,
+.vjs-public .vjs-overlay-no-background > a > img {
+	max-width: 100% !important;
+	max-height: calc(18vw);
 }

-.vjs-public .vjs-overlay-no-background > img, .vjs-public .vjs-overlay-no-background > a > img {
-	max-width: 100%!important;
-    height: auto!important;
-}
-
-
-
 .vjs-public .vjs-overlay-top-left {
-	top: 15px!important;
-    left: 20px!important;
-    text-align: right;
+	top: 20px !important;
+	left: 30px !important;
 }

 .vjs-public .vjs-overlay-top-right {
-	top: 15px!important;
-    right: 20px!important;
-    text-align: right;
+	top: 20px !important;
+	right: 30px !important;
 }

 .vjs-public .vjs-overlay-bottom-left {
-	bottom: 15px!important;
-    left: 20px!important;
-    text-align: left;
+	bottom: 20px !important;
+	left: 30px !important;
 }

 .vjs-public .vjs-overlay-bottom-right {
-	bottom: 15px!important;
-    right: 20px!important;
-    text-align: left;
+	bottom: 20px !important;
+	right: 30px !important;
 }

 /* context menu */

 .vjs-public .vjs-license .vjs-menu .vjs-menu-content {
-	background: rgba(0,0,0,.8);
+	background: rgba(0, 0, 0, 0.8);
 }

 .vjs-public .vjs-license-top-level-header {
-    background: unset!important;
-    border-bottom: 1px solid rgba(255,255,255,.25);
+	background: unset !important;
+	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
 }

 .vjs-public .vjs-lock-open {
-    z-index: 1000;
+	z-index: 1000;
 }
--- a/src/misc/Player/video-js-skin-public.min.css
+++ b/src/misc/Player/video-js-skin-public.min.css
@ -1 +1 @@
-.vjs-public{--video-js--primary:#EAEA05}.vjs-public .vjs-big-play-button{width:70px;height:70px;background:none;line-height:180px;font-size:180px;border:0;top:50%;left:50%;margin-top:-90px;margin-left:-90px;color:rgba(255,255,255,.65)}.vjs-public:hover .vjs-big-play-button,.vjs-public.vjs-big-play-button:focus{background-color:transparent;color:rgba(255,255,255,1)}.vjs-public .vjs-control-bar{height:70px;padding-top:20px;background:none;background-image:linear-gradient(0,rgba(0,0,0,.85),transparent)}.vjs-public .vjs-time-tooltip{z-index:0}.vjs-public .vjs-button>.vjs-icon-placeholder:before{line-height:50px}.vjs-public .vjs-play-progress:before{display:none}.vjs-public .vjs-progress-control{position:absolute;top:0;right:0;left:15px;width:calc(100% - 30px);height:20px}.vjs-public .vjs-progress-control .vjs-progress-holder{position:absolute;top:20px;right:0;left:0;width:100%;margin:0}.vjs-public .vjs-play-progress{background-color:var(--video-js--primary)}.vjs-public .vjs-slider{background:rgba(255,255,255,.25)}.vjs-public .vjs-load-progress{background:rgba(255,255,255,.25)}.vjs-public .vjs-load-progress div{background:rgba(255,255,255,.25)}.vjs-public .vjs-remaining-time{order:0;line-height:50px;flex:3;text-align:left}.vjs-public .vjs-live-control{line-height:50px}.vjs-public .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{padding-top:.95em}.vjs-public .vjs-control .vjs-volume-panel{width:4.5em}.vjs-public .vjs-live-display{margin-left:1.8em}.vjs-public .vjs-subs-caps-button{display:none!important}.vjs-public .vjs-custom-control-spacer{display:block;width:100%}.vjs-public .vjs-overlay-no-background{max-width:25%!important}.vjs-public .vjs-overlay-no-background>img,.vjs-public .vjs-overlay-no-background>a>img{max-width:100%!important;height:auto!important}.vjs-public .vjs-overlay-top-left{top:15px!important;left:20px!important;text-align:right}.vjs-public .vjs-overlay-top-right{top:15px!important;right:20px!important;text-align:right}.vjs-public .vjs-overlay-bottom-left{bottom:15px!important;left:20px!important;text-align:left}.vjs-public .vjs-overlay-bottom-right{bottom:15px!important;right:20px!important;text-align:left}.vjs-public .vjs-license .vjs-menu .vjs-menu-content{background:rgba(0,0,0,.8)}.vjs-public .vjs-license-top-level-header{background:unset!important;border-bottom:1px solid rgba(255,255,255,.25)}.vjs-public .vjs-lock-open{z-index:1000}
+.vjs-public{--video-js--primary:#EAEA05}.vjs-public .vjs-big-play-button{width:70px;height:70px;background:0 0;line-height:180px;font-size:180px;border:none;top:50%;left:50%;margin-top:-90px;margin-left:-90px;color:rgba(255,255,255,.65)}.vjs-public.vjs-big-play-button:focus,.vjs-public:hover .vjs-big-play-button{background-color:transparent;color:rgba(255,255,255,1)}.vjs-public .vjs-control-bar{height:70px;padding-top:20px;background:0 0;background-image:linear-gradient(0deg,rgba(0,0,0,.85),transparent)}.vjs-public .vjs-time-tooltip{z-index:0}.vjs-public .vjs-button>.vjs-icon-placeholder:before{line-height:50px}.vjs-public .vjs-play-progress:before{display:none}.vjs-public .vjs-progress-control{position:absolute;top:0;right:0;left:15px;width:calc(100% - 30px);height:20px}.vjs-public .vjs-progress-control .vjs-progress-holder{position:absolute;top:20px;right:0;left:0;width:100%;margin:0}.vjs-public .vjs-play-progress{background-color:var(--video-js--primary)}.vjs-public .vjs-slider{background:rgba(255,255,255,.25)}.vjs-public .vjs-load-progress{background:rgba(255,255,255,.25)}.vjs-public .vjs-load-progress div{background:rgba(255,255,255,.25)}.vjs-public .vjs-remaining-time{order:0;line-height:50px;flex:3;text-align:left}.vjs-public .vjs-live-control{line-height:50px}.vjs-public .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{padding-top:1em}.vjs-public .vjs-control .vjs-volume-panel{width:4.5em}.vjs-public .vjs-live-display{margin-left:1.8em}.vjs-internal .vjs-subs-caps-button{display:none}.vjs-public .vjs-custom-control-spacer{display:block;width:100%}.vjs-public .vjs-overlay-no-background>a>img,.vjs-public .vjs-overlay-no-background>img{max-width:100%!important;max-height:calc(18vw)}.vjs-public .vjs-overlay-top-left{top:20px!important;left:30px!important}.vjs-public .vjs-overlay-top-right{top:20px!important;right:30px!important}.vjs-public .vjs-overlay-bottom-left{bottom:20px!important;left:30px!important}.vjs-public .vjs-overlay-bottom-right{bottom:20px!important;right:30px!important}.vjs-public .vjs-license .vjs-menu .vjs-menu-content{background:rgba(0,0,0,.8)}.vjs-public .vjs-license-top-level-header{background:unset!important;border-bottom:1px solid rgba(255,255,255,.25)}.vjs-public .vjs-lock-open{z-index:1000}
--- a/src/misc/Player/videojs.js
+++ b/src/misc/Player/videojs.js
@ -58,7 +58,7 @@ export default function VideoJS(props) {
 			direction="column"
 			justifyContent="center"
 			alignItems="center"
-			spacing={2}
+			spacing={1}
 			style={{ position: 'absolute', top: 0, left: 0, bottom: 0, right: 0 }}
 		>
 			<div data-vjs-player>
--- a/src/misc/Progress.js
+++ b/src/misc/Progress.js
@ -28,8 +28,6 @@ function init(props) {
 		drop: 0,
 		dup: 0,
 		frames: 0,
-		cpu: 0,
-		memory: 0,
 		...props,
 	};

@ -56,32 +54,6 @@ export default function Progress(props) {
 			<Grid item xs={12}>
 				<Divider />
 			</Grid>
-			<Grid item xs={12}>
-				<Typography variant="h4">
-					<strong>
-						<Number value={progress.cpu} digits={2} minDigits={2} />%
-					</strong>
-				</Typography>
-				<Typography variant="body2" gutterBottom>
-					<Trans>CPU</Trans>
-				</Typography>
-			</Grid>
-			<Grid item xs={12}>
-				<Divider />
-			</Grid>
-			<Grid item xs={12}>
-				<Typography variant="h4">
-					<strong>
-						<Number value={progress.memory / 1024 / 1024} digits={0} minDigits={0} /> MB
-					</strong>
-				</Typography>
-				<Typography variant="body2" gutterBottom>
-					<Trans>Memory</Trans>
-				</Typography>
-			</Grid>
-			<Grid item xs={12}>
-				<Divider />
-			</Grid>
 			<Grid item xs={12}>
 				<Typography variant="h4">
 					<strong>
--- a/src/misc/SelectCustom.js
+++ b/src/misc/SelectCustom.js
@ -41,11 +41,7 @@ export default function Component(props) {
 			isCustom: v === props.customKey ? true : false,
 		});

-		props.onChange({
-			target: {
-				value: v === props.customKey ? value.custom : value.value,
-			},
-		});
+		props.onChange(event);
 	};

 	const handleCustomChange = (event) => {
@ -63,7 +59,7 @@ export default function Component(props) {
 		options.push(
 			<MenuItem key={o.value} value={o.value} disabled={o.disabled === true}>
 				{o.label}
-			</MenuItem>,
+			</MenuItem>
 		);
 	}

@ -74,7 +70,7 @@ export default function Component(props) {
 					{$value.isCustom === true ? (
 						<React.Fragment>
 							<Grid item xs={6}>
-								<FormControl variant={props.variant} fullWidth>
+								<FormControl variant={props.variant} fullWidth MenuProps={{ disableScrollLock: true }}>
 									<InputLabel>{props.label}</InputLabel>
 									<Select
 										value={$value.isCustom === false ? $value.value : props.customKey}
--- a/src/misc/UploadButton.js
+++ b/src/misc/UploadButton.js
@ -1,97 +0,0 @@
-import React from 'react';
-
-import FormInlineButton from './FormInlineButton';
-
-export default function UploadButton(props) {
-	const { acceptTypes, label, onError, onStart, onUpload, ...other } = props;
-
-	const accept = props.acceptTypes.map((t) => t.mimetype);
-
-	const handleUpload = (event) => {
-		const handler = (event) => {
-			const files = event.target.files;
-
-			if (files.length === 0) {
-				// no files selected
-				props.onError({
-					type: 'nofiles',
-				});
-				return;
-			}
-
-			const file = files[0];
-
-			let type = null;
-			for (let t of props.acceptTypes) {
-				const accept = t.mimetype.split('/');
-				const actual = file.type.split('/');
-
-				if (accept[0] !== actual[0]) {
-					continue;
-				}
-
-				if (accept[1] === '*' || accept[1] === actual[1]) {
-					type = t;
-					break;
-				}
-			}
-
-			if (type === null) {
-				// not one of the allowed mimetypes
-				props.onError({
-					type: 'mimetype',
-					actual: file.type,
-					allowed: accept.slice(),
-				});
-				return;
-			}
-
-			if (file.size > type.maxSize) {
-				// the file is too big
-				props.onError({
-					type: 'size',
-					actual: file.size,
-					allowed: type.maxSize,
-				});
-				return;
-			}
-
-			let reader = new FileReader();
-			reader.readAsArrayBuffer(file);
-			reader.onloadend = async () => {
-				if (reader.result === null) {
-					// reading the file failed
-					props.onError({
-						type: 'read',
-						message: reader.error.message,
-					});
-					return;
-				}
-
-				props.onUpload(reader.result, type.extension, type.mimetype);
-			};
-		};
-
-		props.onStart();
-
-		handler(event);
-
-		// reset the value such that the onChange event will be triggered again
-		// if the same file gets selected again
-		event.target.value = null;
-	};
-
-	return (
-		<FormInlineButton component="label" {...other}>
-			{props.label}
-			<input accept={accept.join(',')} type="file" hidden onChange={handleUpload} />
-		</FormInlineButton>
-	);
-}
-
-UploadButton.defaultProps = {
-	label: '',
-	acceptTypes: [],
-	onError: function () {},
-	onUpload: function (data, extension) {},
-};
--- a/src/misc/coders/Decoders/audio/Default.js
+++ b/src/misc/coders/Decoders/audio/Default.js
@ -17,7 +17,6 @@ function createMapping(settings, stream, skills) {
 	const mapping = {
 		global: [],
 		local: [],
-		filter: [],
 	};

 	return mapping;
--- a/src/misc/coders/Decoders/index.js
+++ b/src/misc/coders/Decoders/index.js
@ -1,22 +1,21 @@
-import * as AudioDefault from './audio/default';
+import * as AudioDefault from './audio/Default';

-import * as NVDEC from './video/nvdec';
-import * as H264MMAL from './video/h264_mmal';
-import * as H264CUVID from './video/h264_cuvid';
-import * as HEVCCUVID from './video/hevc_cuvid';
-import * as MJPEGCUVID from './video/mjpeg_cuvid';
-import * as MPEG1CUVID from './video/mpeg1_cuvid';
-import * as MPEG2CUVID from './video/mpeg2_cuvid';
-import * as MPEG2MMAL from './video/mpeg2_mmal';
-import * as MPEG4CUVID from './video/mpeg4_cuvid';
-import * as MPEG4MMAL from './video/mpeg4_mmal';
-import * as VC1CUVID from './video/vc1_cuvid';
-import * as VC1MMAL from './video/vc1_mmal';
-import * as VideoDefault from './video/default';
-import * as VideoToolbox from './video/videotoolbox';
-import * as VP8CUVID from './video/vp8_cuvid';
-import * as VP9CUVID from './video/vp9_cuvid';
-import * as AV1CUVID from './video/av1_cuvid';
+import * as NVDEC from './video/NVDEC';
+import * as H264MMAL from './video/H264MMAL';
+import * as H264CUVID from './video/H264CUVID';
+import * as HEVCCUVID from './video/HEVCCUVID';
+import * as MJPEGCUVID from './video/MJPEGCUVID';
+import * as MPEG1CUVID from './video/MPEG1CUVID';
+import * as MPEG2CUVID from './video/MPEG2CUVID';
+import * as MPEG2MMAL from './video/MPEG2MMAL';
+import * as MPEG4CUVID from './video/MPEG4CUVID';
+import * as MPEG4MMAL from './video/MPEG4MMAL';
+import * as VC1CUVID from './video/VC1CUVID';
+import * as VC1MMAL from './video/VC1MMAL';
+import * as VideoDefault from './video/Default';
+import * as VideoToolbox from './video/VideoToolbox';
+import * as VP8CUVID from './video/VP8CUVID';
+import * as VP9CUVID from './video/VP9CUVID';

 class Registry {
 	constructor(type) {
@ -113,7 +112,6 @@ const videoRegistry = new Registry('video');

 videoRegistry.Register(VideoDefault);
 videoRegistry.Register(VideoToolbox);
-videoRegistry.Register(AV1CUVID);
 videoRegistry.Register(NVDEC);
 videoRegistry.Register(H264MMAL);
 videoRegistry.Register(H264CUVID);
--- a/src/misc/coders/Decoders/video/Default.js
+++ b/src/misc/coders/Decoders/video/Default.js
@ -17,7 +17,6 @@ function createMapping(settings, stream, skills) {
 	const mapping = {
 		global: [],
 		local: [],
-		filter: [],
 	};

 	return mapping;
--- a/src/misc/coders/Decoders/video/h264_cuvid.js
+++ b/src/misc/coders/Decoders/video/h264_cuvid.js
@ -17,7 +17,6 @@ function createMapping(settings, stream, skills) {
 	const mapping = {
 		global: [],
 		local: ['-c:v', 'h264_cuvid'],
-		filter: [],
 	};

 	return mapping;
--- a/src/misc/coders/Decoders/video/h264_mmal.js
+++ b/src/misc/coders/Decoders/video/h264_mmal.js
@ -17,7 +17,6 @@ function createMapping(settings, stream, skills) {
 	const mapping = {
 		global: [],
 		local: ['-c:v', 'h264_mmal'],
-		filter: [],
 	};

 	return mapping;
--- a/src/misc/coders/Decoders/video/hevc_cuvid.js
+++ b/src/misc/coders/Decoders/video/hevc_cuvid.js
@ -17,7 +17,6 @@ function createMapping(settings, stream, skills) {
 	const mapping = {
 		global: [],
 		local: ['-c:v', 'hevc_cuvid'],
-		filter: [],
 	};

 	return mapping;
--- a/src/misc/coders/Decoders/video/mjpeg_cuvid.js
+++ b/src/misc/coders/Decoders/video/mjpeg_cuvid.js
@ -17,7 +17,6 @@ function createMapping(settings, stream, skills) {
 	const mapping = {
 		global: [],
 		local: ['-c:v', 'mjpeg_cuvid'],
-		filter: [],
 	};

 	return mapping;
--- a/src/misc/coders/Decoders/video/mpeg1_cuvid.js
+++ b/src/misc/coders/Decoders/video/mpeg1_cuvid.js
@ -17,7 +17,6 @@ function createMapping(settings, stream, skills) {
 	const mapping = {
 		global: [],
 		local: ['-c:v', 'mpeg1_cuvid'],
-		filter: [],
 	};

 	return mapping;
--- a/src/misc/coders/Decoders/video/mpeg2_cuvid.js
+++ b/src/misc/coders/Decoders/video/mpeg2_cuvid.js
@ -17,7 +17,6 @@ function createMapping(settings, stream, skills) {
 	const mapping = {
 		global: [],
 		local: ['-c:v', 'mpeg2_cuvid'],
-		filter: [],
 	};

 	return mapping;
--- a/src/misc/coders/Decoders/video/mpeg2_mmal.js
+++ b/src/misc/coders/Decoders/video/mpeg2_mmal.js
@ -17,7 +17,6 @@ function createMapping(settings, stream, skills) {
 	const mapping = {
 		global: [],
 		local: ['-c:v', 'mpeg2_mmal'],
-		filter: [],
 	};

 	return mapping;
--- a/src/misc/coders/Decoders/video/mpeg4_cuvid.js
+++ b/src/misc/coders/Decoders/video/mpeg4_cuvid.js
@ -17,7 +17,6 @@ function createMapping(settings, stream, skills) {
 	const mapping = {
 		global: [],
 		local: ['-c:v', 'mpeg4_cuvid'],
-		filter: [],
 	};

 	return mapping;
--- a/src/misc/coders/Decoders/video/mpeg4_mmal.js
+++ b/src/misc/coders/Decoders/video/mpeg4_mmal.js
@ -17,7 +17,6 @@ function createMapping(settings, stream, skills) {
 	const mapping = {
 		global: [],
 		local: ['-c:v', 'mpeg4_mmal'],
-		filter: [],
 	};

 	return mapping;
--- a/src/misc/coders/Decoders/video/NVDEC.js
+++ b/src/misc/coders/Decoders/video/NVDEC.js
@ -17,7 +17,6 @@ function createMapping(settings, stream, skills) {
 	const mapping = {
 		global: [],
 		local: ['-hwaccel', 'cuda', '-hwaccel_output_format', 'cuda'],
-		filter: [],
 	};

 	return mapping;
--- a/src/misc/coders/Decoders/video/vc1_cuvid.js
+++ b/src/misc/coders/Decoders/video/vc1_cuvid.js
@ -17,7 +17,6 @@ function createMapping(settings, stream, skills) {
 	const mapping = {
 		global: [],
 		local: ['-c:v', 'vc1_cuvid'],
-		filter: [],
 	};

 	return mapping;
--- a/src/misc/coders/Decoders/video/vc1_mmal.js
+++ b/src/misc/coders/Decoders/video/vc1_mmal.js
@ -17,7 +17,6 @@ function createMapping(settings, stream, skills) {
 	const mapping = {
 		global: [],
 		local: ['-c:v', 'vc1_mmal'],
-		filter: [],
 	};

 	return mapping;
--- a/src/misc/coders/Decoders/video/vp8_cuvid.js
+++ b/src/misc/coders/Decoders/video/vp8_cuvid.js
@ -17,7 +17,6 @@ function createMapping(settings, stream, skills) {
 	const mapping = {
 		global: [],
 		local: ['-c:v', 'vp8_cuvid'],
-		filter: [],
 	};

 	return mapping;
--- a/src/misc/coders/Decoders/video/vp9_cuvid.js
+++ b/src/misc/coders/Decoders/video/vp9_cuvid.js
@ -17,7 +17,6 @@ function createMapping(settings, stream, skills) {
 	const mapping = {
 		global: [],
 		local: ['-c:v', 'vp9_cuvid'],
-		filter: [],
 	};

 	return mapping;
--- a/src/misc/coders/Decoders/video/VideoToolbox.js
+++ b/src/misc/coders/Decoders/video/VideoToolbox.js
@ -17,7 +17,6 @@ function createMapping(settings, stream, skills) {
 	const mapping = {
 		global: [],
 		local: ['-hwaccel', 'videotoolbox'],
-		filter: [],
 	};

 	return mapping;
@ -54,8 +53,8 @@ Coder.defaultProps = {
 };

 const coder = 'videotoolbox';
-const name = 'VideoToolbox';
-const codecs = ['h264', 'hevc', 'vp9', 'mpeg1', 'mpeg2', 'mpeg4'];
+const name = 'H264 (VideoToolbox)';
+const codecs = ['h264'];
 const type = 'video';
 const hwaccel = true;

--- a/Show More
+++ b/Show More
				`@ -1 +0,0 @@`
				.vjs-airplay-button .vjs-icon-placeholder{background:url("ic_airplay_white_24px.svg") center center no-repeat;background-size:contain;display:inline-block;width:12px;height:12px}.vjs-airplay-button:hover{cursor:pointer}.vjs-airplay-button:hover .vjs-icon-placeholder{background-image:url("ic_airplay_white_24px.svg")}.vjs-airplay-button.vjs-airplay-button-lg:not(.vjs-hidden){display:flex;align-items:center;width:auto;padding:0 4px}.vjs-airplay-button.vjs-airplay-button-lg:not(.vjs-hidden) .vjs-airplay-button-label{flex-grow:1;margin-left:4px}.vjs-airplay-button.vjs-airplay-button-lg:not(.vjs-hidden) .vjs-icon-placeholder{flex-grow:1}