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);
        }
      }
    });
  },
},
相关文章
|
25天前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
166 3
|
2月前
|
开发工具
uniapp, 短剧视频类App实现参考,支持滑动播放,仿抖音 仿陌陌 短视频 无限滑动播放 视频流
阿里云点播服务web播放器sdk,短剧视频类App实现参考。仿抖音 仿陌陌 短视频 无限滑动播放 视频流。无uniapp video 原生组件的层级、遮挡、覆盖问题,适合与不同功能视图组合使用,实现丰富的应用功能。
uniapp, 短剧视频类App实现参考,支持滑动播放,仿抖音 仿陌陌 短视频 无限滑动播放 视频流
|
25天前
|
存储 自然语言处理 小程序
微信小程序多语言切换神器:简繁体切换功能完全指南
随着全球化的发展,支持多种语言的应用程序愈发重要。本文介绍了如何在微信小程序中实现简体与繁体字体之间的切换功能,以满足不同地区用户的需求。通过创建utils文件夹并编写相应的转换函数,开发者可以方便地实现语言切换,从而提升用户体验。文章中还附带了示例代码和效果图,帮助读者更好地理解和应用这一功能。
74 0
微信小程序多语言切换神器:简繁体切换功能完全指南
|
1月前
|
移动开发 小程序 数据可视化
一招学会DIY官网可视化设计支持导出微擎、UNIAPP、H5、微信小程序源码
一招学会DIY官网可视化设计支持导出微擎、UNIAPP、H5、微信小程序源码
34 2
|
2月前
|
算法 JavaScript 前端开发
切西瓜法实现微信抢红包功能
该文章介绍了使用“切西瓜法”和“栅栏法”两种算法来模拟微信抢红包的随机分配机制,并通过具体的JavaScript代码实现了红包金额的公平随机分配过程。
切西瓜法实现微信抢红包功能
|
30天前
|
存储 移动开发 小程序
uniapp富文本editor输入二次扩展兼容微信小程序
uniapp富文本editor输入二次扩展兼容微信小程序
53 0
|
1月前
|
JavaScript 数据安全/隐私保护
uniapp功能权限判断$auth.auth $auth.role显示判断生成源码
uniapp功能权限判断$auth.auth $auth.role显示判断生成源码
22 0
|
1月前
|
小程序
uniapp实现微信小程序隐私协议组件封装
uniapp实现微信小程序隐私协议组件封装
40 0
|
2月前
|
人工智能 前端开发 JavaScript
MacTalk 测评通义灵码,实现“微信表情”小功能
墨问西东创始人池建强分享了团队使用通义灵码的经验。
|
2月前
|
小程序 API 开发工具
使用python 实现微信签到提醒功能
【9月更文挑战第4天】使用python 实现微信签到提醒功能
66 2
下一篇
无影云桌面