Merge pull request #1150 from movie-web/fix/#962

decrease amount of margin of edit button on small screens

Dockerfile

@@ -23,6 +23,7 @@ ARG ONBOARDING_PROXY_INSTALL_LINK
 ARG DISALLOWED_IDS
 ARG CDN_REPLACEMENTS
 ARG TURNSTILE_KEY
+ARG ALLOW_AUTOPLAY="false"
 
 ENV VITE_PWA_ENABLED=${PWA_ENABLED}
 ENV VITE_GA_ID=${GA_ID}
@@ -39,6 +40,7 @@ ENV VITE_ONBOARDING_PROXY_INSTALL_LINK=${ONBOARDING_PROXY_INSTALL_LINK}
 ENV VITE_DISALLOWED_IDS=${DISALLOWED_IDS}
 ENV VITE_CDN_REPLACEMENTS=${CDN_REPLACEMENTS}
 ENV VITE_TURNSTILE_KEY=${TURNSTILE_KEY}
+ENV VITE_ALLOW_AUTOPLAY=${ALLOW_AUTOPLAY}
 
 COPY . ./
 RUN pnpm run build

package.json

@@ -1,6 +1,6 @@
 {
   "name": "movie-web",
-  "version": "4.6.5",
+  "version": "4.7.0",
   "private": true,
   "homepage": "https://github.com/movie-web/movie-web",
   "scripts": {
@@ -29,7 +29,7 @@
     "@formkit/auto-animate": "^0.8.1",
     "@headlessui/react": "^1.7.17",
     "@ladjs/country-language": "^1.0.3",
-    "@movie-web/providers": "^2.2.7",
+    "@movie-web/providers": "^2.3.0",
     "@noble/hashes": "^1.3.3",
     "@plasmohq/messaging": "^0.6.1",
     "@react-spring/web": "^9.7.3",
@@ -120,7 +120,7 @@
     "tailwindcss-themer": "^4.0.0",
     "type-fest": "^4.8.3",
     "typescript": "^5.3.3",
-    "vite": "^5.0.12",
+    "vite": "^5.0.13",
     "vite-plugin-checker": "^0.6.2",
     "vite-plugin-package-version": "^1.1.0",
     "vite-plugin-pwa": "^0.17.4",

src/assets/locales/de.json

@@ -155,7 +155,8 @@
     "types": {
       "movie": "Film",
       "show": "Serie"
-    }
+    },
+    "unreleased": "Unveröffentlicht"
   },
   "navigation": {
     "banner": {

src/assets/locales/en.json

@@ -278,7 +278,8 @@
         "loadingError": "Error loading season",
         "loadingList": "Loading...",
         "loadingTitle": "Loading...",
-        "unairedEpisodes": "One or more episodes in this season have been disabled because they haven't been aired yet."
+        "unairedEpisodes": "One or more episodes in this season have been disabled because they haven't been aired yet.",
+        "seasons": "Seasons"
       },
       "playback": {
         "speedLabel": "Playback speed",
@@ -362,7 +363,8 @@
     },
     "nextEpisode": {
       "cancel": "Cancel",
-      "next": "Next episode"
+      "next": "Next episode",
+      "nextSeason": "Next season"
     },
     "playbackError": {
       "badge": "Playback error",
@@ -523,6 +525,9 @@
       "thumbnail": "Generate thumbnails",
       "thumbnailDescription": "Most of the time, videos don't have thumbnails. You can enable this setting to generate them on the fly but they can make your video slower.",
       "thumbnailLabel": "Generate thumbnails",
+      "autoplay": "Autoplay",
+      "autoplayDescription": "Automatically play the next episode in a series after reaching the end. Can be enabled by users with the browser extension, a custom proxy, or with the default setup if allowed by the host.",
+      "autoplayLabel": "Autoplay",
       "title": "Preferences"
     },
     "reset": "Reset",

src/assets/locales/fa.json

@@ -312,7 +312,7 @@
         },
         "noEmbeds": {
           "text": "نتوانستیم اطلاعات را پیدا کنیم، لطفا منبع دیگری را امتحان کنید.",
-          "title": "اطلاعات پیدا نشد"
+          "title": "هیج اطلاعاتی پیدا نشد"
         },
         "noStream": {
           "text": "فیلم یا سریال شما در این منبع وجود ندارد.",
@@ -372,10 +372,10 @@
       "badge": "مشکلی در پخش به وجود آمده",
       "errors": {
         "errorAborted": "دریافت محتوا با درخواست کاربر لغو شد.",
-        "errorDecode": "با وجود اینکه قبلا مشخص شده بود که قابل استفاده است، یک خطا در هنگام تلاش برای رمزگشایی رسانه رخ داد که باعث مشکل شد.",
+        "errorDecode": "با وجود اینکه قبلا مشخص شده بود که قابل استفاده است، یک خطا در هنگام تلاش برای رمزگشایی محتوا رخ داد که باعث مشکل شد.",
         "errorGenericMedia": "خطای محتوای ناشناخته رخ داد.",
         "errorNetwork": "با وجود اینکه قبلا در دسترس بود، نوعی خطای شبکه رخ داد که مانع از دریافت محتوا شد.",
-        "errorNotSupported": "محتوا یا ارائه دهنده رسانه پشتیبانی نمی‌شود."
+        "errorNotSupported": "محتوا یا ارائه دهنده محتوا پشتیبانی نمی‌شود."
       },
       "homeButton": "بازگشت به خانه",
       "text": "مشکلی در پخش محتوا وجود داشت. لطفا دوباره تلاش کنید.",
@@ -398,7 +398,7 @@
         "badge": "پیدا نشد",
         "detailsButton": "نمایش جزئیات",
         "homeButton": "بازگشت به خانه",
-        "text": "ما در ارائه دهندگان جستجو کرده ایم ولی نمی توانیم محتوایی را که به دنبال آن را هستید پیدا کنیم! ما رسانه ها را میزبانی نمی کنیم و هیچ کنترلی بر آنچه در دسترس است نداریم. لطفا برای جزئیات بیشتر روی \"نمایش جزئیات\" در زیر کلیک کنید.",
+        "text": "ما در ارائه دهندگان جستجو کرده ایم ولی نمی توانیم محتوایی را که به دنبال آن را هستید پیدا کنیم! ما محتواها را میزبانی نمی کنیم و هیچ کنترلی بر آنچه در دسترس است نداریم. لطفا برای جزئیات بیشتر روی \"نمایش جزئیات\" در زیر کلیک کنید.",
         "title": "نتونستیم پیداش کنیم"
       }
     },
@@ -467,7 +467,7 @@
       },
       "register": {
         "cta": "شروع کنید",
-        "text": "پیشرفت تماشای خود را بین دستگاه‌ها به اشتراک بگذارید و آنها را با یکدیگر همگام سازی کنید.",
+        "text": "جریان تماشای خود را بین دستگاه‌ها به اشتراک بگذارید و آنها را با یکدیگر همگام سازی کنید.",
         "title": "همگام سازی"
       },
       "title": "حساب کاربری"
@@ -487,7 +487,7 @@
       "server": {
         "description": "اگر میخواید به یک بک-اند سفارشی برای ذخیره داده متصل شوید، با فعال و ارائه استفاده این لینک ادامه دهید. <0>دستورالعمل ها.</0>",
         "label": "سرور سفارشی",
-        "urlLabel": "لینک سرور سفارشی"
+        "urlLabel": "لینک سرور کاستوم"
       },
       "setup": {
         "doSetup": "راه اندازی کنید",
@@ -503,7 +503,7 @@
         },
         "redoSetup": "تنظیم مجدد",
         "successStatus": {
-          "description": "همه چیز برای شروع تماشای محتوای مورد علاقه‌تان آماده است.",
+          "description": "همه چیز برای شروع تماشای فیلم مورد علاقه‌تان آماده است.",
           "title": "همه چیز تنظیم شده است!"
         },
         "unsetStatus": {
@@ -516,7 +516,7 @@
         "addButton": "اضافه کردن worker جدید",
         "description": "برای ایجاد عملکرد برنامه، تمام ترافیک از طریق پروکسی ها هدایت می شود. اگر میخواید این کار انجام دهید حتما از worker های خودتان استفاده کنید. <0>دستورالعمل ها.</0>",
         "emptyState": "هنوز هیچ worker ای وجود ندارد، یکی اضافه کنید",
-        "label": "استفاده از worker های پروکسی سفارشی",
+        "label": "از پروکسی worker کاستوم استفاده کنید",
         "urlLabel": "لینک worker ها",
         "urlPlaceholder": "https://"
       }
