Try stopping video playback if audio issue could be fiexed

src/components/Timeline/Shared/Attachment/Audio.tsx

@@ -5,8 +5,8 @@ import { Slider } from '@sharcoux/slider'
 import { StyleConstants } from '@utils/styles/constants'
 import { useTheme } from '@utils/styles/ThemeManager'
 import { Audio } from 'expo-av'
-import React, { useCallback, useState } from 'react'
+import React, { useCallback, useEffect, useRef, useState } from 'react'
-import { StyleSheet, View } from 'react-native'
+import { AppState, AppStateStatus, StyleSheet, View } from 'react-native'
 import { Blurhash } from 'react-native-blurhash'
 import AttachmentAltText from './AltText'
 import attachmentAspectRatio from './aspectRatio'
@@ -18,12 +18,7 @@ export interface Props {
   audio: Mastodon.AttachmentAudio
 }
 
-const AttachmentAudio: React.FC<Props> = ({
+const AttachmentAudio: React.FC<Props> = ({ total, index, sensitiveShown, audio }) => {
-  total,
-  index,
-  sensitiveShown,
-  audio
-}) => {
   const { colors } = useTheme()
 
   const [audioPlayer, setAudioPlayer] = useState<Audio.Sound>()
@@ -51,6 +46,20 @@ const AttachmentAudio: React.FC<Props> = ({
     setAudioPlaying(false)
   }, [audioPlayer])
 
+  const appState = useRef(AppState.currentState)
+  useEffect(() => {
+    const appState = AppState.addEventListener('change', _handleAppStateChange)
+
+    return () => appState.remove()
+  }, [])
+  const _handleAppStateChange = async (nextAppState: AppStateStatus) => {
+    if (appState.current.match(/active/) && nextAppState.match(/inactive/)) {
+      await audioPlayer?.stopAsync()
+    }
+
+    appState.current = nextAppState
+  }
+
   return (
     <View
       accessibilityLabel={audio.description}
@@ -90,9 +99,7 @@ const AttachmentAudio: React.FC<Props> = ({
               size='L'
               round
               overlay
-              {...(audioPlaying
+              {...(audioPlaying ? { onPress: pauseAudio } : { onPress: playAudio })}
-                ? { onPress: pauseAudio }
-                : { onPress: playAudio })}
             />
           </>
         )}
@@ -128,10 +135,7 @@ const AttachmentAudio: React.FC<Props> = ({
           />
         </View>
       ) : null}
-      <AttachmentAltText
+      <AttachmentAltText sensitiveShown={sensitiveShown} text={audio.description} />
-        sensitiveShown={sensitiveShown}
-        text={audio.description}
-      />
     </View>
   )
 }

src/components/Timeline/Shared/Attachment/Video.tsx

@@ -64,7 +64,7 @@ const AttachmentVideo: React.FC<Props> = ({
   }, [])
   const _handleAppStateChange = async (nextAppState: AppStateStatus) => {
     if (appState.current.match(/active/) && nextAppState.match(/inactive/)) {
-      await videoPlayer.current?.pauseAsync()
+      await videoPlayer.current?.stopAsync()
     } else if (gifv && appState.current.match(/background/) && nextAppState.match(/active/)) {
       await videoPlayer.current?.setIsMutedAsync(true)
       await videoPlayer.current?.playAsync()

src/startup/audio.ts

@@ -4,9 +4,9 @@ import log from './log'
 const audio = () => {
   log('log', 'audio', 'setting audio playback default options')
   Audio.setAudioModeAsync({
-    playsInSilentModeIOS: true,
+    interruptionModeIOS: InterruptionModeIOS.DoNotMix,
-    interruptionModeIOS: InterruptionModeIOS.MixWithOthers,
+    interruptionModeAndroid: InterruptionModeAndroid.DuckOthers,
-    interruptionModeAndroid: InterruptionModeAndroid.DuckOthers
+    staysActiveInBackground: false
   })
 }