Creepso/NuvioStreaming
1
0
Fork 0
mirror of https://github.com/tapframe/NuvioStreaming.git synced 2026-03-28 05:23:01 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Refactor ContinueWatchingSection and AndroidVideoPlayer for improved UI and performance, including layout adjustments and more frequent time updates for subtitle synchronization.

Browse source
This commit is contained in:
tapframe 2025-07-08 15:42:56 +05:30
parent e714637da2
commit 4ad6f37449
3 changed files with 14 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/home/ContinueWatchingSection.tsx
View file

@ -556,9 +556,9 @@ const ContinueWatchingSection = React.forwardRef<ContinueWatchingRef>((props, re
{item.name}
</Text>
{isUpNext && (
<View style={[styles.progressBadge, { backgroundColor: currentTheme.colors.primary }]}>
<View style={[styles.progressBadge, { backgroundColor: currentTheme.colors.primary }]}>
<Text style={styles.progressText}>Up Next</Text>
</View>
</View>
)}
</View>
);

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

@ -502,13 +502,13 @@ const AndroidVideoPlayer: React.FC = () => {
const currentTimeInSeconds = data.currentTime;
// Only update if there's a significant change to avoid unnecessary updates
if (Math.abs(currentTimeInSeconds - currentTime) > 0.5) {
// Update time more frequently for subtitle synchronization (0.1s threshold)
if (Math.abs(currentTimeInSeconds - currentTime) > 0.1) {
safeSetState(() => setCurrentTime(currentTimeInSeconds));
const progressPercent = duration > 0 ? currentTimeInSeconds / duration : 0;
Animated.timing(progressAnim, {
toValue: progressPercent,
duration: 250,
duration: 100,
useNativeDriver: false,
}).start();
const bufferedTime = data.playableDuration || currentTimeInSeconds;
@ -1150,7 +1150,7 @@ const AndroidVideoPlayer: React.FC = () => {
playWhenInactive={false}
ignoreSilentSwitch="ignore"
mixWithOthers="inherit"
progressUpdateInterval={1000}
progressUpdateInterval={250}
/>
</TouchableOpacity>
</View>

15
src/components/player/subtitles/CustomSubtitles.tsx
View file

@ -20,16 +20,17 @@ export const CustomSubtitles: React.FC<CustomSubtitlesProps> = ({
const inverseScale = 1 / zoomScale;
return (
<View
style={[
styles.customSubtitleContainer,
{
transform: [{ scale: inverseScale }],
},
]}
style={styles.customSubtitleContainer}
pointerEvents="none"
>
<View style={styles.customSubtitleWrapper}>
<Text style={[styles.customSubtitleText, { fontSize: subtitleSize }]}>
<Text style={[
styles.customSubtitleText,
{
fontSize: subtitleSize * inverseScale,
transform: [{ scale: inverseScale }],
}
]}>
{currentSubtitle}
</Text>
</View>