微信小程序语音聊天智能对话（核心源码）

最新推荐文章于 2024-07-02 10:55:55 发布

置顶

Volcano__Liu

最新推荐文章于 2024-07-02 10:55:55 发布

阅读量2.7w

点赞数 15

分类专栏：人工智能自然语言处理小程序文章标签：源码分享微信聊天自然语言

本文链接：https://blog.csdn.net/u011211290/article/details/78105120

版权

本文介绍了微信小程序'智能聊'的1.0版本更新，包括键盘与语音输入切换功能的实现，提供了相关源码，并展示了更新后的界面。用户可以通过扫描二维码体验。核心代码涉及到index.wxml和index.js，其中JS部分利用微信官方语音插件进行语音识别。

摘要由CSDN通过智能技术生成

“智能聊”：微信小程序详解

这次是1.0版本的更新，整体设计请参考上一篇文章：
手把手教你做自然语言理解智能对话的微信小程序【核心源码】

本次更新内容：
1.键盘输入框和语音输入的切换
2.语音输入图标

扫码体验（小程序名：智能聊）

这里写图片描述

更新之后的界面：

这里写图片描述

录音中

这里写图片描述

废话不多说，直接上代码：

index.wxml

<view class="container">
  <scroll-view class="scrool-view" scroll-y="true" scroll-with-animation="true" scroll-into-view="{
  {scrolltop}}" enable-back-to-top="true">
    <view class="chat-list">
      <block wx:for="{
  {chatList}}" wx:key="time">
        <view id="roll{
  {index + 1}}" class="chat-left" wx:if="{
  {item.orientation == 'l'}}">
          <image class="avatar-img" src="/res/image/chat_logo.png"></image>
          <text>{
  {it