UNPKG

react-sound-visualizer

Version:

A lightweight wrapper for the sound-visualizer library

22 lines (19 loc) 683 B
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 };