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 

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

• 上一篇：易强建站为何免费-微信投票软件
• 下一篇：没有了