@exode-team/react-recorder 1.1.11 → 1.1.12

package/dist/index.js

@@ -182,6 +182,8 @@ const revokeObjectURL = (url) => {
  * @author: exode <hello@exode.ru>
  */
 const AUDIO_LEVEL_BARS = 40;
+/** Waveform decoding resamples to this rate — only the amplitude envelope matters */
+const WAVEFORM_SAMPLE_RATE = 44100;
 const createInitialLevels = () => Array.from({ length: AUDIO_LEVEL_BARS }, () => 0);
 const TIMELINE_SAMPLE_INTERVAL = 150;
 const TIMELINE_BAR_WIDTH = 3;
@@ -288,32 +290,33 @@ const decodeSkippingJunk = async (context, blob) => {
     }
 };
 const decodeAudioLevels = async (blob, barCount = AUDIO_LEVEL_BARS) => {
-    const context = new AudioContext();
-    try {
-        const audioBuffer = await decodeSkippingJunk(context, blob);
-        const channelData = audioBuffer.getChannelData(0);
-        if (!channelData.length) {
-            return Array.from({ length: barCount }, () => 0);
-        }
-        const levels = [];
-        const segmentLength = Math.max(1, Math.floor(channelData.length / barCount));
-        for (let i = 0; i < barCount; i += 1) {
-            const segmentStart = i * segmentLength;
-            let sum = 0;
-            for (let j = 0; j < segmentLength; j += 1) {
-                const sample = channelData[segmentStart + j];
-                if (sample !== undefined) {
-                    sum += Math.abs(sample);
-                }
+    /**
+     * Offline context stays out of the audio session. A realtime AudioContext
+     * registers as a WebAudio source, which pins WebKit to the AmbientSound
+     * category and leaves media playback silent inside iOS apps — including
+     * iPad apps running on macOS.
+     */
+    const context = new OfflineAudioContext(1, 1, WAVEFORM_SAMPLE_RATE);
+    const audioBuffer = await decodeSkippingJunk(context, blob);
+    const channelData = audioBuffer.getChannelData(0);
+    if (!channelData.length) {
+        return Array.from({ length: barCount }, () => 0);
+    }
+    const levels = [];
+    const segmentLength = Math.max(1, Math.floor(channelData.length / barCount));
+    for (let i = 0; i < barCount; i += 1) {
+        const segmentStart = i * segmentLength;
+        let sum = 0;
+        for (let j = 0; j < segmentLength; j += 1) {
+            const sample = channelData[segmentStart + j];
+            if (sample !== undefined) {
+                sum += Math.abs(sample);
             }
-            const average = sum / segmentLength;
-            levels.push(Math.min(100, average * 200));
         }
-        return levels;
-    }
-    finally {
-        await context.close();
+        const average = sum / segmentLength;
+        levels.push(Math.min(100, average * 200));
     }
+    return levels;
 };
 
 /**