diff --git a/assets/player-icons/ic_player_aspect_ratio.svg b/assets/player-icons/ic_player_aspect_ratio.svg
new file mode 100644
index 000000000..12b2f7b60
--- /dev/null
+++ b/assets/player-icons/ic_player_aspect_ratio.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/assets/player-icons/ic_player_audio_filled.svg b/assets/player-icons/ic_player_audio_filled.svg
new file mode 100644
index 000000000..2961dd6ac
--- /dev/null
+++ b/assets/player-icons/ic_player_audio_filled.svg
@@ -0,0 +1,6 @@
+
+
diff --git a/assets/player-icons/ic_player_audio_outline.svg b/assets/player-icons/ic_player_audio_outline.svg
new file mode 100644
index 000000000..87c64646f
--- /dev/null
+++ b/assets/player-icons/ic_player_audio_outline.svg
@@ -0,0 +1,6 @@
+
+
diff --git a/assets/player-icons/ic_player_episodes.svg b/assets/player-icons/ic_player_episodes.svg
new file mode 100644
index 000000000..c09c7205c
--- /dev/null
+++ b/assets/player-icons/ic_player_episodes.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/assets/player-icons/ic_player_pause.svg b/assets/player-icons/ic_player_pause.svg
new file mode 100644
index 000000000..69f834491
--- /dev/null
+++ b/assets/player-icons/ic_player_pause.svg
@@ -0,0 +1,5 @@
+
+
diff --git a/assets/player-icons/ic_player_play.svg b/assets/player-icons/ic_player_play.svg
new file mode 100644
index 000000000..d375a1768
--- /dev/null
+++ b/assets/player-icons/ic_player_play.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/assets/player-icons/ic_player_source.svg b/assets/player-icons/ic_player_source.svg
new file mode 100644
index 000000000..1e79c2a38
--- /dev/null
+++ b/assets/player-icons/ic_player_source.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/assets/player-icons/ic_player_subtitles.svg b/assets/player-icons/ic_player_subtitles.svg
new file mode 100644
index 000000000..bf8041e3d
--- /dev/null
+++ b/assets/player-icons/ic_player_subtitles.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/src/components/player/controls/PlayerControls.tsx b/src/components/player/controls/PlayerControls.tsx
index 298617107..18084de0b 100644
--- a/src/components/player/controls/PlayerControls.tsx
+++ b/src/components/player/controls/PlayerControls.tsx
@@ -12,6 +12,14 @@ import { useSettings } from '../../../hooks/useSettings';
import { introService } from '../../../services/introService';
import { toastService } from '../../../services/toastService';
+import PlayerAspectRatioIcon from '../../../../assets/player-icons/ic_player_aspect_ratio.svg';
+import PlayerAudioFilledIcon from '../../../../assets/player-icons/ic_player_audio_filled.svg';
+import PlayerAudioOutlineIcon from '../../../../assets/player-icons/ic_player_audio_outline.svg';
+import PlayerEpisodesIcon from '../../../../assets/player-icons/ic_player_episodes.svg';
+import PlayerPauseIcon from '../../../../assets/player-icons/ic_player_pause.svg';
+import PlayerPlayIcon from '../../../../assets/player-icons/ic_player_play.svg';
+import PlayerSourceIcon from '../../../../assets/player-icons/ic_player_source.svg';
+import PlayerSubtitlesIcon from '../../../../assets/player-icons/ic_player_subtitles.svg';
interface PlayerControlsProps {
showControls: boolean;
@@ -498,11 +506,11 @@ export const PlayerControls: React.FC = ({
{isBuffering ? (
) : (
-
+ paused ? (
+
+ ) : (
+
+ )
)}
@@ -594,7 +602,7 @@ export const PlayerControls: React.FC = ({
{/* Left Side: Aspect Ratio Button */}
-
+
{/* Subtitle Button */}
@@ -602,7 +610,7 @@ export const PlayerControls: React.FC = ({
style={styles.iconButton}
onPress={() => setShowSubtitleModal(!isSubtitleModalOpen)}
>
-
+
{/* Change Source Button */}
@@ -611,7 +619,7 @@ export const PlayerControls: React.FC = ({
style={styles.iconButton}
onPress={() => setShowSourcesModal(true)}
>
-
+
)}
@@ -626,11 +634,11 @@ export const PlayerControls: React.FC = ({
onPress={() => setShowAudioModal(true)}
disabled={ksAudioTracks.length <= 1}
>
-
+ {ksAudioTracks.length <= 1 ? (
+
+ ) : (
+
+ )}
{/* Submit Intro Button */}
@@ -653,7 +661,7 @@ export const PlayerControls: React.FC = ({
style={styles.iconButton}
onPress={() => setShowEpisodesModal(true)}
>
-
+
)}