Variable MiniCardAudio`Const`

MiniCardAudio: React.FC<MiniCardAudioOptions> = ...

MiniCardAudio component displays an audio card with an optional animated waveform and background image.

This component is designed to render an interactive audio card with customizable styling, optional waveform animation, and a background image. The waveform animation is responsive and changes based on the audio levels.

Component

Param: props

The properties for the MiniCardAudio component.

Param: props.customStyle

Custom styles to apply to the card container.

Param: props.name

The name displayed on the card.

Param: props.showWaveform

Determines whether the waveform animation is visible.

Param: props.overlayPosition

Position for the overlay containing the waveform.

Param: props.barColor

Color of the animated waveform bars.

Param: props.textColor

Color of the displayed name text.

Param: props.imageSource

URL for the background image on the card.

Param: props.roundedImage

If true, applies rounded corners to the background image.

Param: props.imageStyle

Additional styles for customizing the background image.

Returns

The rendered MiniCardAudio component.

Example

import React from 'react';
import { MiniCardAudio } from 'mediasfu-reactjs';

function App() {
  return (
    <MiniCardAudio
      customStyle={{ backgroundColor: 'black' }}
      name="Sample Audio"
      showWaveform={true}
      overlayPosition="bottom"
      barColor="blue"
      textColor="yellow"
      imageSource="path/to/image.jpg"
      roundedImage={true}
      imageStyle={{ borderRadius: '10px' }}
    />
  );
}

export default App;