Flutter - 如何在不缓冲的情况下播放两个相对较长的音频文件

Question

I have two audio files. One is a robotic voice (2:11 long) and a music file (47 seconds long). The music is supposed to loop several times until the robotic voice is finished. I've already mastered that (and therefore left it out of the code snippet), but I find that the voice keeps buffering. After some tests, I see this pattern.

1. If the voice plays alone, it plays smoothly
2. If the music plays alone, it plays smoothly
3. If the voice & music (lowered volume) play together, only the voice starts buffering.

I've tried switching from the just_audio package to the audioplayers package so that I can play the music on low_latency mode, but then the music doesn't play at all. I believe it's currently a bug.

Here's a simple test widget:

class _TestWidgetState extends State<TestWidget> {
  AudioPlayer voice = AudioPlayer();
  AudioPlayer music = AudioPlayer();

  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Container(
      padding: const EdgeInsets.all(kPadding),
      child: ElevatedButton(
        onPressed: () {
          voice.play("https://cdn.prayershub.com/audio/6/124/322ff9ba35744b58a8ea73c7.mp3");
          music.play(
              "https://cdn.prayershub.com/hymns/french/hymns-et-lounages/vie-chretienne-consecration-et-sanctification/piano/a-jesus-je-mabandonne-325.mp3");
          music.setVolume(0.2);
          music.setReleaseMode(ReleaseMode.LOOP);
        },
        child: const Text("play"),
      ),
    );
  }

  @override
  void dispose() {
    voice.dispose();
    music.dispose();
    super.dispose();
  }
}

Answer 1

You can try using the low latency like this

AudioPlayer voice = AudioPlayer(mode: PlayerMode.LOW_LATENCY);

Edit

static final playerCache = AudioCache();
  static AudioPlayer audioPlayer;

  
    audioPlayer = await playerCache.play('$audioName.mp3');