sindresorhus/screenfull.js
Screenfull.js
screenfull.js is a JavaScript wrapper for the Fullscreen API that provides a unified interface for toggling, monitoring, and verifying the fullscreen state of web page elements. It functions as a cross-browser utility to manage how elements expand to fill the display.
The library handles browser-specific differences by normalizing inconsistent vendor methods into a single interface. This ensures consistent behavior when implementing immersive web experiences or interactive media playback across different web browsers.
The toolset covers fullscreen management, including capabilities for entering, exiting, and toggling the display mode. It also provides utilities for detecting the current fullscreen status and monitoring changes in the display state through an event-driven system.
Features
- Fullscreen Management - Provides a comprehensive utility for managing the JavaScript Fullscreen API across all major browsers.
- API Polyfills - Provides a unified interface by polyfilling inconsistent vendor-specific fullscreen API methods.
- Windowed Fullscreen Toggles - Provides utility functions to toggle the display between fullscreen and windowed modes.
- Browser API Wrappers - Wraps native browser APIs to simplify and normalize fullscreen requests across different vendors.
- Fullscreen Entry Request - Allows specific DOM elements or the entire page to enter fullscreen mode across browsers.
- Fullscreen Exit Request - Provides the ability to exit fullscreen view and return to the standard window layout.
- Fullscreen Media Controls - Facilitates fullscreen viewing modes for interactive media like videos and image galleries.
- Display State Callbacks - Provides an event-driven system to trigger callbacks when the fullscreen state changes.
- Immersive Web Interfaces - Enables the creation of immersive web experiences by removing browser distractions via fullscreen mode.
- Full Screen Modes - Manages the transition between windowed and full-screen layout modes based on application state.
- Fullscreen Target Mapping - Allows specific page elements to be targeted for expansion into fullscreen mode.
- Active Element Detection - Includes utilities to detect the current fullscreen status and identify the active fullscreen element.
- State Change Monitoring - Includes an event-driven system to track and respond to fullscreen state changes.
- Tooltips and Popups - Wrapper for the browser Fullscreen API.
- Web Components and UI - Cross-browser full-screen plugin.
