音频录制功能

本章将详细介绍videojs-record的音频录制功能，包括音频配置、麦克风控制、音频质量设置等。

5.1 音频配置选项

videojs-record提供了丰富的音频配置选项，可以满足不同的录制需求：

基本音频配置

var player = videojs('myVideo', {
    controls: true,
    width: 600,
    height: 300,
    plugins: {
        record: {
            // 启用音频录制
            audio: true,
            // 设置最大录制时长
            maxLength: 300,
            // 设置音频配置
            audio: {
                // 设置采样率
                sampleRate: 44100,
                // 设置声道数
                channelCount: 2,
                // 设置音频比特率
                audioBitRate: 128,
                // 设置音频格式
                audioMimeType: 'audio/webm;codecs=opus'
            }
        }
    }
});

5.2 麦克风控制

videojs-record支持麦克风设备的选择和控制：

麦克风设备选择

// 获取可用的音频输入设备
player.record().getDevice().then(function(devices) {
    // devices包含所有可用的媒体设备
    console.log('可用设备:', devices);
    
    // 筛选出音频输入设备（麦克风）
    var audioDevices = devices.filter(function(device) {
        return device.kind === 'audioinput';
    });
    
    console.log('麦克风设备:', audioDevices);
    
    // 选择特定的麦克风设备
    if (audioDevices.length > 0) {
        player.record().setAudioInput(audioDevices[0].deviceId);
    }
});

// 静音/取消静音
player.record().mute();   // 静音
player.record().unmute(); // 取消静音

5.3 音频质量设置

可以通过不同的参数控制音频质量：

音频质量配置

// 低质量音频录制（适合语音）
var lowQualityAudio = {
    audio: {
        sampleRate: 22050,    // 22.05 kHz
        channelCount: 1,      // 单声道
        audioBitRate: 64      // 64 kbps
    }
};

// 中等质量音频录制（平衡质量与文件大小）
var mediumQualityAudio = {
    audio: {
        sampleRate: 44100,    // 44.1 kHz
        channelCount: 2,      // 立体声
        audioBitRate: 128     // 128 kbps
    }
};

// 高质量音频录制（适合音乐）
var highQualityAudio = {
    audio: {
        sampleRate: 48000,    // 48 kHz
        channelCount: 2,      // 立体声
        audioBitRate: 192     // 192 kbps
    }
};

// 初始化播放器
var player = videojs('myAudio', {
    controls: true,
    plugins: {
        record: {
            audio: mediumQualityAudio.audio
        }
    }
});

5.4 音频格式支持

videojs-record支持多种音频格式：

音频格式配置

// WebM格式（Opus编码）
var webmOpusConfig = {
    audio: {
        audioMimeType: 'audio/webm;codecs=opus'
    }
};

// WebM格式（Vorbis编码）
var webmVorbisConfig = {
    audio: {
        audioMimeType: 'audio/webm;codecs=vorbis'
    }
};

// MP3格式
var mp3Config = {
    audio: {
        audioMimeType: 'audio/mpeg'
    }
};

// WAV格式
var wavConfig = {
    audio: {
        audioMimeType: 'audio/wav'
    }
};

// 根据浏览器支持选择最佳格式
var player = videojs('myAudio', {
    controls: true,
    plugins: {
        record: {
            audio: {
                // 尝试使用Opus编码
                audioMimeType: 'audio/webm;codecs=opus'
            }
        }
    }
});

5.5 音频可视化

videojs-record支持音频可视化功能：

启用音频可视化

var player = videojs('myAudio', {
    controls: true,
    width: 600,
    height: 300,
    plugins: {
        record: {
            audio: true,
            // 启用音频可视化
            audioVisualizer: {
                // 可视化类型：'frequency' 或 'waveform'
                type: 'frequency',
                // 可视化颜色
                color: '#00758F',
                // 背景颜色
                backgroundColor: '#f8fafc'
            }
        }
    }
});

// 监听音频可视化数据
player.on('audioVisualizerData', function(event, data) {
    console.log('音频可视化数据:', data);
});

提示：音频比特率越高，音质越好，但文件大小也会相应增大。需要根据实际使用场景选择合适的音频质量设置。