HarmonyOS 鸿蒙Next中如何录制音频后保存录音文件,并使用axios上传文件到服务器

HarmonyOS 鸿蒙Next中如何录制音频后保存录音文件,并使用axios上传文件到服务器 使用AudioCapturer录制音频后,如何将录音文件保存下来;
并且如何用axios将此录音文件上传到服务器;
麻烦提供一下完整的流程实现。

3 回复

参考Demo:

import audio from '@ohos.multimedia.audio';
import { BusinessError } from '@ohos.base';
import fs from '@ohos.file.fs';
import axios, { AxiosError, AxiosProgressEvent, AxiosResponse } from '@ohos/axios'
import { FormData } from '@ohos/axios'

const TAG = 'AudioCapturerDemo';

class Options {
  offset?: number;
  length?: number;
}

let context = this.getContext();
let bufferSize: number = 0;
let audioCapturer: audio.AudioCapturer | undefined = undefined;
let audioStreamInfo: audio.AudioStreamInfo = {
  samplingRate: audio.AudioSamplingRate.SAMPLE_RATE_48000, // 采样率
  channels: audio.AudioChannel.CHANNEL_2, // 通道
  sampleFormat: audio.AudioSampleFormat.SAMPLE_FORMAT_S16LE, // 采样格式
  encodingType: audio.AudioEncodingType.ENCODING_TYPE_RAW // 编码格式
}
let audioCapturerInfo: audio.AudioCapturerInfo = {
  source: audio.SourceType.SOURCE_TYPE_MIC, // 音源类型
  capturerFlags: 0 // 音频采集器标志
}
let audioCapturerOptions: audio.AudioCapturerOptions = {
  streamInfo: audioStreamInfo,
  capturerInfo: audioCapturerInfo
}

const RANDOM_NUM = 10000;
let path = this.getContext().cacheDir;
let filePath: string;
let file: fs.File;

let readDataCallback = (buffer: ArrayBuffer) => {

  let options: Options = {
    offset: bufferSize,
    length: buffer.byteLength
  }
  console.debug("buffer=" + buffer)
  fs.writeSync(file.fd, buffer, options);
  console.debug("filePath=" + filePath);
  bufferSize += buffer.byteLength;
}

// 初始化,创建实例,设置监听事件
function init() {
  filePath = path + `/${getDate(2)}_${Math.floor(Math.random() * RANDOM_NUM)}.wav` ;
  file = fs.openSync(filePath, fs.OpenMode.READ_WRITE | fs.OpenMode.CREATE);
  audio.createAudioCapturer(audioCapturerOptions, (err, capturer) => { // 创建AudioCapturer实例
    if (err) {
      console.error(`Invoke createAudioCapturer failed, code is ${err.code}, message is ${err.message}`);
      return;
    }
    console.info(`${TAG}: create AudioCapturer success`);
    audioCapturer = capturer;
    if (audioCapturer !== undefined) {
      (audioCapturer as audio.AudioCapturer).on('readData', readDataCallback);
    }
  });
}

// 开始一次音频采集
function start() {
  if (audioCapturer !== undefined) {
    let stateGroup = [audio.AudioState.STATE_PREPARED, audio.AudioState.STATE_PAUSED, audio.AudioState.STATE_STOPPED];
    if (stateGroup.indexOf((audioCapturer as audio.AudioCapturer).state.valueOf()) === -1) { // 当且仅当状态为STATE_PREPARED、STATE_PAUSED和STATE_STOPPED之一时才能启动采集
      console.error(`${TAG}: start failed`);
      return;
    }

    // console.debug("filePath=" + filePath);

    // 启动采集
    (audioCapturer as audio.AudioCapturer).start((err: BusinessError) => {
      if (err) {
        console.error('Capturer start failed.');
      } else {
        console.info('Capturer start success.');
      }
    });
  }
}

// 停止采集
function stop() {
  if (audioCapturer !== undefined) {
    // 只有采集器状态为STATE_RUNNING或STATE_PAUSED的时候才可以停止
    if ((audioCapturer as audio.AudioCapturer).state.valueOf() !== audio.AudioState.STATE_RUNNING && (audioCapturer as audio.AudioCapturer).state.valueOf() !== audio.AudioState.STATE_PAUSED) {
      console.info('Capturer is not running or paused');
      return;
    }

    //停止采集
    (audioCapturer as audio.AudioCapturer).stop((err: BusinessError) => {
      if (err) {
        console.error('Capturer stop failed.');
      } else {
        // fs.close(file);
        console.info('Capturer stop success.');
      }
    });
  }
}

// 销毁实例,释放资源
function release() {
  if (audioCapturer !== undefined) {
    // 采集器状态不是STATE_RELEASED或STATE_NEW状态,才能release
    if ((audioCapturer as audio.AudioCapturer).state.valueOf() === audio.AudioState.STATE_RELEASED || (audioCapturer as audio.AudioCapturer).state.valueOf() === audio.AudioState.STATE_NEW) {
      console.info('Capturer already released');
      return;
    }

    //释放资源
    (audioCapturer as audio.AudioCapturer).release((err: BusinessError) => {
      if (err) {
        console.error('Capturer release failed.');
      } else {
        fs.close(file);
        console.info('Capturer release success.');
      }
    });
  }
}

