@yoliani/react-native-audio-waveform/lib/components/WaveformCandle/WaveformCandle.js

A React Native component to show audio waveform with ease in react native application

import React from 'react';
import { View } from 'react-native';
import { Colors } from '../../theme';
import styles from './WaveformCandleStyles';
export const WaveformCandle = ({ index, amplitude, parentViewLayout, candleWidth, candleSpace, noOfSamples = 0, songDuration = 1, currentProgress = 0, waveColor, scrubColor, candleHeightScale, }) => {
    const maxHeight = (parentViewLayout?.height ?? 0) - 10;
    const completedIndex = (currentProgress / songDuration) * noOfSamples;
    const getWaveColor = () => {
        return {
            backgroundColor: waveColor ? waveColor : Colors.waveStickBackground,
        };
    };
    const getScrubColor = () => {
        return {
            backgroundColor: scrubColor
                ? scrubColor
                : Colors.waveStickCompleteBackground,
        };
    };
    return (React.createElement(View, { key: index, style: styles.candleContainer },
        React.createElement(View, { style: [
                completedIndex > index ? getScrubColor() : getWaveColor(),
                {
                    width: candleWidth,
                    marginRight: candleSpace,
                    maxHeight,
                    height: (isNaN(amplitude) ? 0 : amplitude) *
                        maxHeight *
                        candleHeightScale, // Adjust the height scale as needed
                    minHeight: candleWidth,
                    borderRadius: candleWidth,
                },
            ] })));
};
//# sourceMappingURL=WaveformCandle.js.map