mirror of
https://github.com/tapframe/NuvioStreaming.git
synced 2026-04-27 03:22:53 +00:00
Added current speed indicator
This commit is contained in:
parent
33720c5079
commit
5668d40bc1
2 changed files with 5 additions and 3 deletions
|
|
@ -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}
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue