Online Text to Morse Code Audio and Visual Converter

Overview

A high-performance, browser-based utility that translates plain text into international Morse code. It provides multi-sensory feedback through synchronized audio signals and a visual flashing indicator, designed for hobbyists, emergency preparedness learners, and educational use.

Core Features

1. Text Input Engine: Multi-line textarea with real-time validation and character count, supporting English letters, numbers, and standard punctuation.
2. Audio Synthesis: Uses the Web Audio API to generate precise, rhythmic sine wave pulses (dits and dahs).
3. Visual Feedback: A large, high-contrast signal light indicator that flashes in perfect sync with the audio output.
4. Configurable Settings:
   • Words Per Minute (WPM): Slider to adjust speed from 5 WPM (beginner) to 30 WPM (advanced).
   • Tone Frequency: Adjustable pitch slider (400Hz - 1000Hz) to suit user preference.
   • Loop Mode: Toggle to repeat the message indefinitely.
5. Export Functionality: One-click download of the generated Morse sequence as a .wav audio file.
6. Real-Time Decoder Preview: A live display showing the translated dots and dashes underneath the input text box.

UI/UX Design

• Layout: A clean, centralized dashboard layout. The input area resides at the top, settings in the middle, and the active visualizer/player at the bottom.
• Color Palette:
  • Primary Background: Deep Charcoal (#2D3436)
  • Surface Color: Slate Gray (#636E72)
  • Accent (Visualizer): Electric Cyan (#00CEC9)
  • Action Buttons: Vivid Green (#00B894)
• Animations:
  • The indicator light features a subtle pulse glow effect during idle, and a sharp, high-intensity flash during active signal playback.
  • Buttons utilize simple hover transformations for tactile feedback.

Technical Specification

• Frontend Framework: Vanilla JavaScript for performance efficiency, combined with CSS Grid/Flexbox for full responsiveness.
• Audio Processing: Implementation of the Web Audio API (AudioContext, OscillatorNode, and GainNode) to ensure low-latency audio synthesis.
• Offline Capability: Service workers implemented to allow the tool to function without an internet connection after the initial visit.
• Accessibility: Full keyboard navigation support and ARIA labels for all interactive elements to ensure compatibility with screen readers.