文章數
How to add Picture-in-Picture to video controls
The Picture-in-Picture (PiP) Web API allows websites to create a floating video window always on top of other windows so that users may continue consuming media while they interact with other content sites or applications on their device. The example
How to add effects to audio
The Web Audio API uses the AudioContext() interface to manage sources, filters, and destinations. Once you’ve created a new AudioContext(), create an audio source node, like an AudioBufferSourceNode or OscillatorNode. As an example, consider a basic
How to customize media notifications
The Media Session API allows websites to let users know what's currently playing in their browser and control it without returning to the page that launched it. The user experience can be customized through metadata in custom media notifications,
How to record audio from the user's microphone
Accessing the user's camera and microphone is possible on the web platform with the Media Capture and Streams API. The getUserMedia() method prompts the user to access a camera and/or microphone to capture as a media stream. This stream can then be
How to record the user's screen
Sharing tabs, windows, and screens is possible on the web platform with the Screen Capture API. The getDisplayMedia() method allows the user to select a screen to capture as a media stream. This stream can then be recorded with the MediaRecorder API
How to process audio from the user's microphone
Accessing the user's camera and microphone is possible on the web platform with the Media Capture and Streams API. The getUserMedia() method prompts the user to access a camera and/or microphone to capture as a media stream. This stream can then be