react-sound-visualizer
Version:
A lightweight wrapper for the sound-visualizer library
22 lines (19 loc) • 683 B
JavaScript
import {
useVisualizer
} from "./chunk-ZOZALNBY.mjs";
// src/Visualizer.tsx
import { useEffect, useState } from "react";
import { Fragment, jsx } from "react/jsx-runtime";
var Visualizer = (props) => {
const { audio, children: Children, autoStart, ...visualizerOptions } = props;
const [canvas, setCanvas] = useState(null);
const functions = useVisualizer(audio, canvas, visualizerOptions);
useEffect(() => {
if (!autoStart) return;
if (functions.start) functions.start();
}, [audio, canvas]);
return /* @__PURE__ */ jsx(Fragment, { children: !!Children && /* @__PURE__ */ jsx(Children, { canvasRef: setCanvas, ...functions }) });
};
export {
Visualizer
};