Flutter: Text to Voice Array

Question

I have an Android App that converts text to voice. each word/string on the array is a button that when selected it converts to voice. I am looking to implement this in Flutter.

private TextToSpeech tts;

GridView grid;

String[] words = {

        "Flutter",
        "Dart",
        "React,
        "Java"
};


@Override

protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    tts =new TextToSpeech(this, this);
    setContentView(R.layout.activity_main);
    grid = (GridView) findViewById(R.id.grid);

Can anyone provide a solution in Dart/Flutter?

Thank you.

Arun R. Prajapati · Accepted Answer · 2019-02-05 10:37:58Z

4

You can not use tts package as it is INCOMPATIBLE with Dart 2.0:

go for "flutter_tts " as it's working with Dart 2.0

https://pub.dartlang.org/packages/flutter_tts

     FlutterTts flutterTts = new FlutterTts();

     Future _speak() async{
        var result = await flutterTts.speak("Hello World");
        if (result == 1) setState(() => ttsState = TtsState.playing);
     }

     Future _stop() async{
       var result = await flutterTts.stop();
       if (result == 1) setState(() => ttsState = TtsState.stopped);
     }

     List<dynamic> languages = await flutterTts.getLanguages;

     await flutterTts.setLanguage("en-US");

     await flutterTts.setSpeechRate(1.0);

     await flutterTts.setVolume(1.0);

     await flutterTts.setPitch(1.0);

     await flutterTts.isLanguageAvailable("en-US");

answered Feb 5, 2019 at 10:37

Arun R. Prajapati

2,8221 gold badge17 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ashton Thomas · Accepted Answer · 2018-03-19 01:43:24Z

3

You may find the tts package for Flutter useful:

https://pub.dartlang.org/packages/tts

Here is the simple example

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

void main() {
  runApp(new Scaffold(
    body: new Center(
      child: new RaisedButton(
        onPressed: speak,
        child: new Text('Say Hello'),
      ),
    ),
  ));
}

speak() async {
  Tts.speak('Hello World');
}

While you may find a more in-depth example here:

https://pub.dartlang.org/packages/tts#-example-tab-

As for wiring this all together:

Can anyone provide a solution in Dart/Flutter?

Here is a simple example using a list to render buttons for each String in the list along with the onPressed actions to speak the words:

@override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text("The App"),
      ),
      body: new Center(
        child: new Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: _buildWords(),
        ),
      ),
    );
  }

  List<String> words = ['hello', 'world', 'flutter', 'is', 'awesome'];

  List<Widget> _buildWords() {
    return words.map((String word) {
      return new RaisedButton(
        child: new Text(word),
        onPressed: () => Tts.speak(word),
      );
    }).toList();
  }

edited Mar 19, 2018 at 1:43

answered Mar 19, 2018 at 1:05

Ashton Thomas

18k6 gold badges35 silver badges26 bronze badges

4 Comments

Dev Ed Over a year ago

Thank you, did see that a few days ago, but still having issues creating the array and formating to convert each word to voice using OnPressed.

Ashton Thomas Over a year ago

@DevEd I've updated the answer to include a snippet of how you can get this to work in Flutter.

Dev Ed Over a year ago

Thanks a lot for following up. I have not been successful on running it. not sure if the problem is that I have to created a new widget or a children one. Can you paste the full code? Thanks again!

Dev Ed Over a year ago

It worked!! It took me a few minutes to understand but its Finally Running and Working!! Cheers!!!

Amir Vazirifar · Accepted Answer · 2020-04-22 13:34:49Z

0

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

Future _speak(String text) async{
    var result = await flutterTts.speak(text);
    if (result == 1) setState(() => ttsState = TtsState.playing);
 }

''' you can adjust the time duration if your list is large'''

The function I used:

 Future.forEach (YOUR_LIST,(ITEM_IN_LIST) => 

 new Future.delayed(new Duration(seconds: 2), () {

 /// YOUR FUNCTION for speak

 _speak("$ITEM_IN_LIST");

 }).then(print)).then(print).catchError(print);

answered Apr 22, 2020 at 13:34

Amir Vazirifar

1512 silver badges4 bronze badges

Collectives™ on Stack Overflow

Flutter: Text to Voice Array

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related