H5 頁面調用手機錄音功能的實現路徑：MediaRecorder API 與原生橋接方案

純 Web 方案

navigator.mediaDevices.getUserMedia({ audio: true })
    .then(stream => {
        const recorder = new MediaRecorder(stream);
        const chunks = [];
        recorder.ondataavailable = e => chunks.push(e.data);
        recorder.onstop = () => {
            const blob = new Blob(chunks, { type: 'audio/webm' });
            // 上傳或播放
        };
        recorder.start();
        // 需停止時 recorder.stop()
    })
    .catch(err => console.error('權限拒絕或不支持', err));

優點：零原生代碼；缺點：iOS Safari 直到 14.3+ 才支持，格式限制（WebM/OPUS），無法靜默錄音。

Hybrid 方案

1. H5 調用 JSBridge：window.native.startRecord()。
2. 原生端（Android MediaRecorder / iOS AVAudioRecorder）實現錄音、編碼（AAC/MP3）、存儲。
3. 錄音結束回調 H5：window.onRecordComplete({path, duration})。

選型建議

• 簡單業務、兼容性要求不高：優先純 Web。
• 需高質量、後台錄音、跨平台一致體驗：Hybrid 方案。