@@ -525,7 +525,7 @@
       "language": "زبان برنامه",
       "languageDescription": "زبان برای کل برنامه اعمال شد.",
       "thumbnail": "ایجاد تامبنیل",
-      "thumbnailDescription": "بیشتر اوقات، ویدیوها تامبنیل ندارند. شما می توانید این تنظیم را فعال کنید تا آنها را در لحظه تولید کنید، اما آنها می توانند ویدیوی شما را کندتر کنند.",
+      "thumbnailDescription": "بیشتر اوقات، ویدیوها تامبنیل ندارند. شما می توانید این تنظیم را فعال کنید تا آنها را در لحظه ببینید، اما آنها می توانند ویدیوی شما را کندتر کنند.",
       "thumbnailLabel": "ایجاد تامبنیل",
       "title": "اولویت ها"
     },
@@ -536,8 +536,8 @@
         "appVersion": "نسخه برنامه",
         "backendUrl": "لینک بک-اند",
         "backendVersion": "نسخه بک-اند",
-        "hostname": "نام میزبان",
-        "insecure": "نا امن",
+        "hostname": "نام هاست",
+        "insecure": "ناامن",
         "notLoggedIn": "شما وارد نشده اید",
         "secure": "امن",
         "title": "اطلاعات برنامه",
@@ -551,7 +551,7 @@
       "colorLabel": "رنگ",
       "previewQuote": "نباید بترسم، ترس قاتل ذهن است.",
       "textSizeLabel": "اندازه متن",
-      "title": "زیرنویس"
+      "title": "زیرنویسها"
     },
     "unsaved": "شما تغییرات ذخیره نشده دارید"
   }

src/assets/locales/fr.json

