Butterfly
侠客
侠客
  • 最后登录2021-05-11
  • 发帖数16
阅读:3056回复:1

[vue]在vue中使用web speech 语音转文字

楼主#
更多 发布于:2018-12-26 10:05

<template>
    <div>
        <button @click="startRecord">开始</button>
        <button @click="endRecord">结束</button>
    </div>
</template>

<script>

    export default {
        name: "VoiceInteraction",
        data () {
            return {
                speechContent: '',
                voiceContent: '',
                recognition: '',
                resContent: '',
                resContent1: '',
                allContent: ''
            }
        },
        methods: {
            startRecord () {
                this.recognition.start()
              
                //打印说话的内容
                console.log(this.voiceContent);
            },
           endRecord () {
                this.recognition.stop()
           }
        },
        created () {
            this.recognition = new webkitSpeechRecognition();
            this.recognition.continuous = true;
            this.recognition.interimResults = true;
            this.recognition.lang = 'cmn-Hans-CN'; //普通话 (中国大陆)

            this.recognition.onresult = (event) => {
                let current = event.resultIndex;

                // 获取此前所说话的记录
                this.voiceContent = event.results[current][0].transcript;
                console.log(this.voiceContent);
            };
        }
    }
</script>

最新喜欢:

阿尔卑斯丶阿尔卑斯丶
Freedom
贫民
贫民
  • 最后登录2021-05-12
  • 发帖数1
沙发#
发布于:2021-05-12 10:09
楼主这是完整的代码么
游客


返回顶部

公众号

公众号