UNPKG

sound-visualizer

Version:
164 lines (154 loc) 5.16 kB
"use strict"; var __defProp = Object.defineProperty; var __defProps = Object.defineProperties; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropDescs = Object.getOwnPropertyDescriptors; var __getOwnPropNames = Object.getOwnPropertyNames; var __getOwnPropSymbols = Object.getOwnPropertySymbols; var __hasOwnProp = Object.prototype.hasOwnProperty; var __propIsEnum = Object.prototype.propertyIsEnumerable; var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value; var __spreadValues = (a, b) => { for (var prop in b || (b = {})) if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]); if (__getOwnPropSymbols) for (var prop of __getOwnPropSymbols(b)) { if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]); } return a; }; var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b)); var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); }; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); // src/current/main.ts var main_exports = {}; __export(main_exports, { currentVisualizer: () => currentVisualizer }); module.exports = __toCommonJS(main_exports); // src/common/draw/options.ts var defaultDrawOptions = { strokeColor: "#000", rectWidth: 2 }; // src/current/draw/options.ts var defaultOptions = __spreadProps(__spreadValues({}, defaultDrawOptions), { heightNorm: 1 }); // src/common/draw/pure.ts var THICKNESS_MAP = { thin: 1, default: 2, thick: 2.75 }; function widthFromOption(lineWidth, canvasWidth) { if (typeof lineWidth === "number") return lineWidth; return THICKNESS_MAP[lineWidth] / 300 * canvasWidth; } // src/current/draw/impure.ts function drawCurrentWave(canvas, audioData, options = defaultOptions) { const context = canvas.getContext("2d"); if (!context) return; const { strokeColor = "#000", rectWidth = "default", heightNorm = 1 } = options; const { height, width } = canvas; const sliceWidth = width / audioData.length; context.lineWidth = widthFromOption(rectWidth, width); context.strokeStyle = strokeColor; context.clearRect(0, 0, width, height); context.beginPath(); context.moveTo(0, height / 2); for (let i = 0; i < audioData.length; i++) { const x = i * sliceWidth; const fraction = audioData[i] / 255; const sectionSize = height * heightNorm; const y = fraction * sectionSize + (height - sectionSize) * 0.5; context.lineTo(x, y); } context.lineTo(sliceWidth * audioData.length, height / 2); context.stroke(); } // src/common/draw/impure.ts function clearCanvas(canvas) { const context = canvas.getContext("2d"); if (!context) return; const { width, height } = canvas; context.clearRect(0, 0, width, height); } // src/continuous/draw/options.ts var defaultOptions2 = __spreadProps(__spreadValues({}, defaultDrawOptions), { slices: 100, barRadius: 0 }); // src/helpers/impure.ts var activeAnalysers = /* @__PURE__ */ new Map(); function startAnalysis(audio) { let activeAnalyser = activeAnalysers.get(audio.id); if (!activeAnalyser) { const audioContext2 = new window.AudioContext(); activeAnalyser = { audioContext: audioContext2, analyser: audioContext2.createAnalyser() }; activeAnalysers.set(audio.id, activeAnalyser); } const { audioContext, analyser } = activeAnalyser; const dataArray = new Uint8Array(analyser.frequencyBinCount); const source = audioContext.createMediaStreamSource(audio); source.connect(analyser); function analyse() { analyser.getByteTimeDomainData(dataArray); return dataArray; } function disconnect() { source.disconnect(); analyser.disconnect(); audioContext.close().then(() => { activeAnalysers.delete(audio.id); }); } return { analyse, disconnect }; } // src/current/main.ts function currentVisualizer(audio, canvas, drawOptions) { let animationFrameId = null; const { analyse, disconnect } = startAnalysis(audio); function start() { if (animationFrameId !== null) cancelAnimationFrame(animationFrameId); function tick() { drawCurrentWave(canvas, analyse(), drawOptions); animationFrameId = requestAnimationFrame(tick); } animationFrameId = requestAnimationFrame(tick); } function stop() { if (animationFrameId !== null) cancelAnimationFrame(animationFrameId); disconnect(); } function reset() { stop(); clearCanvas(canvas); } return { start, stop, reset }; } // Annotate the CommonJS export names for ESM import in node: 0 && (module.exports = { currentVisualizer });