[flutter] RaisedButton을 사용해 소리 재생

안녕하세요! Flutter를 사용하여 소리를 재생하는 기능을 구현하는 방법에 대해 알려드리겠습니다. 이를 위해 RaisedButton 위젯을 사용할 것입니다.

RaisedButtton 위젯

RaisedButton은 터치 가능한 버튼 위젯으로, 사용자가 버튼을 누르면 특정 동작을 수행할 수 있습니다. 현재 버튼을 눌렀는지 여부를 감지하기 위한 콜백 함수를 등록할 수도 있습니다.

소리 재생

소리를 재생하기 위해 우선 ‘audioplayers’라이브러리를 설치해야 합니다. pubspec.yaml 파일에 다음과 같이 추가하세요.

dependencies:
  audioplayers: ^0.18.4

그런 다음, 다음과 같은 코드를 작성하여 소리를 재생할 수 있습니다.

import 'package:flutter/material.dart';
import 'package:audioplayers/audioplayers.dart';

AudioCache audioCache = AudioCache();

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('RaisedButton Example'),
        ),
        body: Center(
          child: RaisedButton(
            child: Text('Play Sound'),
            onPressed: () {
              audioCache.play('sound.mp3');
            },
          ),
        ),
      ),
    );
  }
}

이 코드는 RaisedButtton 위젯을 사용해 ‘Play Sound’라는 텍스트를 포함한 버튼을 생성합니다. 버튼을 누르면 audioCache.play('sound.mp3'); 메소드가 호출되어 ‘sound.mp3’ 파일이 재생됩니다. 이때, 재생할 소리 파일은 assets 폴더에 미리 저장되어 있어야 합니다.

이제 소리 재생을 위한 RaisedButton 기능을 구현하는 방법을 알게 되었습니다. Flutter에서 소리 재생을 위해서는 ‘audioplayers’ 라이브러리를 사용하고, RaisedButtton을 통해 버튼을 생성하고 콜백함수를 등록하여 소리를 재생할 수 있습니다.

추가적인 사용법이나 더 자세한 내용은 아래의 참고 자료를 확인해주세요.

참고 자료