Component Preview
Interactive demonstration of the FrequencyMonitor component
🎛️ Interactive Controls
Component Overview
The FrequencyMonitor component provides real-time monitoring and analysis of audio frequencies, helping users understand the spectral content of their audio signals.
This interactive demo allows you to explore all the features and capabilities of the FrequencyMonitor component. Use the controls above to test the component's functionality and see how it integrates with other audio analysis components.
API Reference
The FrequencyMonitor component provides a comprehensive API for integration into your applications.
Properties: Configure the component with various properties to customize appearance and monitoring behavior.
Methods: Programmatically control the frequency monitoring using built-in methods for starting/stopping analysis.
Events: Listen to component events to respond to frequency changes and user interactions.
Component Events
The FrequencyMonitor component emits various events that you can listen to:
• Frequency Detected: Fired when a new frequency is detected
• Peak Frequency: Fired when the dominant frequency changes
• Analysis Start: Fired when frequency monitoring begins
• Analysis Stop: Fired when frequency monitoring stops
View the Event Log tab to see real-time events as they occur.
Usage Examples
Here are some common ways to use the FrequencyMonitor component in your projects:
Basic Usage:<frequencymonitor></frequencymonitor>
With Properties:<frequencymonitor sensitivity="0.8" range="20-20000"></frequencymonitor>
Event Listeners:frequencyMonitor.addEventListener('frequency-detected', handleFrequencyDetected);