Easily convert text to Morse code and flash your screen as a signal. This free online Morse code light flasher works in any browser for visual communication.
AI Generation Prompt
Technical Specification: Browser-Based Morse Code Light Flasher
Overview
This single-file application allows users to convert text input into Morse code and visually transmit it using their device's screen. The tool is designed for clarity, ease of use, and immediate accessibility in a high-contrast environment.
Core Features
- Real-Time Input: Convert text to Morse code characters in real-time.
- Visual Transmission: Use the device screen as a strobe source to emit light pulses corresponding to the encoded Morse.
- SOS Preset: A one-tap button to instantly initiate the international SOS sequence (··· ——— ···).
- Speed Control: Variable WPM (Words Per Minute) slider to control signaling tempo.
- Fullscreen Mode: A dedicated button to maximize the flashing area to the full screen for maximum visibility.
UI Layout
- Header: Descriptive title and a minimalist 'How to' info icon.
- Control Panel (Centered):
- Text input area with a character counter.
- WPM adjustment slider with numeric display.
- Primary action buttons: [Play], [Pause], [Reset], [SOS].
- Visualizer Display: A large, centered "Signaling Box" that pulses White (on) and Black (off). In full-screen mode, this box expands to cover 100% of the viewport.
- Status Bar: Displays current status (Idle, Transmitting, Paused) and current character being signaled.
Design & Aesthetics
- Palette: Clean, professional light-mode aesthetic.
- Background: Off-white (#F9FAFB)
- Primary Actions: Vibrant Blue (#2563EB)
- Text: Dark Slate (#1F2937)
- Strobe/Flash: Pure White (#FFFFFF)
- Animations: Subtle CSS transitions for button hover states (0.2s easing). The signaling area uses distinct, high-contrast color toggles to ensure visibility.
Developer Directives
- Single File: All HTML, CSS, and JS must be contained in one file. Use standard
<script>and<style>blocks. - No LocalStorage: As this app runs in a sandboxed iframe, strictly avoid
localStorage,sessionStorage, or cookies to prevent runtime crashes. - Sandboxed Compatibility: Ensure all external scripts (if any) are loaded from reliable CDNs. No native app prompts; build all alerts as custom UI modals.
- Responsive Design: Use CSS Flexbox/Grid to ensure the control panel and visualizer area wrap gracefully on mobile devices (e.g., stacked layout on mobile, side-by-side on desktop).
- Performance: Use
requestAnimationFramefor timing the flashing sequences to ensure the visual pulses are frame-perfect and synced with the logic loop.
Spread the word
Files being used
Frequently Asked Questions
Everything you need to know about using this application.
How does the screen light flasher work?
This tool utilizes your browser's ability to manipulate the DOM to toggle the background color of a dedicated signaling area or the entire screen between white and black. By interpreting the timing of Morse code dots and dashes, it triggers precise, high-contrast light pulses that can be used for visual signaling without needing external hardware. Because it runs entirely within your web browser, it is highly compatible across desktops, tablets, and smartphones. The timing logic is handled by a JavaScript engine to ensure that the pulses remain consistent regardless of the device's processing power.
Can this be used for emergency signaling?
This application includes a dedicated SOS preset mode, which follows the internationally recognized three dots, three dashes, three dots signal pattern. While this tool can be used for visual signaling, it should not be relied upon as a primary safety device in critical life-or-death situations. Always maintain standard emergency communication protocols. This tool is designed for educational purposes, amateur radio communication, and utility signaling, providing a accessible method to generate visual light signals using common consumer electronics.
Does it require camera or flashlight hardware permissions?
No, this tool operates exclusively through the screen's display capabilities. Unlike native mobile apps that might request access to your device's LED flashlight, this web-based tool does not require any specialized hardware permissions or access to your camera. This approach ensures that your privacy is protected and that the tool remains functional across all standard browsers without triggering security warnings. It keeps the experience lightweight, fast, and accessible instantly without the need for complex configuration.
How to adjust the speed of the Morse code?
The application provides a granular 'Words Per Minute' (WPM) slider located in the control panel. Adjusting this slider changes the base timing unit (the duration of a 'dot'), which subsequently scales the length of dashes and the intervals between letters and words. By tweaking the WPM, users can slow down the transmission for readability or speed it up for efficient signaling. The real-time preview displays the current Morse code sequence as it transmits, allowing for immediate feedback and calibration to your desired speed.
