Added current speed indicator

This commit is contained in:
CrissZollo 2025-10-04 17:38:06 +02:00
parent 33720c5079
commit 5668d40bc1
2 changed files with 5 additions and 3 deletions

View file

@ -1647,13 +1647,12 @@ const AndroidVideoPlayer: React.FC = () => {
// Function to cycle playback speed // Cycle playback speed
const cyclePlaybackSpeed = useCallback(() => { const cyclePlaybackSpeed = useCallback(() => {
const idx = speedOptions.indexOf(playbackSpeed); const idx = speedOptions.indexOf(playbackSpeed);
const newIdx = (idx + 1) % speedOptions.length; const newIdx = (idx + 1) % speedOptions.length;
const newSpeed = speedOptions[newIdx]; const newSpeed = speedOptions[newIdx];
setPlaybackSpeed(newSpeed); setPlaybackSpeed(newSpeed);
// Playback speed is now set via the rate prop on the Video component
}, [playbackSpeed, speedOptions]); }, [playbackSpeed, speedOptions]);
const enableImmersiveMode = () => { const enableImmersiveMode = () => {
@ -3403,6 +3402,7 @@ const AndroidVideoPlayer: React.FC = () => {
handleClose={handleClose} handleClose={handleClose}
cycleAspectRatio={cycleAspectRatio} cycleAspectRatio={cycleAspectRatio}
cyclePlaybackSpeed={cyclePlaybackSpeed} cyclePlaybackSpeed={cyclePlaybackSpeed}
currentPlaybackSpeed={playbackSpeed}
setShowAudioModal={setShowAudioModal} setShowAudioModal={setShowAudioModal}
setShowSubtitleModal={setShowSubtitleModal} setShowSubtitleModal={setShowSubtitleModal}
isSubtitleModalOpen={showSubtitleModal} isSubtitleModalOpen={showSubtitleModal}

View file

@ -31,6 +31,7 @@ interface PlayerControlsProps {
handleClose: () => void; handleClose: () => void;
cycleAspectRatio: () => void; cycleAspectRatio: () => void;
cyclePlaybackSpeed: () => void; cyclePlaybackSpeed: () => void;
currentPlaybackSpeed: number;
setShowAudioModal: (show: boolean) => void; setShowAudioModal: (show: boolean) => void;
setShowSubtitleModal: (show: boolean) => void; setShowSubtitleModal: (show: boolean) => void;
isSubtitleModalOpen?: boolean; isSubtitleModalOpen?: boolean;
@ -68,6 +69,7 @@ export const PlayerControls: React.FC<PlayerControlsProps> = ({
handleClose, handleClose,
cycleAspectRatio, cycleAspectRatio,
cyclePlaybackSpeed, cyclePlaybackSpeed,
currentPlaybackSpeed,
setShowAudioModal, setShowAudioModal,
setShowSubtitleModal, setShowSubtitleModal,
isSubtitleModalOpen, isSubtitleModalOpen,
@ -183,7 +185,7 @@ export const PlayerControls: React.FC<PlayerControlsProps> = ({
<TouchableOpacity style={styles.bottomButton} onPress={cyclePlaybackSpeed}> <TouchableOpacity style={styles.bottomButton} onPress={cyclePlaybackSpeed}>
<Ionicons name="speedometer" size={20} color="white" /> <Ionicons name="speedometer" size={20} color="white" />
<Text style={styles.bottomButtonText}> <Text style={styles.bottomButtonText}>
Speed Speed {currentPlaybackSpeed}x
</Text> </Text>
</TouchableOpacity> </TouchableOpacity>