HarmonyOS 鸿蒙Next中如何录制音频后保存录音文件,并使用axios上传文件到服务器
HarmonyOS 鸿蒙Next中如何录制音频后保存录音文件,并使用axios上传文件到服务器
使用AudioCapturer录制音频后,如何将录音文件保存下来;
并且如何用axios将此录音文件上传到服务器;
麻烦提供一下完整的流程实现。
参考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上传文件到服务器的步骤如下:
-
录制音频: 使用
AudioCapturer类进行音频录制。首先创建AudioCapturer实例,配置音频参数如采样率、声道数、音频格式等。然后调用start()方法开始录制,录制完成后调用stop()方法停止录制。 -
保存录音文件: 录制完成后,将音频数据写入文件系统。使用
File类创建文件,并通过FileOutputStream将音频数据写入文件。确保文件路径和名称正确。 -
使用axios上传文件: 安装并引入
axios库。创建FormData对象,将录音文件添加到FormData中。使用axios.post方法将FormData发送到服务器,配置请求头Content-Type为multipart/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);
});

