Giter Site home page Giter Site logo

flutter_hokkien_learning_app's Introduction

小學台語老師給學生回家練習台語的App

智慧型醫學資訊系統實作 2022 fall project GitHub link: https://github.com/Rainyryan/flutter_hokkien_learning_app.git

App structure

我們做出了 line_bot 上的 台語 chat bot 之後決定還是用 flutter 試試看,一共做了三個功能。第一個是為了讓小朋友覺得新奇、有趣同時練習台語。第二個是一個方便的辭典,可以查詢課本上的字的意思跟讀法等。第三個是讓小學生在家可以跟長輩用台語溝通的翻譯蒟蒻。

graph TD
classDef app fill:lightgreen,stroke:black
classDef feature fill:lightblue,stroke:black
app([來學台語])
class app app
app-->feature1([來聊天!])
app-->feature2([台語辭典])
app-->feature3([台語怎麼說])
app-->feature4([設定])
class feature1,feature2,feature3,feature4 feature

1. 來聊天!

台語、國語的語音聊天chat bot。利用實驗室的語音合成 API 把台語的語音輸入轉成文字,再經由 openai API 利用 "text_davinci-003" chat engine 得到中文回覆,最後再轉成台語語音播出。同時在頁面上顯示對話框。

這部分用到 dio.dart package 來做 timeout 的處理。 過程中有遇到一個困難就是 openai 的 API key 一直改動,後來發現應該是因為 key 丟在 github 上被檢查到就會被改掉。ignore 掉才解決。

![](https://i.imgur.com/FQ4EpAd.png =240x)![](https://i.imgur.com/RWhVHOB.png =240x)![](https://i.imgur.com/H7OkFoO.jpg =240x)

錄音按下會變成紅色,再次按下會傳出錄製的訊息

2. 台語辭典

即時查詢萌典上的台語詞,http get 拿到 json 之後分別將詞性、註釋、羅馬拼音、範例等資訊顯示出來。並且可以播放每一種讀音(這部分就不是用實驗室的 Api ,因為一個詞會有多種讀音),做法是用 just_audio.dart package 做 mp3 file playback with remote url.

播放的部分一開始用 audioplayers.dart package 實作,但是發現在 ios 上面會無法放出來,最後改用 just_audio 才解決。

![](https://i.imgur.com/NydzRHF.jpg =240x)![](https://i.imgur.com/NMfsrEY.jpg =240x)![](https://i.imgur.com/V1UXmrw.png =240x)

音符按下可以播放讀音

3. 台語怎麼說

上半部可以告訴你一句話的台語或是國語怎麼唸,下半部是一個國台語的翻譯蒟蒻。輸入國語語音,顯示文字並撥出台語語音。或是輸入台語語音,顯示文字並撥出國語語音。用助教上課的demo改的 :P。 🥩 ![](https://i.imgur.com/jGGKcLB.png =300x)

4. 設定

可以看著教授調 Dark Mode 、字體大小等設定(其實只有這兩個)。 ![](https://i.imgur.com/b9uUHnD.jpg =240x)![](https://i.imgur.com/9NUqEMT.jpg =240x)![](https://i.imgur.com/PbZULEe.jpg =240x)

flutter_hokkien_learning_app's People

Contributors

carlostsai2020 avatar rainyryan avatar

Watchers

 avatar

flutter_hokkien_learning_app's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.