开放免费的文本转语音接口

Vue实现音频文件播放功能

<el-button type="text" @click="handlePlay(scope.row)">播放</el-button> 
 
<el-dialog title="录音播放" :visible.sync="dialogVisible" width="20%" :before-close="stop">
  <template>
	<center>
	  <audio
		:src="src"
		autoplay="autoplay"
		controls="controls"
		ref="audio"
	  >Your browser does not support the audio element.</audio>
	</center>
  </template>
</el-dialog>

<script>
  data() {
    return {
      src: "",
      dialogVisible: false,
    }
 
  methods: {
    //播放组件
    handlePlay(row) {
      this.src = row.filePath;
      this.play();
      });
    },
    //播放
    play() {
      this.dialogVisible = true;
      this.$refs.audio.play();
    },
    //音频暂停
    stop() {
      this.dialogVisible = false;
      this.$refs.audio.pause();
      this.$refs.audio.currentTime = 0;
    }
}
 
</script>

//获取audio语音时长
function getVoiceTime() {
	$('ul.conversation li .outer-right audio.addVoiceTime').each(function () {
		var audio = $(this)[0], duration;
		audio.load();
		audio.oncanplay = function(){
			duration = Math.ceil(audio.duration);
			if (duration == 'Infinity') {
				getVoiceTime();
			} else {
				console.log(duration + `''`);
			}
		}
	});

}