Media & Graphics APIs
Explore and learn about 18 JavaScript APIs in the Media & Graphics category.
Canvas
Draw graphics, create animations, manipulate images, and render real-time visualizations using the HTML5 Canvas API. Perfect for games, data visualization, and creative graphics.
Encrypted Media
Control playback of encrypted content and handle DRM in web applications. Perfect for implementing secure video streaming and protected content playback.
Geometry Interfaces
Work with 2D and 3D graphics transformations and coordinates.
Insertable Streams
Process and modify video/audio streams by accessing individual frames, enabling features like background blur, custom effects, or stream combinations.
Media Capabilities
Determine if a device can play specific media formats smoothly and power-efficiently. Perfect for adaptive media experiences.
Media Capture and Streams
Access and control media input devices like cameras and microphones, enabling audio/video streaming and recording capabilities.
Media Session
Customize media notifications and control media playback from system UI. Perfect for media players and audio/video applications.
Media Recording
Record audio and video streams from MediaStream objects, enabling recording from cameras, microphones, and other media sources.
Picture-in-Picture
Create floating video windows that stay on top, allowing users to continue watching media while interacting with other content or applications.
Remote Playback
Control media playback on remote devices like TVs, projectors, or speakers. Perfect for creating cast-like functionality in web applications.
SVG API
Programmatically create, manipulate and animate SVG elements. The SVG API provides DOM interfaces for working with vector graphics in the browser.
Screen Capture
Capture the user's screen or application windows as a media stream. Perfect for screen sharing, recording, or remote assistance applications.
Web Animations
Create and control animations in JavaScript with the Web Animations API. Learn to animate elements, synchronize animations, and control playback.
Web Audio
Process and synthesize audio in web applications with the Web Audio API. Learn to create, manipulate, and analyze audio data.
Web Speech
Add speech recognition and synthesis to web applications with the Web Speech API. Learn to convert speech to text and generate spoken output.
Web Codecs
Encode and decode audio and video content with the Web Codecs API. Learn to process media data efficiently for streaming and editing.
WebGL
Create 3D graphics in web applications with the WebGL API. Learn to render complex scenes, apply textures, and implement shaders.
WebVTT
Work with WebVTT (Web Video Text Tracks) in web applications. Learn to create and manipulate captions, subtitles, and other text tracks for video content.