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

feat: audio track switching

Browse Source
This commit is contained in:
Adrian Castro
2024-02-23 11:55:49 +01:00
parent 56b834fc16
commit 7c3fcfcd4e
1 changed files with 21 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -55,6 +55,7 @@ export const VideoPlayer = () => {
const isIdle = usePlayerStore((state) => state.interface.isIdle); const isIdle = usePlayerStore((state) => state.interface.isIdle);
const stream = usePlayerStore((state) => state.interface.currentStream); const stream = usePlayerStore((state) => state.interface.currentStream);
const selectedAudioTrack = useAudioTrackStore((state) => state.selectedTrack); const selectedAudioTrack = useAudioTrackStore((state) => state.selectedTrack);
const videoRef = usePlayerStore((state) => state.videoRef);
const setVideoRef = usePlayerStore((state) => state.setVideoRef); const setVideoRef = usePlayerStore((state) => state.setVideoRef);
const setStatus = usePlayerStore((state) => state.setStatus); const setStatus = usePlayerStore((state) => state.setStatus);
const setIsIdle = usePlayerStore((state) => state.setIsIdle); const setIsIdle = usePlayerStore((state) => state.setIsIdle);
@@ -227,6 +228,26 @@ export const VideoPlayer = () => {
setHasStartedPlaying(true); setHasStartedPlaying(true);
}; };
useEffect(() => {
const synchronizePlayback = async () => {
if (videoRef && hasStartedPlaying) {
const videoStatus = await videoRef.getStatusAsync();
if (selectedAudioTrack && audioObject && videoStatus.isLoaded) {
await videoRef.setIsMutedAsync(true);
await audioObject.setPositionAsync(videoStatus.positionMillis);
await audioObject.playAsync();
} else {
await videoRef.setIsMutedAsync(false);
}
}
};
if (hasStartedPlaying) {
void synchronizePlayback();
}
}, [audioObject, hasStartedPlaying, selectedAudioTrack, videoRef]);
return ( return (
<GestureDetector gesture={composedGesture}> <GestureDetector gesture={composedGesture}>
<View className="flex-1 items-center justify-center bg-black"> <View className="flex-1 items-center justify-center bg-black">