MiniAudio component displays an audio player with optional waveform animation and draggable functionality.
<MiniAudio visible={true} customStyle={{ backgroundColor: 'blue' }} name="Sample Audio" showWaveform={true} barColor="green" textColor="black" nameTextStyling={{ fontSize: '20px' }} imageSource="path/to/image.jpg" roundedImage={true} imageStyle={{ width: '100px' }} overlayPosition="top"/> Copy
<MiniAudio visible={true} customStyle={{ backgroundColor: 'blue' }} name="Sample Audio" showWaveform={true} barColor="green" textColor="black" nameTextStyling={{ fontSize: '20px' }} imageSource="path/to/image.jpg" roundedImage={true} imageStyle={{ width: '100px' }} overlayPosition="top"/>
The properties for the MiniAudio component.
The rendered MiniAudio component.
Optional
Ignored by React.
Only kept in types for backwards compatibility. Will be removed in a future major release.
Used in debugging messages. You might want to set it explicitly if you want to display a different name for debugging purposes.
Legacy React Docs
const MyComponent: FC = () => { return <div>Hello!</div>}MyComponent.displayName = 'MyAwesomeComponent' Copy
const MyComponent: FC = () => { return <div>Hello!</div>}MyComponent.displayName = 'MyAwesomeComponent'
MiniAudio component displays an audio player with optional waveform animation and draggable functionality.
Component
Example