[flutter] 플러터에서의 음성인식 및 TTS(Text-to-Speech) 구현 방법

15 Dec 2023

flutter

플러터(Flutter) 애플리케이션에 음성인식과 텍스트 음성 변환(TTS, Text-to-Speech) 기능을 추가하는 것은 사용자 경험을 향상시키는데 도움이 됩니다. 이러한 기능은 사용자가 앱과 상호작용할 때 편의성을 높여주고, 접근성을 개선하여 더 많은 사용자들이 앱을 즐길 수 있도록 도와줍니다.

음성인식 구현하기

플러터에서 음성인식을 구현하기 위해서는 speech_recognition 패키지를 사용할 수 있습니다.

먼저, pubspec.yaml 파일에 다음과 같은 의존성을 추가해줍니다:

dependencies:
  speech_recognition: ^3.0.0

의존성을 추가한 후, 아래의 코드를 사용하여 음성인식을 구현할 수 있습니다:

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: '음성인식 예시',
      home: SpeechScreen(),
    );
  }
}

class SpeechScreen extends StatefulWidget {
  @override
  _SpeechScreenState createState() => _SpeechScreenState();
}

class _SpeechScreenState extends State<SpeechScreen> {
  SpeechRecognition _speech;

  @override
  void initState() {
    super.initState();
    _speech = SpeechRecognition();
    _speech.setAvailabilityHandler((bool available) {
      if (available) {
        _speech.activate().then((result) {
          setState(() {});
        });
      }
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('음성인식'),
      ),
      body: Center(
        child: RaisedButton(
          onPressed: () {
            _speech.listen().then((result) => print('$result'));
          },
          child: Text('음성인식 시작'),
        ),
      ),
    );
  }
}

TTS(Text-to-Speech) 구현하기

플러터에서 TTS(Text-to-Speech)를 구현하기 위해서는 flutter_tts 패키지를 사용할 수 있습니다.

우선, pubspec.yaml 파일에 다음과 같은 의존성을 추가합니다:

dependencies:
  flutter_tts: ^2.3.0

의존성을 추가한 후, 아래의 코드를 사용하여 TTS를 구현할 수 있습니다:

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'TTS 예시',
      home: TtsScreen(),
    );
  }
}

class TtsScreen extends StatefulWidget {
  @override
  _TtsScreenState createState() => _TtsScreenState();
}

class _TtsScreenState extends State<TtsScreen> {
  FlutterTts flutterTts = FlutterTts();

  @override
  void initState() {
    super.initState();
    flutterTts.setLanguage('ko-KR');
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('텍스트 음성 변환'),
      ),
      body: Center(
        child: RaisedButton(
          onPressed: () {
            flutterTts.speak('안녕하세요, 플러터 TTS 예시입니다.');
          },
          child: Text('음성 출력 시작'),
        ),
      ),
    );
  }
}

결론

플러터에서 음성인식과 TTS를 구현하는 방법에 대해 살펴보았습니다. 이러한 기능을 활용하여 사용자들에게 더 나은 사용자 경험을 제공할 수 있고, 다양한 환경에서 앱에 접근할 수 있는 접근성을 향상시킬 수 있습니다. 음성기술을 활용하여 사용자와의 상호작용을 더욱 편리하게 만들어보세요!

참고 문헌:

다음은 음성인식과 TTS(Text-to-Speech)를 구현하는 방법에 대한 플러터(Flutter) 예시 코드입니다.