@@ -7,7 +7,7 @@
       "title": "D'où vient le contenu ?"
     },
     "q2": {
-      "body": "Il est impossible de demander un film ou une série car movie-web ne gère aucun contenu. Le contenu est récupéré en explorant d'autres sites sur Internet.",
+      "body": "Il est impossible de demander un film ou une série, car movie-web ne gère aucun contenu. Le contenu est récupéré en explorant d'autres sites sur Internet.",
       "title": "Où puis-je demander une série ou un film ?"
     },
     "q3": {
@@ -25,26 +25,26 @@
     "deviceNameLabel": "Nom de l'appareil",
     "deviceNamePlaceholder": "Téléphone personnel",
     "generate": {
-      "description": "Le nom d'utilisateur et le mot de passe sont obtenus à partir de votre passphrase. Vous devrez la saisir pour accéder à votre compte, alors gardez-la précieusement",
-      "next": "J'ai sauvegardé ma passphrase",
-      "passphraseFrameLabel": "Passphrase",
-      "title": "Votre passphrase"
+      "description": "Le nom d'utilisateur et le mot de passe sont obtenus à partir de votre phrase d'accès. Vous devrez la saisir pour accéder à votre compte, alors gardez-la précieusement",
+      "next": "J'ai sauvegardé ma phrase d'accès",
+      "passphraseFrameLabel": "Phrase d'accès",
+      "title": "Votre phrase d'accès"
     },
     "hasAccount": "Avez-vous déjà un compte ? <0>Connectez-vous ici.</0>",
     "login": {
-      "description": "Veuillez saisir votre passphrase pour accéder à votre compte",
+      "description": "Veuillez saisir votre phrase d'accès pour accéder à votre compte",
       "deviceLengthError": "Veuillez saisir un nom d'appareil",
-      "passphraseLabel": "Passphrase de 12 mots",
-      "passphrasePlaceholder": "Passphrase",
+      "passphraseLabel": "Phrase d'accès de 12 mots",
+      "passphrasePlaceholder": "Phrase d'accès",
       "submit": "Se connecter",
       "title": "Connectez-vous à votre compte",
-      "validationError": "Passphrase incorrecte ou incomplète"
+      "validationError": "Phrase d'accès incorrecte ou incomplète"
     },
     "register": {
       "information": {
         "color1": "Première couleur de profil",
         "color2": "Seconde couleur de profil",
-        "header": "Veuillez entrer un nom pour votre appareil, choisir une couleur et une icône utilisateur de votre choix",
+        "header": "Veuillez entrer un nom pour votre appareil, choisir vos couleurs et une icône utilisateur de votre choix",
         "icon": "Icône d'utilisateur",
         "next": "Suivant",
         "title": "Informations du compte"
@@ -63,13 +63,13 @@
       "yes": "Je fais confiance à ce serveur"
     },
     "verify": {
-      "description": "Veuillez saisir votre passphrase pour confirmer que vous l'avez enregistrée et pour créer votre compte",
+      "description": "Veuillez saisir votre phrase d'accès pour confirmer que vous l'avez enregistrée et pour créer votre compte",
       "invalidData": "Les données ne sont pas valides",
-      "noMatch": "La passphrase ne correspond pas",
-      "passphraseLabel": "Votre passphrase de 12 mots",
-      "recaptchaFailed": "La validation ReCaptcha a échouée",
+      "noMatch": "La phrase d'accès ne correspond pas",
+      "passphraseLabel": "Votre phrase d'accès de 12 mots",
+      "recaptchaFailed": "La validation ReCaptcha a échoué",
       "register": "Créer un compte",
-      "title": "Resaisissez votre passphrase"
+      "title": "Ressaisissez votre phrase d'accès"
     }
   },
   "errors": {
@@ -82,7 +82,7 @@
   "footer": {
     "legal": {
       "disclaimer": "Avertissement",
-      "disclaimerText": "Le site movie-web ne stocke pas de fichiers, mais propose des liens vers des services externes. Les problèmes juridiques doivent être traités avec les fournisseurs et les hébergeurs de fichiers. Les fichiers multimédias diffusés par les fournisseurs de vidéos ne sont pas couverts par movie-web."
+      "disclaimerText": "movie-web ne stocke pas de fichiers, mais propose des liens vers des services externes. Les problèmes juridiques doivent être traités avec les fournisseurs et les hébergeurs de fichiers. Les fichiers multimédias diffusés par les fournisseurs de vidéos ne sont pas couverts par movie-web."
     },
     "links": {
       "discord": "Discord",
@@ -115,14 +115,14 @@
     },
     "search": {
       "allResults": "C'est tout ce que nous avons !",
-      "failed": "Le média n'a pas été trouvé, veuillez réessayez !",
+      "failed": "Le média n'a pas été trouvé, veuillez réessayer !",
       "loading": "Chargement...",
       "noResults": "Nous n'avons rien trouvé !",
       "placeholder": {
         "default": "Que voulez-vous voir ?",
         "extra": [
           "Que voulez-vous explorer ?",
-          "Que y a-t-il dans votre liste de lecture?",
+          "Qu'y a-t-il dans votre liste de lecture ?",
           "Quel est votre film préféré ?",
           "Quelle est votre série préférée ?"
         ]
@@ -155,11 +155,12 @@
     "types": {
       "movie": "Film",
       "show": "Série"
-    }
+    },
+    "unreleased": "Non publié"
   },
   "navigation": {
     "banner": {
-      "offline": "Vérifiez votre connexion internet"
+      "offline": "Veuillez vérifier votre connexion internet"
     },
     "menu": {
       "about": "À propos de nous",
@@ -173,24 +174,24 @@
   "notFound": {
     "badge": "Introuvable",
     "goHome": "Retourner à l'accueil",
-    "message": "Nous avons cherché partout : sous les poubelles, dans le placard, derrière le proxy, mais nous n'avons finalement pas trouvé la page que vous cherchez.",
+    "message": "Nous avons cherché partout : sous les poubelles, dans le placard, derrière le proxy, mais nous n'avons pas pu trouver la page que vous cherchez.",
     "title": "Impossible de trouver cette page"
   },
   "onboarding": {
     "defaultConfirm": {
       "cancel": "Annuler",
       "confirm": "Utiliser la configuration par défaut",
-      "description": "La configuration par défaut n'offre pas les meilleurs flux et peut être insupportablement lente.",
+      "description": "La configuration par défaut n'offre pas les meilleurs flux et peut-être insupportablement lente.",
       "title": "Êtes-vous sûr ?"
     },
     "extension": {
       "back": "Revenir en arrière",
       "explainer": "En utilisant l'extension de navigateur, vous pouvez obtenir les meilleurs flux que nous avons à offrir. Avec juste une simple installation.",
-      "explainerIos": "Malheureusement, l'extension web n'est pas prise en charge sur iOS, appuyez sur <bold> Revenir en arrière </bold> pour choisir une autre option.",
-      "extensionHelp": "Si vous avez installé l'extension mais qu'elle n'est pas détectée, <bold>ouvrez l'extension via le menu des extensions de votre navigateur</bold> et suivez les étapes à l'écran.",
+      "explainerIos": "Malheureusement, l'extension web n'est pas prise en charge sur iOS, appuyez sur <bold>Retour</bold> pour choisir une autre option.",
+      "extensionHelp": "Si vous avez installé l'extension, mais qu'elle n'est pas détectée, <bold>ouvrez l'extension via le menu des extensions de votre navigateur</bold> et suivez les étapes à l'écran.",
       "linkChrome": "Installer l'extension Chrome",
       "linkFirefox": "Installer l'extension Firefox",
-      "notDetecting": "L'extension est installée sur Chrome mais le site ne la détecte pas ? Essayez de rafraîchir la page !",
+      "notDetecting": "L'extension est installée sur Chrome, mais le site ne la détecte pas ? Essayez de rafraîchir la page !",
       "notDetectingAction": "Rafraîchir la page",
       "status": {
         "disallowed": "L'extension n'est pas activée pour cette page",
@@ -204,12 +205,12 @@
       "title": "Commençons par une extension"
     },
     "proxy": {
-      "back": "Revenir en arrière",
+      "back": "Retour",
       "explainer": "Avec la méthode du proxy, vous pouvez obtenir des flux de bonne qualité en créant un proxy en libre-service.",
       "input": {
         "errorConnection": "Impossible de se connecter au proxy",
         "errorInvalidUrl": "URL non valide",
-        "errorNotProxy": "Je m'attendais à un proxy mais j'ai obtenu un site Web",
+        "errorNotProxy": "Je m'attendais à un proxy, mais j'ai obtenu un site Web",
         "label": "URL du proxy",
         "placeholder": "https://"
       },
@@ -221,17 +222,17 @@
       "explainer": "Pour obtenir les meilleurs flux possibles, vous devrez choisir la méthode de streaming que vous souhaitez utiliser.",
       "options": {
         "default": {
-          "text": "Je ne veux pas de flux de bonne qualité,<0 /> <1>Utiliser le flux par défaut</1>"
+          "text": "Je ne veux pas de flux de bonne qualité,<0 /> <1>utiliser le flux par défaut</1>"
         },
         "extension": {
           "action": "Installer l'extension",
           "description": "Installez l'extension pour navigateur et accédez aux meilleures sources.",
-          "quality": "Meilleur qualité",
+          "quality": "Meilleure qualité",
           "title": "Extension du navigateur"
         },
         "proxy": {
           "action": "Configurez le proxy",
-          "description": "Configurez un proxy en seulement 5 minutes et accédez à d'excellentes sources.",
+          "description": "Configurez un proxy en seulement cinq minutes et accédez à d'excellentes sources.",
           "quality": "Bonne qualité",
           "title": "Proxy personnalisé"
         }
@@ -256,14 +257,14 @@
         "disclaimer": "Les téléchargements sont effectués directement par le fournisseur. movie-web n'a aucun contrôle sur la manière dont les téléchargements sont effectués.",
         "downloadSubtitle": "Télécharger les sous-titres",
         "downloadVideo": "Télécharger la vidéo",
-        "hlsDisclaimer": "Les téléchargements sont effectués directement auprès du fournisseur. movie-web n'a aucun contrôle sur la façon dont les téléchargements sont fournis.<br /><br />Veuillez noter que vous téléchargez une liste de lecture HLS, <bold>il n'est pas recommandé de la télécharger si vous n'êtes pas familier avec les formats de streaming avancés. </bold>. Essayez différentes sources pour différents formats.",
+        "hlsDisclaimer": "Les téléchargements sont effectués directement auprès du fournisseur. movie-web n'a aucun contrôle sur la façon dont les téléchargements sont fournis.<br /><br />Veuillez noter que vous téléchargez une liste de lecture HLS, <bold>il n'est pas recommandé de la télécharger si vous n'êtes pas familier avec les formats de streaming avancés</bold>. Essayez différentes sources pour différents formats.",
         "onAndroid": {
-          "1": "Pour télécharger sur Android, cliquez sur le bouton de téléchargement puis, sur la nouvelle page, <bold>tapez et maintenez </bold> sur la vidéo, puis sélectionnez <bold>enregistrer</bold>.",
+          "1": "Pour télécharger sur Android, cliquez sur le bouton de téléchargement, puis, sur la nouvelle page, <bold>tapez et maintenez</bold> sur la vidéo, et sélectionnez <bold>enregistrer</bold>.",
           "shortTitle": "Télécharger / Android",
           "title": "Téléchargement sur Android"
         },
         "onIos": {
-          "1": "Pour télécharger sur iOS, cliquez sur le bouton de téléchargement puis, sur la nouvelle page, cliquez sur <bold><ios_share /></bold>, puis <bold>Enregistrer dans les fichiers <ios_files /></bold>.",
+          "1": "Pour télécharger sur iOS, cliquez sur le bouton de téléchargement, puis, sur la nouvelle page, cliquez sur <bold><ios_share /></bold>, et <bold>Enregistrer dans les fichiers <ios_files /></bold>.",
           "shortTitle": "Télécharger / iOS",
           "title": "Télécharger sur iOS"
         },
@@ -281,7 +282,7 @@
         "loadingError": "Erreur lors du chargement de la saison",
         "loadingList": "Chargement...",
         "loadingTitle": "Chargement...",
-        "unairedEpisodes": "Un ou plusieurs épisodes de cette saison ont été désactivés car ils n'ont pas encore été diffusés."
+        "unairedEpisodes": "Un ou plusieurs épisodes de cette saison ont été désactivés, car ils n'ont pas encore été diffusés."
       },
       "playback": {
         "speedLabel": "Vitesse de lecture",
@@ -290,7 +291,7 @@
       "quality": {
         "automaticLabel": "Qualité automatique",
         "hint": "Vous pouvez essayer de <0>changer de source</0> pour obtenir différentes options de qualité.",
-        "iosNoQuality": "En raison des limitations définies par Apple, la sélection de la qualité n'est pas disponible sur iOS pour cette source. Vous pouvez essayer <0>de passer à une autre source</0> pour obtenir des options de qualité différentes.",
+        "iosNoQuality": "En raison des limitations définies par Apple, la sélection de la qualité n'est pas disponible sur iOS pour cette source. Vous pouvez essayer <0>de changer de source</0> pour obtenir des options de qualité différentes.",
         "title": "Qualité"
       },
       "settings": {
@@ -311,7 +312,7 @@
         },
         "noEmbeds": {
           "text": "Nous n'avons pas trouvé de liens, veuillez essayer une autre source.",
-          "title": "Pas d'embeds trouvés"
+          "title": "Pas d'intégrations (embeds) trouvées"
         },
         "noStream": {
           "text": "Cette source n'a pas de flux pour ce film ou cette série.",
@@ -374,13 +375,20 @@
         "errorDecode": "Bien qu'elle ait été jugée utilisable, une erreur s'est produite lors de la tentative de décodage de la ressource multimédia, ce qui a entraîné une erreur.",
         "errorGenericMedia": "Une erreur de média inconnue est survenue.",
         "errorNetwork": "Une erreur de réseau s'est produite qui a empêché la récupération du média, bien qu'il ait été disponible auparavant.",
-        "errorNotSupported": "L'objet du media ou de la source du média n'est pas supporté."
+        "errorNotSupported": "L'objet du média ou de la source du média n'est pas supporté."
       },
       "homeButton": "Revenir à l'accueil",
       "text": "Une erreur s'est produite lors de la lecture du média. Veuillez réessayer.",
       "title": "Oups, c'est coupé !"
     },
     "scraping": {
+      "extensionFailure": {
+        "badge": "Extension désactivée",
+        "enableExtension": "Activer l'extension",
+        "homeButton": "Revenir à l'accueil",
+        "text": "Vous avez installé l'extension movie-web. Pour commencer à l'utiliser, vous devez activer l'extension pour ce site.",
+        "title": "Veuillez activer l'extension"
+      },
       "items": {
         "failure": "Une erreur est survenue",
         "notFound": "N'a pas la vidéo",
@@ -409,7 +417,7 @@
   },
   "screens": {
     "dmca": {
-      "text": "Bienvenue sur la page de contact DMCA de movie-web ! Nous respectons les droits de propriété intellectuelle et souhaitons répondre rapidement à toute question relative aux droits d'auteur. Si vous pensez que votre œuvre protégée par des droits d'auteur a été utilisée de manière inappropriée sur notre plateforme, veuillez envoyer une notification DMCA détaillée à l'adresse électronique ci-dessous. Veuillez inclure une description du matériel protégé par des droits d'auteur, vos coordonnées et une déclaration de bonne foi. Nous nous engageons à résoudre ces problèmes rapidement et vous remercions de votre coopération pour que movie-web reste un lieu respectueux de la créativité et des droits d'auteur.",
+      "text": "Bienvenue sur la page de contact DMCA de movie-web ! Nous respectons les droits de propriété intellectuelle et souhaitons répondre rapidement à toute question relative aux droits d'auteur. Si vous pensez que votre œuvre protégée par des droits d'auteur a été utilisée de manière inappropriée sur notre plateforme, veuillez envoyer une notification DMCA détaillée à l'adresse électronique ci-dessous. Veuillez inclure une description du matériel protégé par des droits d'auteur, vos coordonnées et une déclaration de bonne foi. Nous nous engageons à résoudre ces problèmes rapidement et vous remercions pour votre coopération pour que movie-web reste un lieu respectueux de la créativité et des droits d'auteur.",
       "title": "DMCA"
     },
     "loadingApp": "Chargement de l'application",
@@ -421,7 +429,7 @@
       "textWithReset": "Echec du chargement de votre profil à partir de votre serveur personnalisé, souhaitez-vous revenir au serveur par défaut ?"
     },
     "migration": {
-      "failed": "La migration de vos données a échouée.",
+      "failed": "La migration de vos données a échoué.",
       "inProgress": "Veuillez patienter, nous sommes en train de migrer vos données. Cela ne devrait pas prendre longtemps."
     }
   },
@@ -458,7 +466,7 @@
         "userIcon": "Icône de l'utilisateur"
       },
       "register": {
-        "cta": "Démarrer",
+        "cta": "Commencer",
         "text": "Partagez la progression de vos films et séries entre vos appareils et gardez-les synchronisés.",
         "title": "Synchroniser au Cloud"
       },
@@ -471,7 +479,7 @@
         "default": "Défaut",
         "gray": "Gris",
         "red": "Rouge",
-        "teal": "Saphir"
+        "teal": "Bleu canard"
       },
       "title": "Apparence"
     },
@@ -495,8 +503,8 @@
         },
         "redoSetup": "Refaire la configuration",
         "successStatus": {
-          "description": "Tout est réuni pour que vous puissiez commencer à regarder vos médias préférés.",
-          "title": "Tout est mis en place !"
+          "description": "Tout prêt pour que vous puissiez commencer à regarder vos médias préférés.",
+          "title": "Tout est en place !"
         },
         "unsetStatus": {
           "description": "Pour commencer le processus de configuration, veuillez cliquer sur le bouton à droite.",
@@ -514,11 +522,11 @@
       }
     },
     "preferences": {
-      "language": "Language de l'application",
+      "language": "Langage de l'application",
       "languageDescription": "Langue appliquée à l’ensemble de l’application.",
-      "thumbnail": "Générer des miniatures",
+      "thumbnail": "Générer les miniatures",
       "thumbnailDescription": "La plupart du temps, les vidéos n'ont pas de miniatures. Vous pouvez activer ce paramètre pour les générer à la volée, mais ils peuvent ralentir votre vidéo.",
-      "thumbnailLabel": "Générer des miniatures",
+      "thumbnailLabel": "Générer les miniatures",
       "title": "Préférences"
     },
     "reset": "Réinitialiser",
@@ -526,7 +534,7 @@
     "sidebar": {
       "info": {
         "appVersion": "Version de l'application",
-        "backendUrl": "URL de Backend",
+        "backendUrl": "URL du Backend",
         "backendVersion": "Version du Backend",
         "hostname": "Nom d'hôte",
         "insecure": "Non sécurisé",
@@ -539,7 +547,7 @@
     },
     "subtitles": {
       "backgroundBlurLabel": "Flou d'arrière-plan",
-      "backgroundLabel": "Opacité du fond",
+      "backgroundLabel": "Opacité de l'arrière-plan",
       "colorLabel": "Couleur",
       "previewQuote": "Plus l'obscurité est profonde, plus la lumière brille.",
       "textSizeLabel": "Taille des textes",

src/assets/locales/hi.json

@@ -155,7 +155,8 @@
     "types": {
       "movie": "मूवी",
       "show": "शृंखला"
-    }
+    },
+    "unreleased": "रिलीज़ नहीं हुवा"
   },
   "navigation": {
     "banner": {
@@ -172,7 +173,7 @@
   },
   "notFound": {
     "badge": "नहीं मिला",
-    "goHome": "घर वापिस जा रहा हूँ",
+    "goHome": "घर वापिस जाइये",
     "message": "हमने हर जगह देखा: डिब्बे के नीचे, कोठरी में, प्रॉक्सी के पीछे लेकिन अंततः वह पेज नहीं मिला जिसे आप ढूंढ रहे थे।",
     "title": "वह पृष्ठ नहीं मिल सका"
   },
@@ -294,6 +295,7 @@
         "title": "गुणवत्ता"
       },
       "settings": {
+        "audioItem": "ऑडियो",
         "downloadItem": "डाउनलोड",
         "enableSubtitles": "उपशीर्षक सक्षम करें",
         "experienceSection": "देखने का अनुभव",
@@ -320,8 +322,9 @@
         "unknownOption": "अज्ञात"
       },
       "subtitles": {
-        "customChoice": "फ़ाइल से उपशीर्षक चुनें",
+        "customChoice": "फ़ाइल ड्रॉप या अपलोड करें",
         "customizeLabel": "अनुकूलित करें",
+        "dropSubtitleFile": "उपशीर्षक फ़ाइल यहां छोड़ें",
         "offChoice": "बंद",
         "settings": {
           "backlink": "कस्टम उपशीर्षक",
@@ -379,6 +382,13 @@
       "title": "वीडियो चलाने में विफल!"
     },
     "scraping": {
+      "extensionFailure": {
+        "badge": "एक्सटेंशन बन्द हें",
+        "enableExtension": "एक्सटेंशन सक्षम करें",
+        "homeButton": "घर जाओ",
+        "text": "आपने मूवी-वेब एक्सटेंशन इंस्टॉल कर लिया है. इसका उपयोग शुरू करने के लिए, आपको इस साइट के लिए एक्सटेंशन सक्षम करना होगा।",
+        "title": "कृपया एक्सटेंशनको सक्षम करें"
+      },
       "items": {
         "failure": "त्रुटि हुई",
         "notFound": "वीडियो नहीं है",
@@ -536,6 +546,7 @@
       }
     },
     "subtitles": {
+      "backgroundBlurLabel": "पृष्ठभूमि धुंधला",
       "backgroundLabel": "पृष्ठभूमि अस्पष्टता",
       "colorLabel": "रंग",
       "previewQuote": "मुझे डरना नहीं चाहिए. डर मन हत्यारा है।",

src/assets/locales/ko.json

@@ -122,7 +122,7 @@
         "default": "무엇을 보고 싶으신가요?",
         "extra": [
           "무엇을 탐험하고 싶으신가요?",
-          null,
+          "관심 목록에 무엇이 있나요?",
           "당신이 가장 좋아하는 영화는?",
           "당신이 가장 좋아하는 시리즈는?"
         ]
@@ -536,6 +536,7 @@
       }
     },
     "subtitles": {
+      "backgroundBlurLabel": "배경 흐림",
       "backgroundLabel": "배경 투명도",
       "colorLabel": "색상",
       "previewQuote": "두려워해서는 안 됩니다. 두려움은 마음을 죽이는 존재입니다.",

src/assets/locales/ne.json

@@ -155,7 +155,8 @@
     "types": {
       "movie": "चलचित्र",
       "show": "कार्यक्रम"
-    }
+    },
+    "unreleased": "रिलीज नभएको"
   },
   "navigation": {
     "banner": {
@@ -294,6 +295,7 @@
         "title": "क्वालिटी"
       },
       "settings": {
+        "audioItem": "आवाज",
         "downloadItem": "डाउनलोड",
         "enableSubtitles": "उपशीर्षकहरू सक्षम गर्नुहोस्",
         "experienceSection": "हेर्ने अनुभव",
@@ -320,8 +322,9 @@
         "unknownOption": "अज्ञात"
       },
       "subtitles": {
-        "customChoice": "फाइलबाट उपशीर्षक चयन गर्नुहोस्",
+        "customChoice": "ड्रप वा फाइल अपलोड गर्नुहोस्",
         "customizeLabel": "अनुकूलन गर्नुहोस्",
+        "dropSubtitleFile": "सबटाइटल फाइल यहाँ छोड्नुहोस्",
         "offChoice": "बन्द",
         "settings": {
           "backlink": "अनुकूलन उपशीर्षकहरू",
@@ -379,6 +382,13 @@
       "title": "भिडियो प्ले गर्न असफल भयो!"
     },
     "scraping": {
+      "extensionFailure": {
+        "badge": "एक्स्टेन्सन बन्द छ",
+        "enableExtension": "एक्स्टेन्सन सक्षम गर्नुहोस्",
+        "homeButton": "होम् जाउँ",
+        "text": "तपाईंले चलचित्र-वेब एक्स्टेन्सन स्थापना गर्नुभएको छ। यसलाई प्रयोग गर्न सुरु गर्न, तपाईंले यो साइटको लागिएक्स्टेन्सन सक्षम गर्न आवश्यक छ।",
+        "title": "कृपया एक्स्टेन्सन सक्षम गर्नुहोस्"
+      },
       "items": {
         "failure": "त्रुटि भयो",
         "notFound": "भिडियो छैन",
@@ -536,6 +546,7 @@
       }
     },
     "subtitles": {
+      "backgroundBlurLabel": "पृष्ठभूमि धमिलो",
       "backgroundLabel": "पृष्ठभूमि अस्पष्टता",
       "colorLabel": "रङ",
       "previewQuote": "म डराउनु हुँदैन। डर दिमागको हत्यारा हो।",

src/assets/locales/nl.json

@@ -155,7 +155,8 @@
     "types": {
       "movie": "Film",
       "show": "Serie"
-    }
+    },
+    "unreleased": "Niet uitgebracht"
   },
   "navigation": {
     "banner": {

src/assets/locales/sl.json

@@ -155,7 +155,8 @@
     "types": {
       "movie": "Film",
       "show": "Serija"
-    }
+    },
+    "unreleased": "Neizdano"
   },
   "navigation": {
     "banner": {
@@ -294,6 +295,7 @@
         "title": "Kvaliteta"
       },
       "settings": {
+        "audioItem": "Zvok",
         "downloadItem": "Prenesi",
         "enableSubtitles": "Vklopi podnapise",
         "experienceSection": "Izkušnje ogleda",
@@ -320,8 +322,9 @@
         "unknownOption": "Neznano"
       },
       "subtitles": {
-        "customChoice": "Izberi podnapise iz datoteke",
+        "customChoice": "Povleci in naloži datoteko",
         "customizeLabel": "Prilagodi",
+        "dropSubtitleFile": "Povleci datoteko s podnapisi tukaj",
         "offChoice": "Off",
         "settings": {
           "backlink": "Podnapisi po meri",
@@ -379,6 +382,13 @@
       "title": "Ni uspelo predvajati videoposnetka!"
     },
     "scraping": {
+      "extensionFailure": {
+        "badge": "Razširitev brskalnika je onemogočena",
+        "enableExtension": "Vklopi razširitev brskalnika",
+        "homeButton": "Pojdi domov",
+        "text": "Namestili ste razširitev movie-web. Če jo želite začeti uporabljati, morate razširitev omogočiti za to spletno mesto.",
+        "title": "Prosim vklopite razširitev brskalnika"
+      },
       "items": {
         "failure": "Zgodila se je napaka",
         "notFound": "Nima videoposnetka",

src/assets/locales/zh-Hant.json

@@ -155,7 +155,8 @@
     "types": {
       "movie": "電影",
       "show": "節目"
-    }
+    },
+    "unreleased": "尚未上映"
   },
   "navigation": {
     "banner": {
@@ -294,6 +295,7 @@
         "title": "品質"
       },
       "settings": {
+        "audioItem": "音頻",
         "downloadItem": "下載",
         "enableSubtitles": "啟用字幕",
         "experienceSection": "觀看體驗",
@@ -320,8 +322,9 @@
         "unknownOption": "未知"
       },
       "subtitles": {
-        "customChoice": "從檔案中選擇字幕",
+        "customChoice": "把字幕檔案拖入或上傳",
         "customizeLabel": "自訂",
+        "dropSubtitleFile": "將字幕檔案拖曳到這裡",
         "offChoice": "關閉",
         "settings": {
           "backlink": "自訂字幕",
@@ -379,6 +382,13 @@
       "title": "無法播放視頻！"
     },
     "scraping": {
+      "extensionFailure": {
+        "badge": "擴充功能已被禁用",
+        "enableExtension": "啟用擴充功能",
+        "homeButton": "回到首頁",
+        "text": "您已安裝該擴充功能， 你要啟用擴充程式去用它。",
+        "title": "請啟用擴充功能"
+      },
       "items": {
         "failure": "發生錯誤",
         "notFound": "沒有視頻",

src/assets/locales/zh.json

@@ -155,7 +155,8 @@
     "types": {
       "movie": "电影",
       "show": "电视节目"
-    }
+    },
+    "unreleased": "未发布"
   },
   "navigation": {
     "banner": {
@@ -294,6 +295,7 @@
         "title": "质量"
       },
       "settings": {
+        "audioItem": "音频",
         "downloadItem": "下载",
         "enableSubtitles": "启用字幕",
         "experienceSection": "观看体验",
@@ -320,8 +322,9 @@
         "unknownOption": "未知"
       },
       "subtitles": {
-        "customChoice": "从文件选取字幕",
+        "customChoice": "拖入或上传文件",
         "customizeLabel": "自定义",
+        "dropSubtitleFile": "将字幕拖入这里",
         "offChoice": "关闭",
         "settings": {
           "backlink": "自定义字幕",
@@ -379,6 +382,13 @@
       "title": "视频播放失败！"
     },
     "scraping": {
+      "extensionFailure": {
+        "badge": "扩展程序已禁用",
+        "enableExtension": "启用扩展程序",
+        "homeButton": "返回首页",
+        "text": "您已经安装 movie-web 扩展程序。要开始使用，您需要为此站点启用扩展。",
+        "title": "请启用扩展程序"
+      },
       "items": {
         "failure": "发生了错误",
         "notFound": "没有视频",

src/backend/metadata/tmdb.ts

@@ -143,26 +143,43 @@ export function decodeTMDBId(
   };
 }
 
-const baseURL = "https://api.themoviedb.org/3";
+const tmdbBaseUrl1 = "https://api.themoviedb.org/3";
+const tmdbBaseUrl2 = "https://api.tmdb.org/3";
 
 const apiKey = conf().TMDB_READ_API_KEY;
 
-const headers = {
+const tmdbHeaders = {
   accept: "application/json",
   Authorization: `Bearer ${apiKey}`,
 };
 
+function abortOnTimeout(timeout: number): AbortSignal {
+  const controller = new AbortController();
+  setTimeout(() => controller.abort(), timeout);
+  return controller.signal;
+}
+
 async function get<T>(url: string, params?: object): Promise<T> {
   if (!apiKey) throw new Error("TMDB API key not set");
-
-  const res = await mwFetch<any>(encodeURI(url), {
-    headers,
-    baseURL,
-    params: {
-      ...params,
-    },
-  });
-  return res;
+  try {
+    return await mwFetch<T>(encodeURI(url), {
+      headers: tmdbHeaders,
+      baseURL: tmdbBaseUrl1,
+      params: {
+        ...params,
+      },
+      signal: abortOnTimeout(5000),
+    });
+  } catch (err) {
+    return mwFetch<T>(encodeURI(url), {
+      headers: tmdbHeaders,
+      baseURL: tmdbBaseUrl2,
+      params: {
+        ...params,
+      },
+      signal: abortOnTimeout(30000),
+    });
+  }
 }
 
 export async function multiSearch(

src/components/buttons/EditButton.tsx

@@ -25,7 +25,7 @@ export function EditButton(props: EditButtonProps) {
     >
       <span ref={parent}>
         {props.editing ? (
-          <span className="mx-4 whitespace-nowrap">
+          <span className="mx-2 sm:mx-4 whitespace-nowrap">
             {t("home.mediaList.stopEditing")}
           </span>
         ) : (

src/components/player/atoms/Episodes.tsx

@@ -212,9 +212,16 @@ function EpisodesView({
 
   return (
     <Menu.CardWithScrollable>
-      <Menu.BackLink onClick={goBack}>
-        {loadingState?.value?.season.title ||
-          t("player.menus.episodes.loadingTitle")}
+      <Menu.BackLink
+        onClick={goBack}
+        rightSide={
+          <span>
+            {loadingState?.value?.season.title ||
+              t("player.menus.episodes.loadingTitle")}
+          </span>
+        }
+      >
+        {t("player.menus.episodes.seasons")}
       </Menu.BackLink>
       {content}
     </Menu.CardWithScrollable>

src/components/player/atoms/NextEpisodeButton.tsx

@@ -1,13 +1,20 @@
 import classNames from "classnames";
-import { useCallback } from "react";
+import { useCallback, useEffect, useRef } from "react";
 import { useTranslation } from "react-i18next";
+import { useAsync } from "react-use";
 
+import { getMetaFromId } from "@/backend/metadata/getmeta";
+import { MWMediaType, MWSeasonMeta } from "@/backend/metadata/types/mw";
 import { Icon, Icons } from "@/components/Icon";
 import { usePlayerMeta } from "@/components/player/hooks/usePlayerMeta";
 import { Transition } from "@/components/utils/Transition";
 import { PlayerMeta } from "@/stores/player/slices/source";
 import { usePlayerStore } from "@/stores/player/store";
+import { usePreferencesStore } from "@/stores/preferences";
 import { useProgressStore } from "@/stores/progress";
+import { isAutoplayAllowed } from "@/utils/autoplay";
+
+import { hasAired } from "../utils/aired";
 
 function shouldShowNextEpisodeButton(
   time: number,
@@ -39,6 +46,50 @@ function Button(props: {
   );
 }
 
+function useSeasons(
+  mediaId: string | undefined,
+  isLastEpisode: boolean = false,
+) {
+  const state = useAsync(async () => {
+    if (isLastEpisode) {
+      if (!mediaId) return null;
+      const data = await getMetaFromId(MWMediaType.SERIES, mediaId);
+      if (data?.meta.type !== MWMediaType.SERIES) return null;
+      return data.meta.seasons;
+    }
+  }, [mediaId, isLastEpisode]);
+
+  return state;
+}
+
+function useNextSeasonEpisode(
+  nextSeason: MWSeasonMeta | undefined,
+  mediaId: string | undefined,
+) {
+  const state = useAsync(async () => {
+    if (nextSeason) {
+      if (!mediaId) return null;
+      const data = await getMetaFromId(
+        MWMediaType.SERIES,
+        mediaId,
+        nextSeason?.id,
+      );
+      if (data?.meta.type !== MWMediaType.SERIES) return null;
+
+      const nextSeasonEpisodes = data?.meta?.seasonData?.episodes
+        .filter((episode) => hasAired(episode.air_date))
+        .map((episode) => ({
+          number: episode.number,
+          title: episode.title,
+          tmdbId: episode.id,
+        }));
+
+      if (nextSeasonEpisodes.length > 0) return nextSeasonEpisodes[0];
+    }
+  }, [mediaId, nextSeason?.id]);
+  return state;
+}
+
 export function NextEpisodeButton(props: {
   controlsShowing: boolean;
   onChange?: (meta: PlayerMeta) => void;
@@ -57,8 +108,23 @@ export function NextEpisodeButton(props: {
     (s) => s.setShouldStartFromBeginning,
   );
   const updateItem = useProgressStore((s) => s.updateItem);
+  const enableAutoplay = usePreferencesStore((s) => s.enableAutoplay);
+
+  const isLastEpisode =
+    !meta?.episode?.number || !meta?.episodes?.at(-1)?.number
+      ? false
+      : meta.episode.number === meta.episodes.at(-1)!.number;
+
+  const seasons = useSeasons(meta?.tmdbId, isLastEpisode);
+
+  const nextSeason = seasons.value?.find(
+    (season) => season.number === (meta?.season?.number ?? 0) + 1,
+  );
+
+  const nextSeasonEpisode = useNextSeasonEpisode(nextSeason, meta?.tmdbId);
 
   let show = false;
+  const hasAutoplayed = useRef(false);
   if (showingState === "always") show = true;
   else if (showingState === "hover" && props.controlsShowing) show = true;
   if (isHidden || status !== "playing" || duration === 0) show = false;
@@ -70,14 +136,23 @@ export function NextEpisodeButton(props: {
       ? bottom
       : "bottom-[calc(3rem+env(safe-area-inset-bottom))]";
 
-  const nextEp = meta?.episodes?.find(
-    (v) => v.number === (meta?.episode?.number ?? 0) + 1,
-  );
+  const nextEp = isLastEpisode
+    ? nextSeasonEpisode.value
+    : meta?.episodes?.find(
+        (v) => v.number === (meta?.episode?.number ?? 0) + 1,
+      );
 
   const loadNextEpisode = useCallback(() => {
     if (!meta || !nextEp) return;
     const metaCopy = { ...meta };
     metaCopy.episode = nextEp;
+    metaCopy.season =
+      isLastEpisode && nextSeason
+        ? {
+            ...nextSeason,
+            tmdbId: nextSeason.id,
+          }
+        : metaCopy.season;
     setShouldStartFromBeginning(true);
     setDirectMeta(metaCopy);
     props.onChange?.(metaCopy);
@@ -93,8 +168,22 @@ export function NextEpisodeButton(props: {
     props,
     setShouldStartFromBeginning,
     updateItem,
+    isLastEpisode,
+    nextSeason,
   ]);
 
+  useEffect(() => {
+    if (!enableAutoplay || metaType !== "show") return;
+    const onePercent = duration / 100;
+    const isEnding = time >= duration - onePercent && duration !== 0;
+
+    if (duration === 0) hasAutoplayed.current = false;
+    if (isEnding && isAutoplayAllowed() && !hasAutoplayed.current) {
+      hasAutoplayed.current = true;
+      loadNextEpisode();
+    }
+  }, [duration, enableAutoplay, loadNextEpisode, metaType, time]);
+
   if (!meta?.episode || !nextEp) return null;
   if (metaType !== "show") return null;
 
@@ -121,7 +210,9 @@ export function NextEpisodeButton(props: {
           className="bg-buttons-primary hover:bg-buttons-primaryHover text-buttons-primaryText flex justify-center items-center"
         >
           <Icon className="text-xl mr-1" icon={Icons.SKIP_EPISODE} />
-          {t("player.nextEpisode.next")}
+          {isLastEpisode && nextEp
+            ? t("player.nextEpisode.nextSeason")
+            : t("player.nextEpisode.next")}
         </Button>
       </div>
     </Transition>

src/components/player/base/BackLink.tsx

@@ -1,23 +1,21 @@
 import { useTranslation } from "react-i18next";
-import { useNavigate } from "react-router-dom";
+import { Link } from "react-router-dom";
 
 import { Icon, Icons } from "@/components/Icon";
 
 export function BackLink(props: { url: string }) {
   const { t } = useTranslation();
-  const navigate = useNavigate();
 
   return (
     <div className="flex items-center">
-      <button
-        type="button"
-        onClick={() => navigate(props.url)}
+      <Link
+        to={props.url}
         className="py-1 -my-1 px-2 -mx-2 tabbable rounded-lg flex items-center cursor-pointer text-type-secondary hover:text-white transition-colors duration-200 font-medium"
       >
         <Icon className="mr-2" icon={Icons.ARROW_LEFT} />
         <span className="md:hidden">{t("player.back.short")}</span>
         <span className="hidden md:block">{t("player.back.default")}</span>
-      </button>
+      </Link>
     </div>
   );
 }

src/components/player/display/base.ts

@@ -12,6 +12,7 @@ import {
 } from "@/components/player/display/displayInterface";
 import { handleBuffered } from "@/components/player/utils/handleBuffered";
 import { getMediaErrorDetails } from "@/components/player/utils/mediaErrorDetails";
+import { useLanguageStore } from "@/stores/language";
 import {
   LoadableSource,
   SourceQuality,
@@ -83,7 +84,14 @@ export function makeVideoElementDisplayInterface(): DisplayInterface {
 
   function reportAudioTracks() {
     if (!hls) return;
-    const currentTrack = hls.audioTracks[hls.audioTrack];
+    const currentLanguage = useLanguageStore.getState().language;
+    const audioTracks = hls.audioTracks;
+    const languageTrack = audioTracks.find((v) => v.lang === currentLanguage);
+    if (languageTrack) {
+      hls.audioTrack = audioTracks.indexOf(languageTrack);
+    }
+    const currentTrack = audioTracks?.[hls.audioTrack ?? 0];
+    if (!currentTrack) return;
     emit("changedaudiotrack", {
       id: currentTrack.id.toString(),
       label: currentTrack.name,
@@ -129,6 +137,7 @@ export function makeVideoElementDisplayInterface(): DisplayInterface {
   }
 
   function setupSource(vid: HTMLVideoElement, src: LoadableSource) {
+    hls = null;
     if (src.type === "hls") {
       if (canPlayHlsNatively(vid)) {
         vid.src = processCdnLink(src.url);

src/components/player/internals/KeyboardEvents.tsx

@@ -71,9 +71,10 @@ export function KeyboardEvents() {
         return;
 
       const k = evt.key;
+      const keyL = evt.key.toLowerCase();
 
       // Volume
-      if (["ArrowUp", "ArrowDown", "m"].includes(k)) {
+      if (["ArrowUp", "ArrowDown", "m", "M"].includes(k)) {
         dataRef.current.setShowVolume(true);
 
         if (volumeDebounce.current) clearTimeout(volumeDebounce.current);
@@ -89,7 +90,7 @@ export function KeyboardEvents() {
         dataRef.current.setVolume(
           (dataRef.current.mediaPlaying?.volume || 0) - 0.15,
         );
-      if (k === "m") dataRef.current.toggleMute();
+      if (keyL === "m") dataRef.current.toggleMute();
 
       // Video playback speed
       if (k === ">" || k === "<") {
@@ -106,9 +107,9 @@ export function KeyboardEvents() {
         dataRef.current.display?.setTime(dataRef.current.time + 5);
       if (k === "ArrowLeft")
         dataRef.current.display?.setTime(dataRef.current.time - 5);
-      if (k === "j")
+      if (keyL === "j")
         dataRef.current.display?.setTime(dataRef.current.time - 10);
-      if (k === "l")
+      if (keyL === "l")
         dataRef.current.display?.setTime(dataRef.current.time + 10);
       if (k === "." && dataRef.current.mediaPlaying?.isPaused)
         dataRef.current.display?.setTime(dataRef.current.time + 1);
@@ -116,18 +117,18 @@ export function KeyboardEvents() {
         dataRef.current.display?.setTime(dataRef.current.time - 1);
 
       // Utils
-      if (k === "f") dataRef.current.display?.toggleFullscreen();
-      if (k === " ")
+      if (keyL === "f") dataRef.current.display?.toggleFullscreen();
+      if (k === " " || keyL === "k")
         dataRef.current.display?.[
           dataRef.current.mediaPlaying.isPaused ? "play" : "pause"
         ]();
       if (k === "Escape") dataRef.current.router.close();
 
       // captions
-      if (k === "c") dataRef.current.toggleLastUsed().catch(() => {}); // ignore errors
+      if (keyL === "c") dataRef.current.toggleLastUsed().catch(() => {}); // ignore errors
 
       // Do a barrell roll!
-      if (k === "r") {
+      if (keyL === "r") {
         if (dataRef.current.isRolling || evt.ctrlKey || evt.metaKey) return;
 
         dataRef.current.setIsRolling(true);

src/hooks/useSettingsState.ts

@@ -51,6 +51,7 @@ export function useSettingsState(
       }
     | undefined,
   enableThumbnails: boolean,
+  enableAutoplay: boolean,
 ) {
   const [proxyUrlsState, setProxyUrls, resetProxyUrls, proxyUrlsChanged] =
     useDerived(proxyUrls);
@@ -84,6 +85,12 @@ export function useSettingsState(
     resetEnableThumbnails,
     enableThumbnailsChanged,
   ] = useDerived(enableThumbnails);
+  const [
+    enableAutoplayState,
+    setEnableAutoplayState,
+    resetEnableAutoplay,
+    enableAutoplayChanged,
+  ] = useDerived(enableAutoplay);
 
   function reset() {
     resetTheme();
@@ -95,6 +102,7 @@ export function useSettingsState(
     resetDeviceName();
     resetProfile();
     resetEnableThumbnails();
+    resetEnableAutoplay();
   }
 
   const changed =
@@ -105,7 +113,8 @@ export function useSettingsState(
     backendUrlChanged ||
     proxyUrlsChanged ||
     profileChanged ||
-    enableThumbnailsChanged;
+    enableThumbnailsChanged ||
+    enableAutoplayChanged;
 
   return {
     reset,
@@ -150,5 +159,10 @@ export function useSettingsState(
       set: setEnableThumbnailsState,
       changed: enableThumbnailsChanged,
     },
+    enableAutoplay: {
+      state: enableAutoplayState,
+      set: setEnableAutoplayState,
+      changed: enableAutoplayChanged,
+    },
   };
 }

src/pages/Settings.tsx

@@ -122,6 +122,9 @@ export function SettingsPage() {
   const enableThumbnails = usePreferencesStore((s) => s.enableThumbnails);
   const setEnableThumbnails = usePreferencesStore((s) => s.setEnableThumbnails);
 
+  const enableAutoplay = usePreferencesStore((s) => s.enableAutoplay);
+  const setEnableAutoplay = usePreferencesStore((s) => s.setEnableAutoplay);
+
   const account = useAuthStore((s) => s.account);
   const updateProfile = useAuthStore((s) => s.setAccountProfile);
   const updateDeviceName = useAuthStore((s) => s.updateDeviceName);
@@ -144,6 +147,7 @@ export function SettingsPage() {
     backendUrlSetting,
     account?.profile,
     enableThumbnails,
+    enableAutoplay,
   );
 
   useEffect(() => {
@@ -196,6 +200,7 @@ export function SettingsPage() {
     }
 
     setEnableThumbnails(state.enableThumbnails.state);
+    setEnableAutoplay(state.enableAutoplay.state);
     setAppLanguage(state.appLanguage.state);
     setTheme(state.theme.state);
     setSubStyling(state.subtitleStyling.state);
@@ -217,18 +222,19 @@ export function SettingsPage() {
       setBackendUrl(url);
     }
   }, [
-    state,
     account,
     backendUrl,
     setEnableThumbnails,
+    state,
+    setEnableAutoplay,
     setAppLanguage,
     setTheme,
     setSubStyling,
+    setProxySet,
     updateDeviceName,
     updateProfile,
-    setProxySet,
-    setBackendUrl,
     logout,
+    setBackendUrl,
   ]);
   return (
     <SubPageLayout>
@@ -266,6 +272,8 @@ export function SettingsPage() {
             setLanguage={state.appLanguage.set}
             enableThumbnails={state.enableThumbnails.state}
             setEnableThumbnails={state.enableThumbnails.set}
+            enableAutoplay={state.enableAutoplay.state}
+            setEnableAutoplay={state.enableAutoplay.set}
           />
         </div>
         <div id="settings-appearance" className="mt-48">

src/pages/parts/settings/PreferencesPart.tsx

@@ -1,3 +1,4 @@
+import classNames from "classnames";
 import { useTranslation } from "react-i18next";
 
 import { Toggle } from "@/components/buttons/Toggle";
@@ -5,6 +6,7 @@ import { FlagIcon } from "@/components/FlagIcon";
 import { Dropdown } from "@/components/form/Dropdown";
 import { Heading1 } from "@/components/utils/Text";
 import { appLanguageOptions } from "@/setup/i18n";
+import { isAutoplayAllowed } from "@/utils/autoplay";
 import { getLocaleInfo, sortLangCodes } from "@/utils/language";
 
 export function PreferencesPart(props: {
@@ -12,10 +14,14 @@ export function PreferencesPart(props: {
   setLanguage: (l: string) => void;
   enableThumbnails: boolean;
   setEnableThumbnails: (v: boolean) => void;
+  enableAutoplay: boolean;
+  setEnableAutoplay: (v: boolean) => void;
 }) {
   const { t } = useTranslation();
   const sorted = sortLangCodes(appLanguageOptions.map((item) => item.code));
 
+  const allowAutoplay = isAutoplayAllowed();
+
   const options = appLanguageOptions
     .sort((a, b) => sorted.indexOf(a.code) - sorted.indexOf(b.code))
     .map((opt) => ({
@@ -62,6 +68,32 @@ export function PreferencesPart(props: {
           </p>
         </div>
       </div>
+      <div>
+        <p className="text-white font-bold mb-3">
+          {t("settings.preferences.autoplay")}
+        </p>
+        <p className="max-w-[25rem] font-medium">
+          {t("settings.preferences.autoplayDescription")}
+        </p>
+        <div
+          onClick={() =>
+            allowAutoplay
+              ? props.setEnableAutoplay(!props.enableAutoplay)
+              : null
+          }
+          className={classNames(
+            "bg-dropdown-background hover:bg-dropdown-hoverBackground select-none my-4 cursor-pointer space-x-3 flex items-center max-w-[25rem] py-3 px-4 rounded-lg",
+            allowAutoplay
+              ? "cursor-pointer opacity-100 pointer-events-auto"
+              : "cursor-not-allowed opacity-50 pointer-events-none",
+          )}
+        >
+          <Toggle enabled={props.enableAutoplay && allowAutoplay} />
+          <p className="flex-1 text-white font-bold">
+            {t("settings.preferences.autoplayLabel")}
+          </p>
+        </div>
+      </div>
     </div>
   );
 }

src/setup/config.ts

@@ -23,6 +23,7 @@ interface Config {
   ONBOARDING_CHROME_EXTENSION_INSTALL_LINK: string;
   ONBOARDING_FIREFOX_EXTENSION_INSTALL_LINK: string;
   ONBOARDING_PROXY_INSTALL_LINK: string;
+  ALLOW_AUTOPLAY: boolean;
 }
 
 export interface RuntimeConfig {
@@ -39,6 +40,7 @@ export interface RuntimeConfig {
   TURNSTILE_KEY: string | null;
   CDN_REPLACEMENTS: Array<string[]>;
   HAS_ONBOARDING: boolean;
+  ALLOW_AUTOPLAY: boolean;
   ONBOARDING_CHROME_EXTENSION_INSTALL_LINK: string | null;
   ONBOARDING_FIREFOX_EXTENSION_INSTALL_LINK: string | null;
   ONBOARDING_PROXY_INSTALL_LINK: string | null;
@@ -64,6 +66,7 @@ const env: Record<keyof Config, undefined | string> = {
   TURNSTILE_KEY: import.meta.env.VITE_TURNSTILE_KEY,
   CDN_REPLACEMENTS: import.meta.env.VITE_CDN_REPLACEMENTS,
   HAS_ONBOARDING: import.meta.env.VITE_HAS_ONBOARDING,
+  ALLOW_AUTOPLAY: import.meta.env.VITE_ALLOW_AUTOPLAY,
 };
 
 function coerceUndefined(value: string | null | undefined): string | undefined {
@@ -109,6 +112,7 @@ export function conf(): RuntimeConfig {
       .filter((v) => v.length > 0),
     NORMAL_ROUTER: getKey("NORMAL_ROUTER", "false") === "true",
     HAS_ONBOARDING: getKey("HAS_ONBOARDING", "true") === "true",
+    ALLOW_AUTOPLAY: getKey("ALLOW_AUTOPLAY", "false") === "true",
     TURNSTILE_KEY: getKey("TURNSTILE_KEY"),
     DISALLOWED_IDS: getKey("DISALLOWED_IDS", "")
       .split(",")

src/stores/player/slices/source.ts

@@ -169,6 +169,8 @@ export const createSourceSlice: MakeSlice<SourceSlice> = (set, get) => ({
       s.captionList = captions;
       s.interface.error = undefined;
       s.status = playerStatus.PLAYING;
+      s.audioTracks = [];
+      s.currentAudioTrack = null;
     });
     const store = get();
     store.redisplaySource(startAt);

src/stores/preferences/index.tsx

@@ -5,6 +5,8 @@ import { immer } from "zustand/middleware/immer";
 export interface PreferencesStore {
   enableThumbnails: boolean;
   setEnableThumbnails(v: boolean): void;
+  enableAutoplay: boolean;
+  setEnableAutoplay(v: boolean): void;
 }
 
 export const usePreferencesStore = create(
@@ -16,6 +18,12 @@ export const usePreferencesStore = create(
           s.enableThumbnails = v;
         });
       },
+      enableAutoplay: false,
+      setEnableAutoplay(v) {
+        set((s) => {
+          s.enableAutoplay = v;
+        });
+      },
     })),
     {
       name: "__MW::preferences",

src/utils/autoplay.ts

@@ -0,0 +1,11 @@
+import { isExtensionActiveCached } from "@/backend/extension/messaging";
+import { conf } from "@/setup/config";
+import { useAuthStore } from "@/stores/auth";
+
+export function isAutoplayAllowed() {
+  return Boolean(
+    conf().ALLOW_AUTOPLAY ||
+      isExtensionActiveCached() ||
+      useAuthStore.getState().proxySet,
+  );
+}