diff --git a/app/(auth)/music-player.tsx b/app/(auth)/music-player.tsx
index 7f0be132..64ac2b79 100644
--- a/app/(auth)/music-player.tsx
+++ b/app/(auth)/music-player.tsx
@@ -2,7 +2,6 @@ import { Text } from "@/components/common/Text";
import { Loader } from "@/components/Loader";
import AlbumCover from "@/components/posters/AlbumCover";
import { Controls } from "@/components/video-player/Controls";
-import { useAndroidNavigationBar } from "@/hooks/useAndroidNavigationBar";
import { useOrientation } from "@/hooks/useOrientation";
import { useOrientationSettings } from "@/hooks/useOrientationSettings";
import { useWebSocket } from "@/hooks/useWebsockets";
@@ -276,7 +275,6 @@ export default function page() {
useOrientation();
useOrientationSettings();
- useAndroidNavigationBar();
useWebSocket({
isPlaying: isPlaying,
diff --git a/app/(auth)/offline-player.tsx b/app/(auth)/offline-player.tsx
index d40cf5d3..b853d883 100644
--- a/app/(auth)/offline-player.tsx
+++ b/app/(auth)/offline-player.tsx
@@ -38,6 +38,16 @@ export default function page() {
const isSeeking = useSharedValue(false);
const cacheProgress = useSharedValue(0);
+ const [embededTextTracks, setEmbededTextTracks] = useState<
+ {
+ index: number;
+ language?: string | undefined;
+ selected?: boolean | undefined;
+ title?: string | undefined;
+ type: any;
+ }[]
+ >([]);
+
const togglePlay = useCallback(async () => {
Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Light);
if (isPlaying) {
@@ -57,6 +67,17 @@ export default function page() {
videoRef.current?.pause();
}, [videoRef]);
+ const pause = useCallback(() => {
+ videoRef.current?.pause();
+ }, [videoRef]);
+
+ const seek = useCallback(
+ (seconds: number) => {
+ videoRef.current?.seek(seconds);
+ },
+ [videoRef]
+ );
+
useFocusEffect(
useCallback(() => {
play();
@@ -118,9 +139,11 @@ export default function page() {
}}
/>
+
);
diff --git a/app/(auth)/offline-vlc-player.tsx b/app/(auth)/offline-vlc-player.tsx
index 7bbfd5a6..3707b645 100644
--- a/app/(auth)/offline-vlc-player.tsx
+++ b/app/(auth)/offline-vlc-player.tsx
@@ -1,6 +1,5 @@
import { Controls } from "@/components/video-player/Controls";
import { VlcControls } from "@/components/video-player/VlcControls";
-import { useAndroidNavigationBar } from "@/hooks/useAndroidNavigationBar";
import { useOrientation } from "@/hooks/useOrientation";
import { useOrientationSettings } from "@/hooks/useOrientationSettings";
import { VlcPlayerView } from "@/modules/vlc-player";
@@ -23,6 +22,7 @@ import React, {
useState,
} from "react";
import { Pressable, StatusBar, useWindowDimensions, View } from "react-native";
+import { SystemBars } from "react-native-edge-to-edge";
import { useSharedValue } from "react-native-reanimated";
import { SelectedTrackType } from "react-native-video";
@@ -35,7 +35,6 @@ export default function page() {
const dimensions = useWindowDimensions();
useOrientation();
useOrientationSettings();
- useAndroidNavigationBar();
const [isPlaybackStopped, setIsPlaybackStopped] = useState(false);
const [showControls, setShowControls] = useState(true);
@@ -106,7 +105,6 @@ export default function page() {
useOrientation();
useOrientationSettings();
- useAndroidNavigationBar();
const selectedSubtitleTrack = useMemo(() => {
const a = playSettings?.mediaSource?.MediaStreams?.find(
@@ -180,7 +178,7 @@ export default function page() {
}}
className="flex flex-col items-center justify-center"
>
-
+
{
setShowControls(!showControls);
@@ -202,7 +200,7 @@ export default function page() {
/>
{videoRef.current && (
-
-
+
{
setShowControls(!showControls);
diff --git a/app/(auth)/vlc-player.tsx b/app/(auth)/vlc-player.tsx
index b64e75c0..2fec8db8 100644
--- a/app/(auth)/vlc-player.tsx
+++ b/app/(auth)/vlc-player.tsx
@@ -2,7 +2,6 @@ import { BITRATES } from "@/components/BitrateSelector";
import { Text } from "@/components/common/Text";
import { Loader } from "@/components/Loader";
import { Controls } from "@/components/video-player/Controls";
-import { useAndroidNavigationBar } from "@/hooks/useAndroidNavigationBar";
import { useOrientation } from "@/hooks/useOrientation";
import { useOrientationSettings } from "@/hooks/useOrientationSettings";
import { useWebSocket } from "@/hooks/useWebsockets";
@@ -42,6 +41,7 @@ import {
useWindowDimensions,
View,
} from "react-native";
+import { SystemBars } from "react-native-edge-to-edge";
import { useSharedValue } from "react-native-reanimated";
export default function page() {
@@ -267,19 +267,8 @@ export default function page() {
[item?.Id, isPlaying, api, isPlaybackStopped]
);
- // useFocusEffect(
- // useCallback(() => {
- // play();
-
- // return () => {
- // stop();
- // };
- // }, [play, stop])
- // );
-
useOrientation();
useOrientationSettings();
- useAndroidNavigationBar();
useWebSocket({
isPlaying: isPlaying,
@@ -338,7 +327,7 @@ export default function page() {
}}
className="flex flex-col items-center justify-center"
>
-
+
{
setShowControls(!showControls);
diff --git a/modules/vlc-player/ios/VlcPlayerView.swift b/modules/vlc-player/ios/VlcPlayerView.swift
index 84ad55a5..2f3609ee 100644
--- a/modules/vlc-player/ios/VlcPlayerView.swift
+++ b/modules/vlc-player/ios/VlcPlayerView.swift
@@ -608,7 +608,7 @@ extension VlcPlayerView: VLCMediaPlayerDelegate {
guard let player = self.mediaPlayer else { return }
let currentTimeMs = player.time.intValue
- let remainingTimeMs = player.remainingTime
+ // let remainingTimeMs = player.remainingTime
let durationMs = player.media?.length.intValue ?? 0
// print("currentTimeMs: \(currentTimeMs) RemainingTimeMs: \(remainingTimeMs)")