{ "compat_features": [ "api.ChapterInformation", "api.ChapterInformation.artwork", "api.ChapterInformation.startTime", "api.ChapterInformation.title", "api.MediaMetadata", "api.MediaMetadata.MediaMetadata", "api.MediaMetadata.album", "api.MediaMetadata.artist", "api.MediaMetadata.artwork", "api.MediaMetadata.chapterInfo", "api.MediaMetadata.title", "api.MediaSession", "api.MediaSession.metadata", "api.MediaSession.playbackState", "api.MediaSession.setActionHandler", "api.MediaSession.setActionHandler.hangup_type", "api.MediaSession.setActionHandler.nextslide_type", "api.MediaSession.setActionHandler.nexttrack_type", "api.MediaSession.setActionHandler.pause_type", "api.MediaSession.setActionHandler.play_type", "api.MediaSession.setActionHandler.previousslide_type", "api.MediaSession.setActionHandler.previoustrack_type", "api.MediaSession.setActionHandler.seekbackward_type", "api.MediaSession.setActionHandler.seekforward_type", "api.MediaSession.setActionHandler.seekto_type", "api.MediaSession.setActionHandler.skipad_type", "api.MediaSession.setActionHandler.stop_type", "api.MediaSession.setActionHandler.togglecamera_type", "api.MediaSession.setActionHandler.togglemicrophone_type", "api.MediaSession.setCameraActive", "api.MediaSession.setMicrophoneActive", "api.MediaSession.setPositionState", "api.MediaSession.setScreenshareActive", "api.Navigator.mediaSession" ], "description": "The navigator.mediaSession API integrates with platform UI for media playback. It can be used to set metadata such as title and artwork, and to handle user actions like playing, pausing, or seeking.", "description_html": "The navigator.mediaSession API integrates with platform UI for media playback. It can be used to set metadata such as title and artwork, and to handle user actions like playing, pausing, or seeking.", "kind": "feature", "name": "Media session", "spec": [ "https://w3c.github.io/mediasession/" ], "status": { "baseline": false, "by_compat_key": { "api.ChapterInformation": { "baseline": false, "support": { "chrome": "127", "chrome_android": "127", "edge": "127" } }, "api.ChapterInformation.artwork": { "baseline": false, "support": { "chrome": "127", "chrome_android": "127", "edge": "127" } }, "api.ChapterInformation.startTime": { "baseline": false, "support": { "chrome": "127", "chrome_android": "127", "edge": "127" } }, "api.ChapterInformation.title": { "baseline": false, "support": { "chrome": "127", "chrome_android": "127", "edge": "127" } }, "api.MediaMetadata": { "baseline": false, "support": { "chrome": "57", "chrome_android": "57", "edge": "79", "firefox": "82", "safari": "14", "safari_ios": "14" } }, "api.MediaMetadata.MediaMetadata": { "baseline": false, "support": { "chrome": "57", "chrome_android": "57", "edge": "79", "firefox": "82", "safari": "14", "safari_ios": "14" } }, "api.MediaMetadata.album": { "baseline": false, "support": { "chrome": "57", "chrome_android": "57", "edge": "79", "firefox": "82", "safari": "14", "safari_ios": "14" } }, "api.MediaMetadata.artist": { "baseline": false, "support": { "chrome": "57", "chrome_android": "57", "edge": "79", "firefox": "82", "safari": "14", "safari_ios": "14" } }, "api.MediaMetadata.artwork": { "baseline": false, "support": { "chrome": "57", "chrome_android": "57", "edge": "79", "firefox": "82", "safari": "14", "safari_ios": "14" } }, "api.MediaMetadata.chapterInfo": { "baseline": false, "support": { "chrome": "127", "chrome_android": "127", "edge": "127" } }, "api.MediaMetadata.title": { "baseline": false, "support": { "chrome": "57", "chrome_android": "57", "edge": "79", "firefox": "82", "safari": "14", "safari_ios": "14" } }, "api.MediaSession": { "baseline": false, "support": { "chrome": "73", "chrome_android": "57", "edge": "79", "firefox": "82", "safari": "15", "safari_ios": "15" } }, "api.MediaSession.metadata": { "baseline": false, "support": { "chrome": "73", "chrome_android": "57", "edge": "79", "firefox": "82", "safari": "15", "safari_ios": "15" } }, "api.MediaSession.playbackState": { "baseline": false, "support": { "chrome": "73", "chrome_android": "57", "edge": "79", "firefox": "82", "safari": "15", "safari_ios": "15" } }, "api.MediaSession.setActionHandler": { "baseline": false, "support": { "chrome": "73", "chrome_android": "57", "edge": "79", "firefox": "82", "safari": "15", "safari_ios": "15" } }, "api.MediaSession.setActionHandler.hangup_type": { "baseline": false, "support": { "chrome": "93", "chrome_android": "93", "edge": "93" } }, "api.MediaSession.setActionHandler.nextslide_type": { "baseline": false, "support": { "chrome": "111", "chrome_android": "111", "edge": "111" } }, "api.MediaSession.setActionHandler.nexttrack_type": { "baseline": false, "support": { "chrome": "73", "chrome_android": "57", "edge": "79", "firefox": "82", "safari": "15", "safari_ios": "15" } }, "api.MediaSession.setActionHandler.pause_type": { "baseline": false, "support": { "chrome": "73", "chrome_android": "57", "edge": "79", "firefox": "82", "safari": "15", "safari_ios": "15" } }, "api.MediaSession.setActionHandler.play_type": { "baseline": false, "support": { "chrome": "73", "chrome_android": "57", "edge": "79", "firefox": "82", "safari": "15", "safari_ios": "15" } }, "api.MediaSession.setActionHandler.previousslide_type": { "baseline": false, "support": { "chrome": "111", "chrome_android": "111", "edge": "111" } }, "api.MediaSession.setActionHandler.previoustrack_type": { "baseline": false, "support": { "chrome": "73", "chrome_android": "57", "edge": "79", "firefox": "82", "safari": "15", "safari_ios": "15" } }, "api.MediaSession.setActionHandler.seekbackward_type": { "baseline": false, "support": { "chrome": "73", "chrome_android": "57", "edge": "79", "firefox": "82", "safari": "15", "safari_ios": "15" } }, "api.MediaSession.setActionHandler.seekforward_type": { "baseline": false, "support": { "chrome": "73", "chrome_android": "57", "edge": "79", "firefox": "82", "safari": "15", "safari_ios": "15" } }, "api.MediaSession.setActionHandler.seekto_type": { "baseline": false, "support": { "chrome": "78", "chrome_android": "78", "edge": "79", "firefox": "82", "safari": "15", "safari_ios": "15" } }, "api.MediaSession.setActionHandler.skipad_type": { "baseline": false, "support": { "chrome": "128", "chrome_android": "128", "edge": "128", "firefox": "82", "safari": "15", "safari_ios": "15" } }, "api.MediaSession.setActionHandler.stop_type": { "baseline": false, "support": { "chrome": "77", "chrome_android": "77", "edge": "79", "firefox": "82", "safari": "15", "safari_ios": "15" } }, "api.MediaSession.setActionHandler.togglecamera_type": { "baseline": false, "support": { "chrome": "93", "chrome_android": "93", "edge": "93", "safari": "18.4", "safari_ios": "18.4" } }, "api.MediaSession.setActionHandler.togglemicrophone_type": { "baseline": false, "support": { "chrome": "93", "chrome_android": "93", "edge": "93", "safari": "18.4", "safari_ios": "18.4" } }, "api.MediaSession.setCameraActive": { "baseline": false, "support": { "chrome": "93", "chrome_android": "93", "edge": "93", "safari": "18.4", "safari_ios": "18.4" } }, "api.MediaSession.setMicrophoneActive": { "baseline": false, "support": { "chrome": "93", "chrome_android": "93", "edge": "93", "safari": "18.4", "safari_ios": "18.4" } }, "api.MediaSession.setPositionState": { "baseline": false, "support": { "chrome": "81", "chrome_android": "57", "edge": "81", "firefox": "82", "safari": "15", "safari_ios": "15" } }, "api.MediaSession.setScreenshareActive": { "baseline": false, "support": { "safari": "18.4", "safari_ios": "18.4" } }, "api.Navigator.mediaSession": { "baseline": "high", "baseline_high_date": "2024-03-20", "baseline_low_date": "2021-09-20", "support": { "chrome": "73", "chrome_android": "57", "edge": "79", "firefox": "82", "firefox_android": "82", "safari": "15", "safari_ios": "15" } } }, "support": { "chrome": "73", "chrome_android": "57", "edge": "79", "firefox": "82", "safari": "15", "safari_ios": "15" } }, "id": "media-session", "groups": [], "specs": [ { "url": "https://w3c.github.io/mediasession/", "seriesComposition": "full", "shortname": "mediasession", "series": { "shortname": "mediasession", "currentSpecification": "mediasession", "title": "Media Session", "shortTitle": "Media Session", "releaseUrl": "https://www.w3.org/TR/mediasession/", "nightlyUrl": "https://w3c.github.io/mediasession/" }, "organization": "W3C", "groups": [ { "name": "Media Working Group", "url": "https://www.w3.org/media-wg/" } ], "release": { "url": "https://www.w3.org/TR/mediasession/", "status": "Working Draft", "filename": "Overview.html" }, "nightly": { "url": "https://w3c.github.io/mediasession/", "status": "Editor's Draft", "alternateUrls": [], "repository": "https://github.com/w3c/mediasession", "sourcePath": "index.bs", "filename": "index.html" }, "title": "Media Session", "source": "w3c", "shortTitle": "Media Session", "categories": [ "browser" ], "standing": "good", "tests": { "repository": "https://github.com/web-platform-tests/wpt", "testPaths": [ "mediasession" ] }, "fragment": null } ], "mdnUrls": [ { "slug": "Web/API/Navigator/mediaSession", "title": "Navigator: mediaSession property", "anchor": null, "url": "https://developer.mozilla.org/docs/Web/API/Navigator/mediaSession" } ], "standardPositions": [ { "vendor": "mozilla", "url": "https://github.com/mozilla/standards-positions/issues/28", "position": "positive", "concerns": [] } ], "hasNegativeStandardPosition": false, "stateOfSurveys": [], "chromeUseCounters": { "percentageOfPageLoad": 0.02661727, "url": "https://chromestatus.com/metrics/webfeature/timeline/popularity/48" }, "interop": [], "wpt": { "url": "https://wpt.fyi/results?q=feature:media-session" }, "developerSignals": { "url": "https://github.com/web-platform-dx/developer-signals/issues/65", "votes": 1 }, "bugs": { "chrome": [ "https://issues.chromium.org/u/1/issues/446738067", "https://crbug.com/1457056", "https://bugs.chromium.org/p/chromium/issues/detail?id=1363548", "https://crbug.com/1178939", "https://bugs.chromium.org/p/chromium/issues/detail?id=984620", "https://bugs.chromium.org/p/chromium/issues/detail?id=977375", "https://bugs.chromium.org/p/chromium/issues/detail?id=940054", "https://bugs.chromium.org/p/chromium/issues/detail?id=910436", "https://code.google.com/p/chromium/issues/detail?id=497735" ], "webview_android": [ "https://crbug.com/40611412" ] }, "useCases": null, "baselineLowDateAsObject": null, "baselineHighDateAsObject": null, "blockedOn": "Firefox", "blockedSince": "September 2021", "monthsBlocked": 60 }