본문 바로가기

[Flutter] TTS(Text To Speech): 텍스트를 음성으로 변환하는 방법

flutter by 코나인 2023. 4. 19.
반응형

TTS 패키지 설치

아래 링크로 이동하여

https://pub.dev/packages/flutter_tts

 

설치 탭을 클릭하고 dependencies: 정보를 복사합니다.

 

tts 패키지 설정

pubspec.yaml에 정보를 설정하고 Pub get을 실행합니다.

 

tts, text controller 선언

final FlutterTts tts = FlutterTts();
final TextEditingController controller = TextEditingController();

 

 

Text 입력, 재생 버튼 추가

body: Center(
  child: Column(
    children: [
      TextField(
        controller: controller,
        keyboardType: TextInputType.multiline,
        minLines: 3,
        maxLines: 5,
      ),
      TextButton(
        onPressed: () => tts.speak(controller.text),
        child: Text("재생"),
      ),
    ],
  ),
)

 

결과

 

전체소스

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

class _MyHomePageState extends State<MyHomePage> {
  final FlutterTts tts = FlutterTts();
  final TextEditingController controller = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          children: [
            TextField(
              controller: controller,
              keyboardType: TextInputType.multiline,
              minLines: 3, //Normal textInputField will be displayed
              maxLines: 5, // when user presses enter it will adapt to it
            ),
            TextButton(
              onPressed: () => tts.speak(controller.text),
              child: Text("재생"),
            ),
          ],
        ),
      ),
    );
  }
}
반응형

'flutter' 카테고리의 다른 글

flutter iOS push 설정  (0) 2023.05.11
flutter.minSdkVersion, flutter.targetSdkVersion 선언 위치는?  (0) 2023.04.19
[flutter] app icon 설정하기  (1) 2022.12.22

댓글