TypeScript Component
Screensaver
An inactivity-based screensaver system with video and audio support. Perfect for kiosk displays, digital signage, and interactive installations.
Interactive Demo
The screensaver activates after a period of inactivity. Move your mouse or press any key to reset the timer.
🖥️
Normal content view
🌙
Screensaver Active
Move mouse or press any key to dismiss
10
500
0
[--:--:--] Demo initialized
Features
⏱️ Configurable Timeout
Set custom inactivity periods before screensaver activation.
🎬 Video Support
Display videos during screensaver mode with automatic playback.
🔊 Audio Support
Play audio tracks with volume control during screensaver.
🎯 Activity Detection
Monitors mouse movement, keyboard input, and touch events.
Usage
import { Screensaver } from 'move.gl';
const screensaver = new Screensaver({
timeout: 300000, // 5 minutes
videoUrl: 'path/to/video.mp4',
audioUrl: 'path/to/audio.mp3',
containerId: 'screensaver'
});
screensaver.setVolume(0.5);
screensaver.activate();
screensaver.deactivate();
screensaver.destroy();