MediaSFU React Native
    Preparing search index...

    Variable MiniAudioConst

    MiniAudio: React.FC<MiniAudioOptions> = ...

    MiniAudio renders a draggable floating audio card with an animated waveform overlay and customizable appearance.

    • Pan-responder enabled for free dragging across the screen.
    • Animated waveform bars synchronized with audio state.
    • Configurable overlay positioning and background imagery.
    • Platform-aware styling for web and mobile layouts.

    Mini audio floating card configuration.

    Rendered draggable mini audio component.

    import React from 'react';
    import { MiniAudio } from 'mediasfu-reactnative';

    function App() {
    return (
    <MiniAudio
    visible={true}
    name="John Doe"
    showWaveform={true}
    overlayPosition="bottomRight"
    barColor="blue"
    textColor="white"
    imageSource="https://example.com/avatar.jpg"
    roundedImage={true}
    />
    );
    }

    export default App;