New patterns for media apps
Stay organized with collections
Save and categorize content based on your preferences.
Dive into a fantastic collection of new patterns for media apps. Grab the user's screen, add video Picture-in-Picture mode, create audio effects, record from the mic, or customize media notifications.
Let's welcome our new collection of media patterns to help you create modern media experiences on the web for great audio and video playback:
- Use the Web Audio API to add effects to audio sources.
- Let the user control media playback on the lock screen, in a widget, or with hardware keys.
- Record audio from the user's microphone.
- Create a custom Picture-in-Picture button for your video player.
- Record the user's screen.
We hope these patterns will help you build amazing apps, and we're looking forward to your feedback! You can provide feedback by tweeting at @ChromiumDev or filing an Issue.
Photo by Kenny Eliason.
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.
Last updated 2022-11-03 UTC.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2022-11-03 UTC."],[],[]]