Expo AV unable to play multiple sounds

Please provide the following:

  1. SDK Version: 39.0.2
  2. Platforms: Android and iOS
  3. Add the appropriate “Tag” based on what Expo library you have a question on.

I’m trying to get multiple sounds files to play on an Expo-AV, however when one sound plays, the other stops. I can’t get more than one sound to play at a time.

What I tried:
I tried a class method to create a different instance each time but it didn’t work. SO I reverted back to the Functional Component and called playSound() to play at the same time but it doesn’t work

This is my code:

import React, { useEffect, useState } from "react";
import { Text, View} from "react-native";
import {Audio} from 'expo-av'

const MusicModal = (props) => {
  const [sound, setSound] = React.useState(new Audio.Sound());
  const [isPlaying, setIsPlaying] = React.useState(false);

async function playSound(song) {
  console.log('Loading Sound');
  const { sound } = await Audio.Sound.createAsync(song);
  console.log('Playing Sound');
  await sound.playAsync().then(()=>{

useEffect(() => {
  return sound
    ? () => {
        console.log('Unloading Sound');
    : undefined;

}, [sound]);

const handleAudioConfig = async() =>{
  try {
    await Audio.setAudioModeAsync({
      allowsRecordingIOS: false,
      interruptionModeIOS: Audio.INTERRUPTION_MODE_IOS_DO_NOT_MIX,
      playsInSilentModeIOS: true,
      interruptionModeAndroid: Audio.INTERRUPTION_MODE_ANDROID_DO_NOT_MIX,
      shouldDuckAndroid: true,
      staysActiveInBackground: true,
      playThroughEarpieceAndroid: false,
  } catch (e) {

  return (
          <Text>Play Sound</Text>

export default MusicModal;

Any help or advice would really help to be able to play sounds at the same time. Thank you

1 Like

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.