当前位置: 首页 > article >正文

智能语音对话小程序功能优化day2-语音输入

目录

1.添加插件

2.记录插件配置

3.prompt设置

4.AI编码

5.小程序真机测试


目前trae和cursor等ai工具已经成为无论新人还是行内人提升编程能力的加速器,自己之前半天才搞定的语音输入功能不到一个小时也就编写测试完了,记录一下流程:

1.添加插件

登录信公众平台进入小程序后台主页,点击账号设置-第三方设置-添加插件。在搜索页面输入同声传译获取插件,见下图。

2.记录插件配置

添加插件后会有审核(很快),通过后点击详情可以进入下图所示的界面。需要记住同声传译插件的AppID,在后续小程序开发中会用到。

3.prompt设置

打开trae composer,选择claude-3.7-sonnet模型,输入以下prompt:

你需要在index页面中,使用微信小程序'同声传译'插件实现语音输入功能,具体需求如下:

-底部输入区域中的左边添加一个语音输入的icon按钮,按钮高度与发送按钮相同,用户点击该按钮后文本输入框改变为'按住说话'按钮。用户再次点击icon后切换回文本输入框

-用户松开按钮后,需要将用户的语音转换成文字添加到消息区域中,转换后的文字内容仿照sendMessage函数实现相同的与后端接口交互的功能

-需要在完成语音输入功能的前提下,使UI布局尽可能美观。

-需要修改加入插件后的配置文件保证项目能够正常编译执行

4.AI编码

等待trae自动完成语音输入功能,详细执行结果见下图。

5.小程序真机测试

联调见下图。


http://www.kler.cn/a/587199.html

相关文章:

  • TensorFlow 是什么?
  • 界面组件DevExpress WPF中文教程:Grid - 如何显示嵌套栏(Bands)?
  • 蓝桥杯 17110抓娃娃
  • 【SpringMVC】常用注解:@CookieValue
  • synchronized与 Java内置锁(未写完)
  • 《TCP/IP网络编程》学习笔记 | Chapter 18:多线程服务器端的实现
  • 《Electron 学习之旅:从入门到实践》
  • RK3588 openssl-3.4.1 编译安装
  • unity生命周期
  • vue埋点
  • Python实现NOA星雀优化算法优化随机森林分类模型项目实战
  • 前端工程化之前端工程化详解 包管理工具
  • Haskell语言的二进制与编码
  • 基于隐私计算的数据共享与分析平台V1.0源代码说明文档
  • AtCoder AT_abc397_d [ABC397D] Cubes
  • leetcode hot100普通动态规划/基础DP
  • OpenHarmony-SELinux配置
  • R语言高效数据处理-自定义格式EXCEL数据输出
  • 洞悉C++内存结构:解锁深层优化潜力
  • redis主从搭建