tts-rs/examples/web/src/main.rs

#![allow(clippy::wildcard_imports)]
use seed::{prelude::*, *};

use tts::Tts;

#[derive(Clone)]
struct Model {
    text: String,
    tts: Tts,
}

#[derive(Clone)]
enum Msg {
    TextChanged(String),
    RateChanged(String),
    PitchChanged(String),
    VolumeChanged(String),
    VoiceChanged(String),
    Speak,
}

fn init(_: Url, _: &mut impl Orders<Msg>) -> Model {
    let mut tts = Tts::default().unwrap();
    if tts.voices().unwrap().iter().len() > 0 {
        if tts.voice().unwrap().is_none() {
            tts.set_voice(tts.voices().unwrap().first().unwrap())
                .expect("Failed to set voice");
        }
    }
    Model {
        text: "Hello, world. This is a test of the current text-to-speech values.".into(),
        tts,
    }
}

fn update(msg: Msg, model: &mut Model, _: &mut impl Orders<Msg>) {
    use Msg::*;
    match msg {
        TextChanged(text) => model.text = text,
        RateChanged(rate) => {
            let rate = rate.parse::<f32>().unwrap();
            model.tts.set_rate(rate).unwrap();
        }
        PitchChanged(pitch) => {
            let pitch = pitch.parse::<f32>().unwrap();
            model.tts.set_pitch(pitch).unwrap();
        }
        VolumeChanged(volume) => {
            let volume = volume.parse::<f32>().unwrap();
            model.tts.set_volume(volume).unwrap();
        }
        VoiceChanged(voice) => {
            for v in model.tts.voices().unwrap() {
                if v.id() == voice {
                    model.tts.set_voice(&v).unwrap();
                }
            }
        }
        Speak => {
            model.tts.speak(&model.text, false).unwrap();
        }
    }
}

fn view(model: &Model) -> Node<Msg> {
    let should_show_voices = model.tts.voices().unwrap().iter().len() > 0;
    form![
        div![label![
            "Text to speak",
            input![
                attrs! {
                    At::Value => model.text,
                    At::AutoFocus => AtValue::None,
                },
                input_ev(Ev::Input, Msg::TextChanged)
            ],
        ],],
        div![label![
            "Rate",
            input![
                attrs! {
                    At::Type => "number",
                    At::Value => model.tts.get_rate().unwrap(),
                    At::Min => model.tts.min_rate(),
                    At::Max => model.tts.max_rate()
                },
                input_ev(Ev::Input, Msg::RateChanged)
            ],
        ],],
        div![label![
            "Pitch",
            input![
                attrs! {
                    At::Type => "number",
                    At::Value => model.tts.get_pitch().unwrap(),
                    At::Min => model.tts.min_pitch(),
                    At::Max => model.tts.max_pitch()
                },
                input_ev(Ev::Input, Msg::PitchChanged)
            ],
        ],],
        div![label![
            "Volume",
            input![
                attrs! {
                    At::Type => "number",
                    At::Value => model.tts.get_volume().unwrap(),
                    At::Min => model.tts.min_volume(),
                    At::Max => model.tts.max_volume()
                },
                input_ev(Ev::Input, Msg::VolumeChanged)
            ],
        ],],
        if should_show_voices {
            div![
                label!["Voice"],
                select![
                    model.tts.voices().unwrap().iter().map(|v| {
                        let selected = if let Some(voice) = model.tts.voice().unwrap() {
                            voice.id() == v.id()
                        } else {
                            false
                        };
                        option![
                            attrs! {
                                At::Value => v.id()
                            },
                            if selected {
                                attrs! {
                                    At::Selected => selected
                                }
                            } else {
                                attrs! {}
                            },
                            v.name()
                        ]
                    }),
                    input_ev(Ev::Change, Msg::VoiceChanged)
                ]
            ]
        } else {
            div!["Your browser does not seem to support selecting voices."]
        },
        button![
            "Speak",
            ev(Ev::Click, |e| {
                e.prevent_default();
                Msg::Speak
            }),
        ],
    ]
}

fn main() {
    console_log::init().expect("Error initializing logger");
    App::start("app", init, update, view);
}