The Text Selection API allows developers to detect and monitor user text selections in real-time, making it ideal for text editors, custom context menus, and interactive highlighting.
Features
Real-time selection detection
Tracks user text selections instantly, enabling features like interactive text editing and custom context menus without delay.
Selection detail logging
Logs detailed information about the text selection such as the selected text, range counts, and offsets, which helps in creating rich text manipulation features.
Multi-node selection handling
Supports text selections that span across multiple nodes or paragraphs, providing flexibility and robust handling for complex text structures.
Media & Graphics
Enables working with audio, video, and media capture capabilities.
Storage & Files
Facilitates storing and retrieving data locally in the browser.
Communication
Allows making requests, handling responses, and managing connectivity.
Device Access
Provides access to device hardware features like battery, vibration, and sensors.
Performance & Background
Measures and optimizes application performance.
Security & Authentication
Implements secure authentication and data protection.
UI & Interaction
Enhances user interface interactions and experiences.
Data & Encoding
Processes and transforms data with various encoding formats.
Interactive API examples
Provides interactive demos of various web APIs to help developers understand and experiment with their functionality.
Clear explanations of web APIs
Offers straightforward explanations of how different web APIs work, making them more accessible to developers.
Draw Basic Shapes
Allows you to draw colorful rectangles, circles, and triangles on a canvas, providing the building blocks for more complex graphics.
Animation Creation
Enables you to create smooth, bouncing animations with color-changing effects, showcasing the ability to build engaging visual content with canvas.
Image Manipulation
Provides tools to apply custom filters such as color inversion on images, simulating photo editing capabilities directly within the browser.
3D Graphics with WebGL
Facilitates the creation of 3D objects, such as a rotating cube with lighting, demonstrating the power of canvas for generating advanced graphics and game elements using WebGL.
DRM System Support Check
Enables you to check if your browser supports DRM systems like Widevine or PlayReady, ensuring compatibility for encrypted content playback.
Media Key System Access
Integrates with navigator API to request access to a media key system, facilitating encrypted media playback by establishing secure keys.
Encrypted Content Playback
Supports the playing of encrypted media content in browsers by handling decryption and security key exchanges, using libraries like dash.js.
Error Handling Events
Provides detailed error handling for playback errors, ensuring reliable content delivery and debugging capabilities.
License Request Management
Handles license requests for DRM-protected content, with feedback on request success or failure, enhancing content protection.
3D Coordinate Manipulation
Create and manipulate points with x, y, z coordinates and an optional w perspective, useful in 3D graphics operations.
Rectangle Representation
Use DOMRect to represent and calculate layout properties, such as position and size, essential for various hit-testing and boundary operations.
Transformation Matrices
DOMMatrix provides powerful transformation support, allowing you to translate, scale, rotate, and handle more complex matrix operations for advanced shape transformations.
Quadrilateral Configurations
Create quads from DOMPoint objects to define and manipulate four-sided shapes in graphic spaces, aiding in transformations and texture mapping.
Real-time video processing
Transform your webcam video in real-time, converting color to black and white, or applying creative filters such as sepia or blur, showcasing interactive video frame manipulation.
Audio enhancement
Enhance live microphone audio by boosting volume levels, illustrating audio sample modification capabilities before the sound reaches listeners.
Interactive filter selection
Switch between visual effects like sepia tone, color inversion, and blur through a user-friendly interface, allowing dynamic control over webcam feed appearances.
Video capabilities check
Runs a series of tests to determine whether a device can smoothly play various video codecs, at different resolutions and bitrates, ensuring playback is both supported and power-efficient.
Audio capabilities check
Evaluates the device's ability to handle specific audio codecs and configurations, confirming if audio content will be played smoothly and efficiently on the user's device.
Encoding capabilities evaluation
Assesses whether a device can efficiently encode video and audio for recording or live streaming, ensuring high performance and power efficiency across formats.
Basic Camera Access
Enables the website to turn on the user's camera and display the live video feed directly on the webpage.
Device Enumeration
Lists all available cameras and microphones on a device, allowing users to choose their preferred device for use.
Media Constraints
Allows control over camera quality settings such as resolution and frame rate to optimize performance and appearance.
Video recording
Record video directly from your camera, providing live preview and playback functionalities. Easily integrate with a few lines of code for seamless user experiences.
Audio recording
Create voice recordings using a microphone. This feature resembles voice memo apps, offering playbacks after capturing audio.
Customizable recording settings
Control the recording quality and file formats by checking for supported video and audio formats in the browser and customizing the recording settings accordingly.
Song Information Display
Shows song information in system notifications and media centers, including title, artist, album, and artwork.
Media Control Response
Allows you to control playback using hardware buttons and software controls on devices.
Playback Progress Display
Displays playback progress information like duration, current position, and playback speed in the system media interface.
Floating video window
Allows a video to pop out into a separate floating window that remains on top, which can be viewed while multitasking across other applications or browser tabs.
Custom PiP window dimensions
Provides access to the dimensions of the Picture-in-Picture window and allows detection when users resize it, ensuring a flexible viewing experience.
PiP state change detection
Monitors and responds to changes when a video enters or exits Picture-in-Picture mode, enabling the automatic execution of actions during these transitions.
Device availability detection
Detect available remote playback devices such as TVs, speakers, and manage connection status, with automatic updates on availability.
Custom media controls
Create custom controls for media playback, including play, pause, and volume adjustments that function both locally and remotely.
Error handling
Includes robust error handling throughout the connection process to ensure smooth operation and to handle unsupported scenarios gracefully.
Basic Screen Capture
Prompt users to select screen content they want to share and display the captured video directly in your app.
Advanced Screen Capture
Customize screen capture with options like showing or hiding the cursor and capturing system audio for a more tailored screen sharing experience.
Programmatic SVG Creation
Generate SVG shapes programmatically, allowing you to easily create and customize vector graphics for any application.
SVG Animation
Create smooth animations for SVG graphics, enhancing user interfaces, loading indicators, or data visualizations with dynamic visual effects.
Real-Time SVG Updates
Update SVG graphics in real-time based on user interactions or data changes, enabling interactive experiences with features like drawing tools and editable diagrams.
Smooth Motion
Create simple animations with smooth motion by using predefined keyframes and animation options such as duration and easing.
Interactive Controls
Offers interactive controls such as play, pause, and reverse for real-time manipulation of animations, similar to a video player.
Keyframe Effects
Supports complex multi-step animations that allow you to transform elements through various states with precise timing control.
Basic Audio Operations
Load and play audio files with simple controls, allowing users to fetch, process, and play sound with just a few clicks.
Audio Synthesis
Create sounds from scratch using a virtual keyboard that plays different notes and allows changing sound types like sine, square, sawtooth, and triangle waveforms.
Audio Visualization
Real-time, animated visualizations that display colorful patterns and frequencies in the music, providing a visual representation of the audio playing.
Video Decoder Support
Detects browser's ability to support video codecs such as H.264, VP8, VP9, and AV1 using the VideoDecoder interface. It allows developers to query codec capabilities for different video formats.
Audio Decoder Support
Examines and verifies browser compatibility with various audio codecs including AAC, AC-3, FLAC, Opus, and Vorbis through the AudioDecoder interface.
Image Decoder Support
Tests browser support for image formats like JPEG, PNG, WebP, GIF, AVIF, and SVG using the ImageDecoder interface, ensuring compatibility with different image types.
Real-time voice-to-text
Convert spoken words into text in real-time, supporting multiple languages such as English, Spanish, French, and more, ideal for voice commands, dictation, or accessibility features.
Speech synthesis
Convert text into speech with control over different voices, languages, pitch, and speaking rate, providing a natural-sounding voice output.
Voice and language selection
Allows users to select from multiple languages and voices for both speech recognition and synthesis, accommodating diverse user preferences.
Interim results
Displays interim transcription results while recognizing speech, updating continuously for a real-time experience.
Control over synthesis speech
Provides controls for speech synthesis such as starting, pausing, resuming, or canceling speech output.