Creepso/NuvioStreaming
1
0
Fork 0
mirror of https://github.com/tapframe/NuvioStreaming.git synced 2026-01-11 20:10:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #164 from CrissZollo/feature-playback-speed

Browse source 
Feature playback speed
This commit is contained in:
tapframe 2025-10-04 22:06:19 +05:30 committed by GitHub
commit 9d54ec44e4
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 27 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/components/player/AndroidVideoPlayer.tsx
View file

@ -188,6 +188,8 @@ const AndroidVideoPlayer: React.FC = () => {
const [textTracks, setTextTracks] = useState<TextTrack[]>([]);
const [selectedTextTrack, setSelectedTextTrack] = useState<number>(-1);
const [resizeMode, setResizeMode] = useState<ResizeModeType>('contain');
const speedOptions = [0.5, 1.0, 1.25, 1.5, 2.0, 2.5, 3.0];
const [playbackSpeed, setPlaybackSpeed] = useState<number>(1.0);
const [buffered, setBuffered] = useState(0);
const [seekTime, setSeekTime] = useState<number | null>(null);
const videoRef = useRef<VideoRef>(null);
@ -1643,6 +1645,16 @@ const AndroidVideoPlayer: React.FC = () => {
}, 300);
}, [resizeMode]);
// Cycle playback speed
const cyclePlaybackSpeed = useCallback(() => {
const idx = speedOptions.indexOf(playbackSpeed);
const newIdx = (idx + 1) % speedOptions.length;
const newSpeed = speedOptions[newIdx];
setPlaybackSpeed(newSpeed);
}, [playbackSpeed, speedOptions]);
const enableImmersiveMode = () => {
StatusBar.setHidden(true, 'none');
if (Platform.OS === 'android') {
@ -3334,7 +3346,7 @@ const AndroidVideoPlayer: React.FC = () => {
resizeMode={getVideoResizeMode(resizeMode)}
selectedAudioTrack={selectedAudioTrack || undefined}
selectedTextTrack={useCustomSubtitles ? { type: SelectedTrackType.DISABLED } : (selectedTextTrack >= 0 ? { type: SelectedTrackType.INDEX, value: selectedTextTrack } : undefined)}
rate={1.0}
rate={playbackSpeed}
volume={volume}
muted={false}
repeat={false}
@ -3389,6 +3401,8 @@ const AndroidVideoPlayer: React.FC = () => {
skip={skip}
handleClose={handleClose}
cycleAspectRatio={cycleAspectRatio}
cyclePlaybackSpeed={cyclePlaybackSpeed}
currentPlaybackSpeed={playbackSpeed}
setShowAudioModal={setShowAudioModal}
setShowSubtitleModal={setShowSubtitleModal}
isSubtitleModalOpen={showSubtitleModal}

12
src/components/player/controls/PlayerControls.tsx
View file

@ -30,6 +30,8 @@ interface PlayerControlsProps {
skip: (seconds: number) => void;
handleClose: () => void;
cycleAspectRatio: () => void;
cyclePlaybackSpeed: () => void;
currentPlaybackSpeed: number;
setShowAudioModal: (show: boolean) => void;
setShowSubtitleModal: (show: boolean) => void;
isSubtitleModalOpen?: boolean;
@ -66,6 +68,8 @@ export const PlayerControls: React.FC<PlayerControlsProps> = ({
skip,
handleClose,
cycleAspectRatio,
cyclePlaybackSpeed,
currentPlaybackSpeed,
setShowAudioModal,
setShowSubtitleModal,
isSubtitleModalOpen,
@ -177,6 +181,14 @@ export const PlayerControls: React.FC<PlayerControlsProps> = ({
</Text>
</TouchableOpacity>
{/* Playback Speed Button */}
<TouchableOpacity style={styles.bottomButton} onPress={cyclePlaybackSpeed}>
<Ionicons name="speedometer" size={20} color="white" />
<Text style={styles.bottomButtonText}>
Speed {currentPlaybackSpeed}x
</Text>
</TouchableOpacity>
{/* Audio Button - Updated to use ksAudioTracks */}
<TouchableOpacity
style={styles.bottomButton}