diff --git a/src/assets/locales/en.json b/src/assets/locales/en.json
index 32488472..e39f3011 100644
--- a/src/assets/locales/en.json
+++ b/src/assets/locales/en.json
@@ -483,7 +483,8 @@
},
"playback": {
"speedLabel": "Playback speed",
- "title": "Playback settings"
+ "title": "Playback settings",
+ "disabled": "(Disabled in watch party)"
},
"quality": {
"automaticLabel": "Automatic quality",
diff --git a/src/components/player/atoms/settings/PlaybackSettingsView.tsx b/src/components/player/atoms/settings/PlaybackSettingsView.tsx
index bb532c65..a1d1e5a7 100644
--- a/src/components/player/atoms/settings/PlaybackSettingsView.tsx
+++ b/src/components/player/atoms/settings/PlaybackSettingsView.tsx
@@ -1,5 +1,5 @@
import classNames from "classnames";
-import { useCallback } from "react";
+import { useCallback, useEffect } from "react";
import { useTranslation } from "react-i18next";
import { Toggle } from "@/components/buttons/Toggle";
@@ -7,11 +7,13 @@ import { Menu } from "@/components/player/internals/ContextMenu";
import { useOverlayRouter } from "@/hooks/useOverlayRouter";
import { usePlayerStore } from "@/stores/player/store";
import { usePreferencesStore } from "@/stores/preferences";
+import { useWatchPartyStore } from "@/stores/watchParty";
function ButtonList(props: {
options: number[];
selected: number;
onClick: (v: any) => void;
+ disabled?: boolean;
}) {
return (
@@ -19,11 +21,13 @@ function ButtonList(props: {
return (