广州凡科互联网科技有限公司

营业时间
MON-SAT 9:00-18:00

全国服务热线
18720358503

公司门店地址
广州市海珠区工业大道北67号凤凰创意园

小程序开发者工具_vue调用语音播放的方法

日期:2021-01-07 浏览:
vue调用语音播放的方法       这篇文章主要为大家详细介绍了vue调用语音播放的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

功能展示 输入文字 点击播放 调用语音

直接上代码

 template 
 div 
 !-- 语音播放功能 -- 
 div 
 input type="text" id="ttsText" 
 input type="button" id="tts_btn" @click="myplay()" value="播放" 
 /div 
 div id="bdtts_div_id" 
 audio id="tts_autio_id" autoplay="autoplay" 
 source id="tts_source_id" src="text2audio lan=zh ie=UTF-8 spd=9 text= " type="audio/mpeg" 
 embed id="tts_embed_id" height="0" width="0" src="" 
 /audio 
 /div 
 /div 
 /template 
 script 
export default {
 name: 'Test',
 data () {
 return {
 methods: {
 myplay(){
 var ttsDiv = document.getElementById('bdtts_div_id');
 var ttsAudio = document.getElementById('tts_autio_id');
 var ttsText = document.getElementById('ttsText').value;
 ttsDiv.removeChild(ttsAudio);
 var au1 = ' audio id="tts_autio_id" autoplay="autoplay" 
 var sss = ' source id="tts_source_id" src="text2audio lan=zh ie=UTF-8 spd=2 text='+ttsText+'" type="audio/mpeg" 
 var eee = ' embed id="tts_embed_id" height="0" width="0" src="" 
 var au2 = ' /audio 
 ttsDiv.innerHTML = au1 + sss + eee + au2;
 ttsAudio = document.getElementById('tts_autio_id');
 ttsAudio.play();
 /script 

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持凡科。




新闻资讯

联系方式丨CONTACT

  • 全国热线:18720358503
  • 传真热线:18720358503
  • Q Q咨询:2639601583
  • 企业邮箱:2639601583@qq.com

首页
电话
短信
联系