Web MIDI Monitor - Online View Raw MIDI Messages
Connect a MIDI controller and see every message in a log. Filter by channel and type. Essential for debugging music apps.
UD5 Toolkit
Real-time visual note display & MIDI monitor
about:config β dom.webmidi.enabled.
about:config and set dom.webmidi.enabled to true. Safari on macOS and iOS does not support Web MIDI at this time. Always ensure you're on a secure connection (HTTPS) as the API is blocked on plain HTTP for security reasons.
f = 440 Γ 2(nβ69)/12, where n is the MIDI note number and A4 = 440 Hz (MIDI note 69) is the reference pitch. For example, MIDI note 60 (C4, middle C) yields 261.63 Hz. Each semitone step multiplies the frequency by the 12th root of 2 (β1.05946). The tool displays this frequency in real-time for every active note.
Connect a MIDI controller and see every message in a log. Filter by channel and type. Essential for debugging music apps.
Visualize audio in real time from your microphone or uploaded audio file. See the waveform dance. Uses Web Audio API locally.
Paste lyrics and tap while the song plays to embed timestamps. Export as .lrc file for music players. All in browser.
Realβtime frequency spectrum from your microphone. Visual bars or line. Check room resonance.
Convert any image into beautiful ASCII art. Adjust brightness and character set for the best effect. Share text-based pictures. Runs entirely in the browser.
Write Mermaid markdown and instantly see the rendered flowchart, sequence diagram, or Gantt chart. Copy SVG output. Browser-side rendering.
See the current AudioContext state (suspended, running). Resume it with a button. Understand autoplay policies.
Play an audio file or use mic to see realβtime frequency bars. Choose colors. Great for music videos. Canvas.
Convert any image into colored ASCII art using divs with background colors. Creates a stunning textβbased replica. View & copy HTML.
Tidy up messy HTML code with our online formatter and beautifier. Indent and clean your markup, preview the output instantly. No data is uploaded, everything runs in your browser.
Paste binary sequences and convert them back to readable text. Supports space-separated and 8-bit formatted strings. Quick encoding reconversion.
Upload a font file or specify a URL and generate the complete @fontβface rule with modern formats and fontβdisplay. Copy instantly.
Track daily mood with emoji selection and optional notes. See weekly/monthly mood trends in a color-coded chart. All data stored privately in localStorage.
Upload a WebP image and automatically generate a <picture> tag with JPEG/PNG fallback. Ensure compatibility everywhere.
Build a vertical timeline by entering events with dates and descriptions. Export as image or HTML. Perfect for project milestones.
Fill in says, thinks, does, feels quadrants for a user persona. Save locally or print.
Enter the recipe's wattage and your microwave's wattage to convert cooking time. Prevent burnt or cold food.
Display a Snellen chart on screen and mark distance for a fun self-test. Not a replacement for professional exam.
Paste a string of 0s and 1s and decode it back into ASCII text. Handles spaceβseparated blocks. Local.
Upload an image and see its 2D FFT magnitude and phase. Learn how image filtering works. Educatinal tool. Canvas.
Decode FLAC, Opus, or OGG audio files in the browser using compiled WASM libraries. Play instantly without server uploads. Keep audio private.
Apply tone mapping algorithms to bring out details in highlights and shadows. Simulate HDR from a single image.
Transform any image into a Base64 data URI for embedding directly into HTML, CSS, or JSON. Drag and drop support. Entirely browser-side conversion.
Generate a palette of N colors that are maximally distinguishable for common color vision deficiencies. Copy the hex codes.
Enter a URL to see exactly what Open Graph and Twitter card tags will be shown when shared on social media. Fetch from browser.
View recent earthquakes worldwide on a map. Fetches public USGS GeoJSON feed directly from browser. Real-time data.
Decode Base64 encoded strings back into viewable images and download them as PNG. Useful for debugging APIs and data URIs. Secure local processing.
Upload an image and also see a UI mockup under different deficiencies sideβbyβside. Powerful for inclusive design.
Add floating emoji reactions (like live streams) to any screenshot or photo. Export as still image. Fun social media tool.
Paste HTML code and extract all comments or remove them completely. See a list of comments found. Clean your markup.