uniapp nativejs 如何获取实时PCM音频

尝试下了下面代码，但是发现 循环读取 实时的音频流 会阻塞UI 不知道如何处理

<template>  
  <button @click="r">1</button>  
  <button @click="w">2</button>  
  <button @click="x">3</button>  
  <view>{{data}}</view>  
</template>  

<script>  
  export default {  
    mounted() {  

    },  
    data() {  
      return {  
        data: 1  
      }  
    },  
    methods: {  
      x() {  
        this.data = Math.random();  
      },  
      w() {  
        this.th.stop();  
      },  
      r() {  
        var AudioFormat = plus.android.importClass("android.media.AudioFormat");  
        var AudioRecord = plus.android.importClass('android.media.AudioRecord')  
        var MediaRecorder = plus.android.importClass('android.media.MediaRecorder');  
        var channelConfiguration = AudioFormat.CHANNEL_CONFIGURATION_MONO;  
        var audioEncoding = AudioFormat.ENCODING_PCM_16BIT;  
        var frequency = 16000;  

        const bufferSize = AudioRecord.getMinBufferSize(frequency, channelConfiguration, audioEncoding);  
        const audioRecord = new AudioRecord(MediaRecorder.AudioSource.MIC, frequency, channelConfiguration,  
          audioEncoding, bufferSize);  
        audioRecord.startRecording();  

        var Thread = plus.ios.importClass("java.lang.Thread");  

        var Runnable = plus.android.implements("java.lang.Runnable", {  
          "run": function() {  
            try {  
              while (true) {  
                // 不断去读录音结果的buffer  
              }  
            } catch (e) {  

            }  
          }  
        });  

        this.th = new Thread(Runnable);  
        this.th.start();  
      }  
    }  
  }  
</script>  

<style>  

</style>