如何在vue中调用语音播放

　　介绍

本篇文章给大家分享的是有关如何在vue中调用语音播放,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

& lt; template> 　　,& lt; div> 　　,& lt; !——,语音播放功能,——比; 　　,& lt; div> 　　,& lt; input 类型=皌ext", id=皌tsText"比; 　　,& lt; input 类型=癰utton", id=皌ts_btn", @click=癿yplay ()“, value=https://www.yisu.com/zixun/安シ拧? 　　

　　<音频id=" tts_autio_id“播放="播放"> 　　<源id=" tts_source_id " src=" http://tts.baidu.com/text2audio?局域网=zh&ie=UTF-8&spd=9之外=" type="音频/mpeg "> 　　<嵌入id=" tts_embed_id "高度=" 0 "宽度=" 0 " src=" "> 　　　　

　　　　　　<>脚本　　出口默认{ 　　名称:“测试”, 　　数据(){ 　　返回{ 　　　　} 　　}, 　　方法:{ 　　myplay () { 　　var ttsDiv=. getelementbyid (“bdtts_div_id”); 　　var ttsAudio=. getelementbyid (“tts_autio_id”); 　　var ttsText=. getelementbyid (ttsText) value; 　　ttsDiv.removeChild (ttsAudio); 　　var au1=' <音频id=" tts_autio_id”播放=安シ拧?”; 　　var sss=' <源id=" tts_source_id " src=" http://tts.baidu.com/text2audio?局域网=zh&ie=UTF-8&spd=2之外=+ ttsText +的“type="音频/mpeg“>”; 　　var eee=' <嵌入id=" tts_embed_id”高度=" 0 "宽度=" 0 " src=" ">”; 　　var au2=' '; 　　ttsDiv。innerHTML=au1 + sss + eee + au2; 　　ttsAudio=. getelementbyid (“tts_autio_id”); 　　ttsAudio.play (); 　　} 　　} 　　} 　　 vue是什么

vue是一套用于构建用户界面的渐进式JavaScript框架,vue与其它大型框架的区别是,使用vue可以自底向上逐层应用,其核心库只关注视图层,方便与第三方库和项目整合,且使用vue可以采用单文件组件和vue生态系统支持的库开发复杂的单页应用。

以上就是如何在vue中调用语音播放,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注行业资讯频道。