movie-web/native-app
1
0
Fork 0
mirror of https://github.com/movie-web/native-app.git synced 2025-09-13 18:13:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: gesture control toggle impl

Browse Source
This commit is contained in:
Adrian Castro
2024-03-21 12:33:47 +01:00
parent 30bf4c3d7a
commit 13143a2664
3 changed files with 57 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
apps/expo/src/components/player/VideoPlayer.tsx
View File

@@ -17,6 +17,7 @@ import { useBrightness } from "~/hooks/player/useBrightness";
import { usePlaybackSpeed } from "~/hooks/player/usePlaybackSpeed";
import { usePlayer } from "~/hooks/player/usePlayer";
import { useVolume } from "~/hooks/player/useVolume";
import { getGestureControls } from "~/settings";
import { useAudioTrackStore } from "~/stores/audio";
import { usePlayerStore } from "~/stores/player/store";
import { CaptionRenderer } from "./CaptionRenderer";
@@ -61,6 +62,14 @@ export const VideoPlayer = () => {
const playAudio = usePlayerStore((state) => state.playAudio);
const pauseAudio = usePlayerStore((state) => state.pauseAudio);
const [gestureControlsEnabled, setGestureControlsEnabled] = useState(true);
useEffect(() => {
void getGestureControls().then((enabled) => {
setGestureControlsEnabled(enabled);
});
}, []);
const checkGestureInSliderVicinity = (x: number, y: number) => {
isGestureInSliderVicinity.value = isPointInSliderVicinity(x, y);
};
@@ -89,6 +98,7 @@ export const VideoPlayer = () => {
};
const doubleTapGesture = Gesture.Tap()
.enabled(gestureControlsEnabled)
.numberOfTaps(2)
.onEnd(() => {
runOnJS(togglePlayback)();
@@ -97,6 +107,7 @@ export const VideoPlayer = () => {
const screenHalfWidth = Dimensions.get("window").width / 2;
const panGesture = Gesture.Pan()
.enabled(gestureControlsEnabled)
.onStart((event) => {
runOnJS(checkGestureInSliderVicinity)(event.x, event.y);
if (isGestureInSliderVicinity.value) {