Vue 语音播报--消息提醒_vue3实现新订单消息提醒

作者：运维做开发 | 2024-08-11 03:09:32

踩

vue3实现新订单消息提醒

需求：传入文字信息，可以语音播报文字内容。

比如：饿了么的接单信息：你有新的订单，请注意查收！

百度TTS参数说明：
lan=zh：语言是中文，如果改为lan=en，则语言是英文。
ie=UTF-8：文字格式。
spd=2：语速，可以是1-9的数字，数字越大，语速越快。
text=**：这个就是你要转换的文字。


speckText(str) {
  var url= "http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=6&text=" + encodeURI(str); 
  var n = new Audio(url);
  n.src = url;
  if(this.tip){
    n.play(); // $("...").play(); // var sound = new Sound(request); // sound.play();
  }else {
    n.pause()
  }
},

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/运维做开发/article/detail/961889