DEV Community
·
创建一个发音评估应用程序（第一部分）
💡
原文英文，约1500词，阅读约需6分钟。
📝
内容提要
这篇文章介绍了作者如何创建一个应用程序来控制用户的发音，并使用Quasar框架实现了一个简单的应用程序。应用程序允许用户输入一个单词或句子，并录制自己的声音，然后将音频发送到API并显示得分。文章还提到了一些相关的API，并展示了如何修改应用程序的布局和添加组件。下一部分将介绍如何获取音频。
🎯
关键要点
-
本文介绍了如何创建一个控制用户发音的应用程序。
-
需要具备JavaScript和Vue.js 3的知识。
-
作者希望找到一个可以验证德语发音的应用或API。
-
找到了一些相关的API，SpeechSuper API支持多种语言，包括德语。
-
应用程序的目标是允许用户输入单词，录制声音，发送音频到API并显示得分。
-
使用Quasar框架来开发应用程序，支持多种平台的部署。
-
需要安装NodeJS，并使用Quasar CLI初始化项目。
-
修改应用程序的布局以实现目标的用户体验。
-
使用Quasar组件创建文本输入框和录音按钮。
-
下一部分将介绍如何获取音频和通过SpeechSuper API获得得分。
❓
延伸问答
如何创建一个发音评估应用程序？
可以使用Quasar框架和JavaScript/Vue.js 3来创建一个应用程序，允许用户输入单词、录制声音并发送到API以获取发音得分。
SpeechSuper API的功能是什么？
SpeechSuper API支持多种语言，包括德语，能够验证用户的发音是否正确。
使用Quasar框架的好处是什么？
Quasar框架允许开发者使用单一代码库创建可部署于网页、移动应用和桌面应用的程序，简化了开发流程。
在创建应用程序之前需要准备哪些环境？
需要安装NodeJS，并使用Quasar CLI初始化项目以开始开发应用程序。
如何修改应用程序的布局以改善用户体验？
可以通过删除不必要的元素和调整组件位置来修改应用程序的布局，以实现更好的用户体验。
应用程序的主要功能是什么？
应用程序的主要功能是允许用户输入单词或句子，录制声音并通过API获取发音得分。
🏷️
标签
➡️
