Web APIs

📂 File System API

Usman Sabuwala

Only for Chromium-based web browsers. The File System Access API makes it easy and simple to read and write the user's files and access the file system.

Try It See Code

📺 FullScreen API

Tapas Adhikary

The Fullscreen API adds methods to present a specific Element (and its descendants) in full-screen mode, and to exit full-screen mode once it is no longer needed.

Try It See Code

📋 Clipboard API

Tapas Adhikary

The Clipboard API provides the ability to respond to clipboard commands (cut, copy, and paste) as well as to asynchronously read from and write to the system clipboard.

Try It See Code

📡 Broadcast

Tapas Adhikary

The BroadcastChannel is a named channel that allows communication between different documents (in different windows, tabs, frames or iframes) of the same origin.

Try It See Code

📶 Network Info

Tapas Adhikary

The Network Information API provides information about the system's connection in terms of general connection type (e.g., 'wifi', 'cellular', etc.).

Try It See Code

🧐 Resize Observer

Tapas Adhikary

The Resize Observer API provides a performant mechanism by which code can monitor an element for changes to its size, with notifications.

Try It See Code

💳 Web payment API

Tapas Adhikary

The Payment Request API provides a consistent user experience for both merchants and users. Select a preferred way to pay for things.

Try It See Code

📳 Vibration API

Tapas Adhikary

Most modern mobile devices include vibration hardware, which lets software code provide physical feedback to the user by causing the device to shake.

Try It See Code

🔋 Battery API

Tapas Adhikary

The Battery Status API, more often referred to as the Battery API, provides information about the system's battery charge level

Try It See Code

🐢 Drag and Drop

Tapas Adhikary

HTML Drag and Drop interfaces enable applications to use drag-and-drop features in browsers.

Try It See Code

📸 Image Capture

Tapas Adhikary

The ImageCapture interface provides methods to enable the capture of images or photos from a camera or other photographic device.

Try It See Code

🔗 Web Share API

Usman Sabuwala

The Web Share API helps in invoking the native sharing mechanism of the user's device

Try It See Code

⚓ Geolocation API

Sameer Waskar

The Geolocation API allows the user to provide their location to web applications if they so desire. This demo shows how it works using an example.

Try It See Code

🖼️ Picture in Picture

Tapas Adhikary

Picture-in-picture is a feature supported by some smart TVs, devices to show the content on a floating window. It allows users to continue to see the content while interacting with the background page, other sites.

Try It See Code

💻 Screen Capture

Koustov

The Screen Capture demo introduces additions to the existing Media Capture and Streams API to let the user select a screen to capture as a media stream

Try It See Code