如何将Vue中的语音播放方法改写为长尾词？

本文共计403个文字，预计阅读时间需要2分钟。

原文：本文实例为大家分享了Vue调用语音播放的具体代码，供大家参考，具体内容如下+功能展示：输入文字点击播放语音+代码+template+div+--+语音播放功能+--+div+input+type=text id=ttsT+

修改后：本文介绍了Vue实现语音播放功能的代码示例，包括输入文字并点击播放的功能，代码如下+功能展示：输入文字点击播放语音+代码+template+div+--+语音播放功能+--+div+input+type=text id=ttsT+

本文实例为大家分享了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="img.558idc.com/uploadfile/allimg/210405/22412A943-1.jpg " 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="img.558idc.com/uploadfile/allimg/210405/22412A332-3.jpg'+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>

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