function uploadFile() {
  let formData = new FormData()
  let fileName = filePath.substring(filePath.lastIndexOf('/') + 1)
  console.log('internal://cache/' + fileName)
  formData.append('file', 'internal://cache/' + fileName)
  console.log('formData append end');
  // formData.append('file', cacheDir + '/hello.txt'); uri支持传入沙箱路径

  // 发送请求
  console.log('axios post start');
  axios.post<string, AxiosResponse<string>, FormData>('https://www.xxx.com/upload', formData, {
    headers: { 'Content-Type': 'multipart/form-data' },
    context: context,
    onUploadProgress: (progressEvent: AxiosProgressEvent): void => {
      console.info(progressEvent && progressEvent.loaded && progressEvent.total ? Math.ceil(progressEvent.loaded / progressEvent.total * 100) + '%' : '0%');
    },
  }).then((res: AxiosResponse<string>) => {
    console.info("result" + JSON.stringify(res.data));
  }).catch((err: AxiosError) => {
    console.error("error:" + JSON.stringify(err));
  })
  console.log('axios post end');
}

function getDate(mode: number): string {
  let date = new Date();
  if (mode === 1) {
    return `${date.getFullYear()}/${formatNumber(date.getMonth() + 1)}/${formatNumber(date.getDate())}`;
  } else {
    return `${date.getFullYear()}${formatNumber(date.getMonth() + 1)}${formatNumber(date.getDate())}`;
  }
}

function formatNumber(num: number): string {
  if (num <= 9) {
    return '0' + num;
  } else {
    return '' + num;
  }
}

@Entry
@Component
struct AudioCapturerPage{
  aboutToAppear(): void {

  }

  build() {
    Column() {
      Row() {
        Button('初始化录音')
          .onClick(() => {
            init()
          })
      }
      .width('100%')
      .margin(50)
      .justifyContent(FlexAlign.Center)
      Row() {
        Button('开始录音')
          .onClick(() => {
            start()
          })
      }
      .width('100%')
      .margin(50)
      .justifyContent(FlexAlign.Center)
      Row() {
        Button('暂停录音')
          .onClick(() => {
            stop()
          })
      }
      .width('100%')
      .margin(50)
      .justifyContent(FlexAlign.Center)
      Row() {
        Button('结束录音')
          .onClick(() => {
            release()
          })
      }
      .width('100%')
      .margin(50)
      .justifyContent(FlexAlign.Center)
      Row() {
        Button('上传录音')
          .onClick(() => {
            uploadFile()
          })
      }
      .width('100%')
      .margin(50)
      .justifyContent(FlexAlign.Center)
    }
    .width('100%')
    .height('100%')
    .alignItems(HorizontalAlign.Center)
    .justifyContent(FlexAlign.Center)
  }
}

更多关于HarmonyOS 鸿蒙Next中如何录制音频后保存录音文件,并使用axios上传文件到服务器的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next中,录制音频并保存录音文件后使用axios上传文件到服务器的步骤如下:

  1. 录制音频: 使用AudioCapturer类进行音频录制。首先创建AudioCapturer实例,配置音频参数如采样率、声道数、音频格式等。然后调用start()方法开始录制,录制完成后调用stop()方法停止录制。

  2. 保存录音文件: 录制完成后,将音频数据写入文件系统。使用File类创建文件,并通过FileOutputStream将音频数据写入文件。确保文件路径和名称正确。

  3. 使用axios上传文件: 安装并引入axios库。创建FormData对象,将录音文件添加到FormData中。使用axios.post方法将FormData发送到服务器,配置请求头Content-Typemultipart/form-data

示例代码如下:

import axios from 'axios';
import fs from '@ohos.file.fs';

// 录制音频
const audioCapturer = new AudioCapturer();
audioCapturer.start();

// 停止录制并保存文件
const audioData = audioCapturer.stop();
const filePath = '/data/storage/el2/base/files/recording.wav';
const file = fs.openSync(filePath, fs.OpenMode.CREATE | fs.OpenMode.READ_WRITE);
fs.writeSync(file.fd, audioData);
fs.closeSync(file.fd);

// 使用axios上传文件
const formData = new FormData();
formData.append('file', fs.readFileSync(filePath));

axios.post('https://your-server.com/upload', formData, {
  headers: {
    'Content-Type': 'multipart/form-data'
  }
}).then(response => {
  console.log('File uploaded successfully');
}).catch(error => {
  console.error('Error uploading file', error);
});

在HarmonyOS鸿蒙Next中,首先使用AudioRecorder录制音频并保存为文件。录制完成后,使用axios库上传文件到服务器。代码如下:

import axios from 'axios';
import fs from '@ohos.file.fs';
import audio from '@ohos.multimedia.audio';

// 创建录音器
const audioRecorder = audio.createAudioRecorder();

// 配置录音器
const recorderConfig = {
  audioEncoder: audio.AudioEncoder.AAC_LC,
  audioSampleRate: audio.AudioSampleRate.SAMPLE_RATE_44100,
  numberOfChannels: 2,
  uri: 'file://data/storage/el2/base/cache/recording.aac'
};

// 开始录音
audioRecorder.prepare(recorderConfig);
audioRecorder.start();

// 停止录音并保存文件
audioRecorder.stop();

// 使用axios上传文件
const filePath = 'data/storage/el2/base/cache/recording.aac';
const file = fs.openSync(filePath, fs.OpenMode.READ_ONLY);
const fileData = fs.readSync(file.fd);

axios.post('https://your-server.com/upload', fileData, {
  headers: {
    'Content-Type': 'audio/aac'
  }
}).then(response => {
  console.log('Upload successful:', response.data);
}).catch(error => {
  console.error('Upload failed:', error);
});
回到顶部