[flutter] 플러터에서의 오디오 처리 방법

30 Nov 2023

flutter

플러터(Flutter)는 Google이 개발한 UI 프레임워크로, iOS 및 Android 애플리케이션을 하나의 코드베이스로 개발할 수 있게 해줍니다. 오디오 처리는 여러분이 앱에 사운드 이펙트, 음악 재생 또는 음성 출력 등을 추가하려는 경우 중요한 요소입니다. 이번 블로그 포스트에서는 플러터에서의 오디오 처리에 대한 가이드를 제공하겠습니다.

1. 오디오 파일 추가하기

먼저, 플러터 프로젝트에서 사용할 오디오 파일을 추가해야 합니다. 이를 위해 프로젝트의 assets 폴더에 오디오 파일을 복사해 넣어야 합니다. pubspec.yaml 파일을 열어 아래와 같이 assets 부분에 오디오 파일 경로를 추가합니다.

flutter:
  assets:
    - assets/audio/my_audio.mp3

assets/audio는 오디오 파일이 위치한 폴더 경로이며, my_audio.mp3는 추가할 오디오 파일명입니다. 이제 프로젝트에 오디오 파일이 포함되었습니다.

2. 오디오 재생

이제 프로젝트에 오디오 파일을 추가했으니, 실제로 오디오를 재생해보겠습니다. 먼저, audioplayers 패키지를 사용해서 오디오 재생을 처리해야 합니다. pubspec.yaml 파일에 아래 내용을 추가하여 패키지를 import 해주세요.

dependencies:
  audioplayers: ^0.19.1

이제 패키지를 설치하기 위해 터미널에서 flutter pub get 명령어를 실행합니다. 패키지가 성공적으로 설치되면, 오디오 재생을 위한 준비가 완료된 것입니다.

이제 main.dart 파일에 아래의 import 문을 추가해주세요.

import 'package:audioplayers/audioplayers.dart';

오디오를 재생하기 위해 AudioPlayer 인스턴스를 만들고, play 메서드를 호출하여 오디오 파일을 재생할 수 있습니다. 아래의 코드는 버튼 클릭 시 오디오를 재생하는 예제입니다.

class MyHomePage extends StatelessWidget {
  void playAudio() async {
    AudioPlayer audioPlayer = AudioPlayer();
    int result = await audioPlayer.play('assets/audio/my_audio.mp3');
    if (result == 1) {
      // 재생 성공
    }
  }

  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Audio Player'),
      ),
      body: Center(
        child: RaisedButton(
          child: Text('Play Audio'),
          onPressed: playAudio,
        ),
      ),
    );
  }
}

AudioPlayer 인스턴스를 생성하고 play 메서드의 인자로 오디오 파일 경로를 전달하여 해당 오디오 파일을 재생할 수 있습니다. 재생 결과는 result 변수로 받으며, 성공적으로 재생되면 1이 반환됩니다.

3. 오디오 일시 정지 및 중지

오디오를 재생하고 일시 정지 및 중지하는 방법도 알아보겠습니다. 일시 정지와 중지는 pause 메서드와 stop 메서드를 사용하여 각각 처리할 수 있습니다.

class MyHomePage extends StatelessWidget {
  AudioPlayer audioPlayer = AudioPlayer();

  void playAudio() async {
    int result = await audioPlayer.play('assets/audio/my_audio.mp3');
    if (result == 1) {
      // 재생 성공
    }
  }

  void pauseAudio() async {
    int result = await audioPlayer.pause();
    if (result == 1) {
      // 일시 정지 성공
    }
  }

  void stopAudio() async {
    int result = await audioPlayer.stop();
    if (result == 1) {
      // 중지 성공
    }
  }

  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Audio Player'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            RaisedButton(
              child: Text('Play Audio'),
              onPressed: playAudio,
            ),
            RaisedButton(
              child: Text('Pause Audio'),
              onPressed: pauseAudio,
            ),
            RaisedButton(
              child: Text('Stop Audio'),
              onPressed: stopAudio,
            ),
          ],
        ),
      ),
    );
  }
}

위의 코드에서 pauseAudio 메서드는 pause 메서드를 호출하여 오디오를 일시 정지하고, stopAudio 메서드는 stop 메서드를 호출하여 오디오를 중지합니다.

결론

플러터에서는 오디오 처리를 위한 audioplayers 패키지를 사용하여 오디오 파일을 재생, 일시 정지 및 중지할 수 있습니다. 이를 통해 플러터 앱에 멋진 사운드 이펙트나 음악을 추가할 수 있습니다. 자세한 사항은 공식 문서를 참조하시기 바랍니다.