NativePHP for Mobile v4 is here — build real native UIs from Blade with SuperNative
Plugin Marketplace

nativephp/mobile-microphone

Microphone recording plugin for NativePHP Mobile - audio recording with pause/resume support

Microphone Plugin for NativePHP Mobile#

Audio recording plugin for NativePHP Mobile with pause/resume support, background recording, and native permission handling.

Overview#

The Microphone API provides access to the device's microphone for recording audio. It offers a fluent interface for starting and managing recordings, tracking them with unique identifiers, and responding to completion events.

Installation#

Copied!
composer require nativephp/mobile-microphone

Usage#

PHP (Livewire/Blade)#

Copied!
use Native\Mobile\Facades\Microphone;
 
// Start recording
Microphone::record()->start();
 
// Stop recording
Microphone::stop();
 
// Pause recording
Microphone::pause();
 
// Resume recording
Microphone::resume();
 
// Get status
$status = Microphone::getStatus();
// Returns: "idle", "recording", or "paused"
 
// Get last recording path
$path = Microphone::getRecording();

JavaScript (Vue/React/Inertia)#

Copied!
import { Microphone, On, Off, Events } from '#nativephp';
 
// Basic recording
await Microphone.record();
 
// With identifier for tracking
await Microphone.record()
    .id('voice-memo');
 
// Stop recording
await Microphone.stop();
 
// Pause/resume
await Microphone.pause();
await Microphone.resume();
 
// Get status
const result = await Microphone.getStatus();
if (result.status === 'recording') {
    // Recording in progress
}
 
// Get last recording
const result = await Microphone.getRecording();
if (result.path) {
    // Process the recording
}

PendingMicrophone API#

id(string $id)#

Set a unique identifier for this recording.

Copied!
Microphone::record()
    ->id('voice-note-123')
    ->start();

event(string $eventClass)#

Set a custom event class to dispatch when recording completes.

Copied!
use App\Events\VoiceMessageRecorded;
 
Microphone::record()
    ->event(VoiceMessageRecorded::class)
    ->start();

remember()#

Store the recorder's ID in the session for later retrieval.

Copied!
Microphone::record()
    ->id('voice-note')
    ->remember()
    ->start();

start()#

Explicitly start the audio recording. Returns true if recording started successfully.

Events#

MicrophoneRecorded#

Dispatched when an audio recording completes.

Payload:

  • string $path - File path to the recorded audio
  • string $mimeType - MIME type of the audio (default: 'audio/m4a')
  • ?string $id - The recorder's ID, if one was set

PHP

Copied!
use Native\Mobile\Attributes\OnNative;
use Native\Mobile\Events\Microphone\MicrophoneRecorded;
 
#[OnNative(MicrophoneRecorded::class)]
public function handleAudioRecorded(string $path, string $mimeType, ?string $id)
{
    $this->recordings[] = [
        'path' => $path,
        'mimeType' => $mimeType,
        'id' => $id,
    ];
}

Vue

Copied!
import { On, Off, Events } from '#nativephp';
import { ref, onMounted, onUnmounted } from 'vue';
 
const recordings = ref([]);
 
const handleAudioRecorded = (payload) => {
    const { path, mimeType, id } = payload;
    recordings.value.push({ path, mimeType, id });
};
 
onMounted(() => {
    On(Events.Microphone.MicrophoneRecorded, handleAudioRecorded);
});
 
onUnmounted(() => {
    Off(Events.Microphone.MicrophoneRecorded, handleAudioRecorded);
});

React

Copied!
import { On, Off, Events } from '#nativephp';
import { useState, useEffect } from 'react';
 
const [recordings, setRecordings] = useState([]);
 
const handleAudioRecorded = (payload) => {
    const { path, mimeType, id } = payload;
    setRecordings(prev => [...prev, { path, mimeType, id }]);
};
 
useEffect(() => {
    On(Events.Microphone.MicrophoneRecorded, handleAudioRecorded);
 
    return () => {
        Off(Events.Microphone.MicrophoneRecorded, handleAudioRecorded);
    };
}, []);

Testing#

The plugin extends the NativePHP testing suite with microphone-specific helpers, so your app tests can fake recordings and assert recording activity without knowing any bridge internals:

Copied!
use Native\Mobile\Testing\Native;
 
it('saves a voice memo', function () {
    Native::fakeBridge()->withRecording('/storage/emulated/0/audio/note.m4a');
 
    Native::test(VoiceMemo::class)
        ->tap('Record')
        ->assertRecordingStarted();
});
 
it('shows the paused state in the UI', function () {
    Native::fakeBridge()->withMicrophoneStatus('paused');
 
    Native::test(VoiceMemo::class)
        ->assertSet('status', 'paused');
});

Helpers#

  • withRecording(?string $path = null) — fake a completed recording. getStatus() reports "idle" and getRecording() reports $path (a generic .m4a path when omitted) — the state right after a real recording session ends.
  • withMicrophoneStatus(string $status) — script getStatus() directly (e.g. "recording" or "paused"), without a completed recording on disk.
  • assertRecordingStarted() — assert a recording was started.
  • assertRecordingStopped() — assert the recording was stopped.
  • assertNothingRecorded() — assert no recording was ever started.

The helpers are available on Native::fakeBridge() and chain directly off Native::test(...). They register automatically while running tests (requires a core with a macroable FakeBridge; on older cores they simply don't register).

Notes#

  • Microphone Permission: The first time your app requests microphone access, users will be prompted for permission. If denied, recording functions will fail silently.

  • Background Recording: You can allow your app to record audio while the device is locked by toggling microphone_background to true in the config.

  • File Format: Recordings are stored as M4A/AAC audio files (.m4a). This format is optimized for small file sizes while maintaining quality.

  • Recording State: Only one recording can be active at a time. Calling start() while a recording is in progress will return false.

  • Auto-Start Behavior: If you don't explicitly call start(), the recording will automatically start when the PendingMicrophone is destroyed.