更新记录

1.0.0（2025-05-21）

feat: 长按语言输入组件

平台兼容性

语音输入组件

提供长按语音输入交互界面，后续增加语音输入处理。 提供语音图标组件，支持语音播放动画效果。 提供语音录制图标组件。

交互界面组件 WptVoiceInputMask

Props

继承RecorderManager属性:

export interface UseRecorderManagerProps {
    modelValue: boolean;
    duration?: number; // 指定录音的时长，单位 ms ，如果传入了合法的 duration ，在到达指定的 duration 后会自动停止录音，最大值 600000（10 分钟）,默认值 60000（1 分钟）  App、小程序支持
    sampleRate?: number; // 否   采样率，有效值 8000/16000/44100    App、小程序支持
    numberOfChannels?: number; //   Number  否   录音通道数，有效值 1/2   仅小程序支持
    encodeBitRate?: number; //  否   编码码率，有效值见下表格    仅小程序支持
    format?: "aac" | "mp3" | "wav" | "PCM"; //  否   音频格式，有效值 aac/mp3/wav/PCM。App默认值为mp3，小程序默认值aac   App、小程序支持
    frameSize?: number; //  ms 否    指定帧大小，单位 KB。传入 frameSize 后，每录制指定帧大小的内容后，会回调录制的文件内容，不指定则不会回调。暂仅支持 mp3 格式。    App、百度小程序不支持
    hideTips?: boolean; //  否   隐藏录音图标。 支付宝小程序10.1.85+
    audioSource?: string; //    否   指定录音的音频输入源。 微信小程序详见、支付宝小程序详见、百度小程序详见、快手小程序
    detectDecibel: boolean;
    transformText?: boolean;
    analysisVolumn?: boolean;
    defaultVolumeThreshold?: number; // 判断音量阈值（0, 100]
    maxVolumeThreshold?: number; // 音量最大阈值（0, 32767]
    weightVolumeThreshold?: number; // 音量权重 (0, 100]
    joinEnvironment?: number;
    countdown?: boolean;
    customTransformText?: (res: any) => Promise<string>;
    customAnalysisSpeaking?: (res: any) => Promise<[boolean, number]>;
}

Events

一些 RecorderManager 事件

export interface UseRecorderManagerEmits {
    (e: "onError", res: any): void;
    (e: "onStart", res: any): void;
    (e: "onStop", tempFilePath: string, res: any): void;
    (e: "onPause", res: any): void;
    (e: "", res: any): void;
    (e: "onFrameRecorded", res: any): void;
    (e: "onInterruptionBegin", res: any): void;
    (e: "onInterruptionEnd", res: any): void;
}

Types

VoiceUploadResponse

export interface VoiceUploadResponse {
    type: "success" | "error" | "fail";
    filePath: string;
    message?: string;
    result?: any;
}

slots

Exposes

语音图标组件 WptVoiceIcon

Props

Exposes

语音录制图标组件 WptVoiceInputIcon

Props

Exposes

语音图标组件V2 WptVoiceIconV2

基于svg绘制实现，微信小程序对于svg支持比较特殊。

Props

Exposes

Vue3演练场