mirror of
https://github.com/sussy-code/smov.git
synced 2024-12-29 16:07:40 +01:00
Jorrin
GitHub
commit
3c4d84db5c
18 changed files with 1985 additions and 154 deletions
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "movie-web",
|
||||
"version": "4.6.6",
|
||||
"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.9",
|
||||
"@movie-web/providers": "^2.3.0",
|
||||
"@noble/hashes": "^1.3.3",
|
||||
"@plasmohq/messaging": "^0.6.1",
|
||||
"@react-spring/web": "^9.7.3",
|
||||
|
|
|
|||
1750
pnpm-lock.yaml
1750
pnpm-lock.yaml
File diff suppressed because it is too large
Load diff
|
|
@ -362,7 +362,8 @@
|
|||
},
|
||||
"nextEpisode": {
|
||||
"cancel": "Cancel",
|
||||
"next": "Next episode"
|
||||
"next": "Next episode",
|
||||
"nextSeason": "Next season"
|
||||
},
|
||||
"playbackError": {
|
||||
"badge": "Playback error",
|
||||
|
|
@ -523,6 +524,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",
|
||||
|
|
|
|||
|
|
@ -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": "نتونستیم پیداش کنیم"
|
||||
}
|
||||
},
|
||||
|
|
@ -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": "شما تغییرات ذخیره نشده دارید"
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -143,26 +143,37 @@ 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}`,
|
||||
};
|
||||
|
||||
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: AbortSignal.timeout(5000),
|
||||
});
|
||||
} catch (err) {
|
||||
return mwFetch<T>(encodeURI(url), {
|
||||
headers: tmdbHeaders,
|
||||
baseURL: tmdbBaseUrl2,
|
||||
params: {
|
||||
...params,
|
||||
},
|
||||
signal: AbortSignal.timeout(30000),
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
export async function multiSearch(
|
||||
|
|
|
|||
|
|
@ -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,45 @@ function Button(props: {
|
|||
);
|
||||
}
|
||||
|
||||
function useSeasons(mediaId: string, isLastEpisode: boolean = false) {
|
||||
const state = useAsync(async () => {
|
||||
if (isLastEpisode) {
|
||||
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,
|
||||
) {
|
||||
const state = useAsync(async () => {
|
||||
if (nextSeason) {
|
||||
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 +103,24 @@ 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;
|
||||
|
||||
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 +132,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 +164,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 +206,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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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,13 @@ export function makeVideoElementDisplayInterface(): DisplayInterface {
|
|||
|
||||
function reportAudioTracks() {
|
||||
if (!hls) return;
|
||||
const currentTrack = hls.audioTracks?.[hls.audioTrack ?? 0];
|
||||
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(),
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
},
|
||||
};
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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(",")
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
|
|
|
|||
|
|
@ -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",
|
||||
|
|
|
|||
11
src/utils/autoplay.ts
Normal file
11
src/utils/autoplay.ts
Normal file
|
|
@ -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,
|
||||
);
|
||||
}
|
||||
Loading…
Reference in a new issue