[PR #3769] [MERGED] Use Media Session API in the Share audio player & pass chapterInfo to media sessions #4074

Closed
opened 2026-04-25 00:18:13 +02:00 by adam · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/advplyr/audiobookshelf/pull/3769
Author: @advplyr
Created: 1/1/2025
Status: Merged
Merged: 1/1/2025
Merged by: @advplyr

Base: masterHead: share-media-player-media-session-api


📝 Commits (2)

  • 9fa00a1 Fix Share media player not using media session API #3768
  • 86809dc Update audio player to pass chapterInfo to media session API

📊 Changes

2 files changed (+108 additions, -8 deletions)

View changed files

📝 client/components/app/MediaPlayerContainer.vue (+15 -7)
📝 client/pages/share/_slug.vue (+93 -1)

📄 Description

Brief summary

Adds Media Session API to Share audio player to match the regular audio player.

Support the chapterInfo array for media sessions.

Which issue is fixed?

Fixes #3768

In-depth Description

I noticed the experimental ChapterInformation interface that allows for passing in chapters to the media session.
I wasn't able to test this since it looks like it is only being used by ChromeOS media notifications based on this article: https://web.dev/articles/media-session

How have you tested this?

Tested this in Brave, Firefox and Edge on Windows.

Screenshots

image


🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/advplyr/audiobookshelf/pull/3769 **Author:** [@advplyr](https://github.com/advplyr) **Created:** 1/1/2025 **Status:** ✅ Merged **Merged:** 1/1/2025 **Merged by:** [@advplyr](https://github.com/advplyr) **Base:** `master` ← **Head:** `share-media-player-media-session-api` --- ### 📝 Commits (2) - [`9fa00a1`](https://github.com/advplyr/audiobookshelf/commit/9fa00a1904b2aae7c9f633bcb00e6a15a28d1665) Fix Share media player not using media session API #3768 - [`86809dc`](https://github.com/advplyr/audiobookshelf/commit/86809dcc62bcd422976c06e758edb1924c178c86) Update audio player to pass chapterInfo to media session API ### 📊 Changes **2 files changed** (+108 additions, -8 deletions) <details> <summary>View changed files</summary> 📝 `client/components/app/MediaPlayerContainer.vue` (+15 -7) 📝 `client/pages/share/_slug.vue` (+93 -1) </details> ### 📄 Description ## Brief summary Adds Media Session API to Share audio player to match the regular audio player. Support the `chapterInfo` array for media sessions. ## Which issue is fixed? Fixes #3768 ## In-depth Description I noticed the experimental [ChapterInformation](https://developer.mozilla.org/en-US/docs/Web/API/ChapterInformation) interface that allows for passing in chapters to the media session. I wasn't able to test this since it looks like it is only being used by ChromeOS media notifications based on this article: https://web.dev/articles/media-session ## How have you tested this? Tested this in Brave, Firefox and Edge on Windows. ## Screenshots ![image](https://github.com/user-attachments/assets/783ee304-26cd-4bc7-ac33-003213ba4bc5) --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
adam added the pull-request label 2026-04-25 00:18:13 +02:00
adam closed this issue 2026-04-25 00:18:13 +02:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/audiobookshelf#4074