Proper system-wide picture-in-picture support (currently only works in Firefox and not fully)
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 2.2k
- Forks
- 586
- Avg merge
- 18h 27m
- Merged PRs (30d)
- 333
Description
How to use GitHub
- Please use the 👍 reaction to show that you are interested into the same feature.
- Please don't comment if you have no relevant information to add. It's just extra noise for everyone subscribed to this issue.
- Subscribe to receive notifications on status change and new comments.
Feature request
Which Nextcloud Version are you currently using: Current cloud.nc
Is your feature request related to a problem? Please describe.
Google Meet for example offers a really nice picture-in-picture mode. (Since they have the luxury of owning Chrome as well, it even works automatically when navigating away from Meet as the current tab.)
- This particular mode only works in Webkit-based browsers, but Firefox already has its own custom picture-in-picture version we support – with some small issues: https://github.com/nextcloud/spreed/issues/4862 & https://github.com/nextcloud/spreed/issues/4674
Describe the solution you'd like
It would be nice if we use the Picture-in-Picture API as well, so supported browsers (Webkit based like Chrome, Edge, Safari, Opera, etc.) would have a nice picture-in-picture as well.
https://developer.mozilla.org/en-US/docs/Web/API/Picture-in-Picture_API
It could simply be an entry in an action menu to start it off, and that entry would only be there if the API can be used. (If possible in Firefox as well, clicking on that button could start picture-in-picture on the promoted video element?)
Additional context
This is how Google Meet handles it: https://support.google.com/meet/answer/13665919?hl=en
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reading the Picture-in-Picture API documentation and locating the call action menu and promoted video element in the Talk interface. Add an available action for supported browsers, then verify that it starts Picture-in-Picture and that the action is absent when the API cannot be used, including Firefox behavior where applicable.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- audio-video-rtc, frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100