Play with RNTP buffer settings (#8328)

AudiusProject · May 8, 2024 · c44d02c · c44d02c
1 parent 9cca4d5
commit c44d02c
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 20 deletions.
diff --git a/packages/mobile/src/app/App.tsx b/packages/mobile/src/app/App.tsx
@@ -6,7 +6,7 @@ import {
   SafeAreaProvider,
   initialWindowMetrics
 } from 'react-native-safe-area-context'
-import TrackPlayer from 'react-native-track-player'
+import TrackPlayer, { IOSCategory } from 'react-native-track-player'
 import { Provider } from 'react-redux'
 import { useEffectOnce } from 'react-use'
 import { PersistGate } from 'redux-persist/integration/react'
@@ -64,7 +64,13 @@ const App = () => {
   useEffectOnce(() => {
     setLibs(null)
     subscribeToNetworkStatusUpdates()
-    TrackPlayer.setupPlayer({ autoHandleInterruptions: true })
+    TrackPlayer.setupPlayer({
+      minBuffer: 0.1,
+      playBuffer: 0.1,
+      waitForBuffer: false,
+      autoHandleInterruptions: true,
+      iosCategory: IOSCategory.Playback
+    })
   })
 
   useEnterForeground(() => {

diff --git a/packages/mobile/src/components/audio/AudioPlayer.tsx b/packages/mobile/src/components/audio/AudioPlayer.tsx
@@ -37,10 +37,10 @@ import TrackPlayer, {
   Capability,
   Event,
   State,
-  usePlaybackState,
   useTrackPlayerEvents,
   RepeatMode as TrackPlayerRepeatMode,
-  TrackType
+  TrackType,
+  PitchAlgorithm
 } from 'react-native-track-player'
 import { useDispatch, useSelector } from 'react-redux'
 import { useAsync, usePrevious } from 'react-use'
@@ -166,7 +166,6 @@ export const AudioPlayer = () => {
     FeatureFlags.PODCAST_CONTROL_UPDATES_ENABLED,
     FeatureFlags.PODCAST_CONTROL_UPDATES_ENABLED_FALLBACK
   )
-  const playbackState = usePlaybackState()
   const track = useSelector(getCurrentTrack)
   const playing = useSelector(getPlaying)
   const seek = useSelector(getSeek)
@@ -609,6 +608,8 @@ export const AudioPlayer = () => {
       return {
         url,
         type: TrackType.Default,
+        contentType: 'audio/mpeg',
+        pitchAlgorithm: PitchAlgorithm.Music,
         title: track.title,
         artist: trackOwner.name,
         genre: track.genre,
@@ -652,13 +653,12 @@ export const AudioPlayer = () => {
     } else {
       await TrackPlayer.reset()
 
+      await TrackPlayer.play()
+
       const firstTrack = newQueueTracks[queueIndex]
       if (!firstTrack) return
-      await TrackPlayer.add(await makeTrackData(firstTrack))
 
-      if (playing) {
-        await TrackPlayer.play()
-      }
+      await TrackPlayer.add(await makeTrackData(firstTrack))
 
       enqueueTracksJobRef.current = enqueueTracks(newQueueTracks, queueIndex)
       await enqueueTracksJobRef.current
@@ -675,8 +675,7 @@ export const AudioPlayer = () => {
     isCollectionMarkedForDownload,
     isNotReachable,
     storageNodeSelector,
-    nftAccessSignatureMap,
-    playing
+    nftAccessSignatureMap
   ])
 
   const handleQueueIdxChange = useCallback(async () => {
@@ -694,17 +693,12 @@ export const AudioPlayer = () => {
   }, [queueIndex])
 
   const handleTogglePlay = useCallback(async () => {
-    if (playbackState.state === State.Playing && !playing) {
-      await TrackPlayer.pause()
-    } else if (
-      (playbackState.state === State.Paused ||
-        playbackState.state === State.Ready ||
-        playbackState.state === State.Stopped) &&
-      playing
-    ) {
+    if (playing) {
       await TrackPlayer.play()
+    } else {
+      await TrackPlayer.pause()
     }
-  }, [playbackState, playing])
+  }, [playing])
 
   const handleStop = useCallback(async () => {
     TrackPlayer.reset()