uniapp 微信语音播放功能(整理)

简介: uniapp 微信语音播放功能(整理)

1、在你的小程序中,加上可调用插件,设置-第三方设置-添加插件:微信同声传译。


2、把源码视图 中的appid替换成你自己的appid(点击详情-可查看appid)

data(){
  return{
    playN: 0,
  }
},
onShow(){
  this.play();  //语音
},
methods:(){
  // 播放语音
  play() {
    if(this.$.get_data("logInData") != true){ //判断了下是否登录状态
      return false
    }
    this.$.ajax("GET", "/api/mech/getVoiceMessage", {}, (res) => {
      if (res.code == 1000) {
        var _this = this;
        // var data = [80];
        var data = res.data;
        var numText = '';
        // var num = 1;
        if (data != undefined && _this.playN < data.length) {
          numText = data[_this.playN];
          // let text = "微信收款 800 元" // 真实环境替换为以后端返回文本(数字金额前后加一个空格,播报时就会顿一下)
          // let text = "微信收款 " + numText + "元";
          let text = numText;
          //直接调用全局封装好的方法
          _this.WechatSI.textToSpeech({
            lang: "zh_CN",
            tts: true,
            content: text,
            success: function(res) {
              console.log("succ tts", res.filename) //MP3录音文件
              _this.ScanAudio(res.filename);
              _this.playN++;
              console.log("playN", _this.playN);
              setTimeout(function() {
                _this.play();
              }, 6000);
            },
            fail: function(res) {
              console.log("fail tts", res)
            }
          })
        } else {
          setTimeout(function() {
            _this.playN = 0;
            _this.play();
          }, 6000);
        }
      }
    });
  },
},
相关文章
|
9天前
|
人工智能 开发框架 机器人
AstrBot:轻松将大模型接入QQ、微信等消息平台,打造多功能AI聊天机器人的开发框架,附详细教程
AstrBot 是一个开源的多平台聊天机器人及开发框架,支持多种大语言模型和消息平台,具备多轮对话、语音转文字等功能。
2185 13
AstrBot:轻松将大模型接入QQ、微信等消息平台,打造多功能AI聊天机器人的开发框架,附详细教程
|
13天前
|
存储 小程序 前端开发
微信小程序与Java后端实现微信授权登录功能
微信小程序极大地简化了登录注册流程。对于用户而言,仅仅需要点击授权按钮,便能够完成登录操作,无需经历繁琐的注册步骤以及输入账号密码等一系列复杂操作,这种便捷的登录方式极大地提升了用户的使用体验
133 12
|
27天前
|
小程序 前端开发 关系型数据库
基于Uniapp+php校园小程序,校园圈子论坛系统功能,校园跑腿二手交流功能设计
校园圈子论坛及综合服务平台集成了校园跑腿、兼职信息、外卖团购、闲置交换、租赁服务、表白墙等多功能模块,提供一站式校园生活解决方案。系统采用uniapp前端和PHP后端开发,支持多城市、多学校切换,配备分站式后台管理,确保稳定性和安全性。通过融云IM SDK实现即时通讯功能,增强用户互动与粘性。适用于大学校园、城市及社区圈子,满足多样化需求,提升便捷体验。
|
2月前
|
前端开发 数据库 UED
uniapp开发,前后端分离的陪玩系统优势,陪玩app功能特点,线上聊天线下陪玩,只要4800
前后端分离的陪玩系统将前端(用户界面)和后端(服务器逻辑)分开开发,前者负责页面渲染与用户交互,后者处理数据并提供接口。该架构提高开发效率、优化用户体验、增强可扩展性和稳定性,降低维护成本,提升安全性。玩家可发布陪玩需求,陪玩人员发布服务信息,支持在线聊天、预约及线下陪玩功能,满足多样化需求。[演示链接](https://www.51duoke.cn/games/?id=7)
|
2月前
|
PHP
全新uniapp小说漫画APP小说源码/会员阅读/月票功能
价值980的uniapp小说漫画APP小说源码/会员阅读/月票功能
132 20
|
4月前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
567 3
|
4月前
|
存储 自然语言处理 小程序
微信小程序多语言切换神器:简繁体切换功能完全指南
随着全球化的发展,支持多种语言的应用程序愈发重要。本文介绍了如何在微信小程序中实现简体与繁体字体之间的切换功能,以满足不同地区用户的需求。通过创建utils文件夹并编写相应的转换函数,开发者可以方便地实现语言切换,从而提升用户体验。文章中还附带了示例代码和效果图,帮助读者更好地理解和应用这一功能。
173 0
微信小程序多语言切换神器:简繁体切换功能完全指南
|
4月前
|
存储 移动开发 小程序
uniapp富文本editor输入二次扩展兼容微信小程序
uniapp富文本editor输入二次扩展兼容微信小程序
169 0
|
4月前
|
JavaScript 数据安全/隐私保护
uniapp功能权限判断$auth.auth $auth.role显示判断生成源码
uniapp功能权限判断$auth.auth $auth.role显示判断生成源码
50 0
|
4月前
|
小程序
uniapp实现微信小程序隐私协议组件封装
uniapp实现微信小程序隐私协议组件封装
83 0

热门文章

最新文章