uni-app:录音并播放(hbuilderx 3.7.3)

https://uniapp.dcloud.net.cn/api/media/record-manager.html

<template>
    <view>
        <button @click="startRecord">开始录音</button>
        <button @click="stopRecord">停止录音</button>
        <button @click="playRecord">播放录音</button>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                tempPath:'',   //声音文件的临时保存地址
            }
        },
        onLoad(){
            this.music = uni.createInnerAudioContext();   //播放
            this.record = uni.getRecorderManager();       //录音
            this.record.onStop((res)=>{
                  this.tempPath = res.tempFilePath;       //保存声音的临时文件地址
            }
            );
        },
        methods: {
           startRecord(){       //开始录音
               this.record.start();
           },
           stopRecord(){        //停止录音
               this.record.stop();
           },
           playRecord(){        //播放录音
               if (this.tempPath!='') {
                   this.music.src = this.tempPath;
                   this.music.play();
               }
           }
        }
    }
</script>

<style>

</style>