This article brings you relevant knowledge about uniapp. It mainly introduces how to use uniapp to make calls and synchronize recording. Friends who are interested should take a look at it. I hope it will be helpful to everyone. .

uniapp realizes the call recording function

Recently, I need to implement a function of calling the mobile phone to make a call through uniapp. After making the call, it will be recorded at the same time. After hanging up the call, Upload the recording file and now share some core codes with everyone!

const recorderManager = uni.getRecorderManager();
onLoad(option) {
            let self = this;
            recorderManager.onStop(function (res) {
                console.log("res",res)
                self.end_time = Math.round(new Date().getTime() / 1000);
                let voicePath = res.tempFilePath;
                self.voicePath = voicePath;
                self.closeTimeOut();
                uni.showToast({
                    icon: 'loading',
                    title: "請稍后...",
                    duration: 0
                });
                uni.uploadFile({
                    url: self.upload_url,
                    filePath: voicePath,
                    name: "file",
                    formData: {
                        id: self.phoneInfo.id,
                        start_time: self.start_time,
                        end_time: self.end_time,
                        phone: self.phoneNumber
                    },
                    header: {
                        Authorization: "Bearer " + uni.getStorageSync(EnumData.token)
                    },
                    success: (res) => {
                        // console.log("文件上傳成功")
                        console.log(res.data);
                    },
                    fail(err) {
                        console.log("文件上傳失敗")
                        console.log(err);
                    },
                    complete() {
                        self.start_time = 0;
                        self.end_time = 0;
                        uni.hideToast();
                    }
                })
            });
            this.getCallStatus();
}
getCallStatus() {
    let that = this;
    let maintest = plus.android.runtimeMainActivity();
    let Contexttest = plus.android.importClass("android.content.Context");
    let telephonyManager = plus.android.importClass("android.telephony.TelephonyManager");
    let telManager = plus.android.runtimeMainActivity().getSystemService(Contexttest.TELEPHONY_SERVICE);
    let receiver = plus.android.implements('io.dcloud.android.content.BroadcastReceiver', {
        onReceive: function (Contexttest, intent) {
            plus.android.importClass(intent);
            let phoneStatus = telManager.getCallState();
            that.callStatus = phoneStatus; //電話狀態(tài) 0->空閑狀態(tài) 1->振鈴狀態(tài) 2->通話存在
            switch (phoneStatus) {
                case 0:
                    console.log("3、電話掛斷，上傳錄音")
                    // 結(jié)束錄音
                    recorderManager.stop();
                    break;
                case 1:
                    // console.log('1、振鈴狀態(tài)');
                    break;
                case 2:
                    console.log('2、通話存在')
                    // 延遲錄音
                    that.start_time = Math.round(new Date().getTime() / 1000);
                    recorderManager.start({
                        duration: EnumData.audioDuration, // 時長 10分鐘
                        sampleRate: EnumData.audioSampleRate, // 碼率
                    });
                    break;
            }
        }
    });
    let IntentFilter = plus.android.importClass('android.content.IntentFilter');
    let filter = new IntentFilter();
    filter.addAction(telephonyManager.ACTION_PHONE_STATE_CHANGED);
    maintest.registerReceiver(receiver, filter);
},

The permissions you need to apply for can be placed in App.vue

if (plus.os.name == 'Android') {
      plus.android.requestPermissions(
         ['android.permission.ANSWER_PHONE_CALLS',//手動 掛斷和接聽 需要這個權(quán)限
          "android.permission.MODIFY_AUDIO_SETTINGS",//手動 掛斷和接聽 需要這個權(quán)限
          "android.permission.CALL_PHONE",//手動 掛斷和接聽 需要這個權(quán)限
          "android.permission.READ_PHONE_STATE",//>監(jiān)聽電話狀態(tài) 需要這個權(quán)限
          "android.permission.READ_CALL_LOG",//獲取號碼需要這個權(quán)限
          "android.permission.READ_AUDIO" // 錄音權(quán)限
          ],
      function(resultObj) {
          var result = 0;
          for (var i = 0; i < resultObj.granted.length; i++) {
          var grantedPermission = resultObj.granted[i];
          console.log(&#39;已獲取的權(quán)限：&#39; + grantedPermission);
          result = 1
      }
      for (var i = 0; i < resultObj.deniedPresent.length; i++) {
          var deniedPresentPermission = resultObj.deniedPresent[i];
          console.log(&#39;拒絕本次申請的權(quán)限：&#39; + deniedPresentPermission);
          result = 0
      }
      for (var i = 0; i < resultObj.deniedAlways.length; i++) {
          var deniedAlwaysPermission = resultObj.deniedAlways[i];
          console.log(&#39;永久拒絕申請的權(quán)限：&#39; + deniedAlwaysPermission);
          result = -1
      }
     },  function(error) {
          console.log(&#39;申請權(quán)限錯誤：&#39; + error.code + " = " + error.message);
     } );
}

Note

• It can be used in debug mode It normally monitors call hang-ups and uploads files, but it becomes invalid after packaging?

General mobile phone packaging can be used normally. I use oneplus7. After packaging, it can be installed and used normally. Some mobile phones need to go to the permissions of the system settings and change the application's [Open the phone [Device Status Code] Just turn it on. This is what I have encountered so far.

Recommended learning: "uni-app video tutorial"

The above is the detailed content of Detailed example of how uniapp implements phone recording function (with code). For more information, please follow other related articles on the PHP Chinese website!