https://github.com/muxinc/media-group

👯‍♀️ mediagroup / MediaController which can be used to sync and control multiple audio / video elements
https://github.com/muxinc/media-group

audio htmlmediaelement media media-chrome mediagroup sync video

Last synced: 11 days ago
JSON representation

👯‍♀️ mediagroup / MediaController which can be used to sync and control multiple audio / video elements

• Host: GitHub
• URL: https://github.com/muxinc/media-group
• Owner: muxinc
• Created: 2022-07-26T12:28:42.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-05T17:12:00.000Z (4 months ago)
• Last Synced: 2024-10-05T22:46:39.753Z (about 2 months ago)
• Topics: audio, htmlmediaelement, media, media-chrome, mediagroup, sync, video
• Language: TypeScript
• Homepage: https://media-group-mux.vercel.app/examples/
• Size: 209 KB
• Stars: 11
• Watchers: 9
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

README

        
# media-group

Resurrection of the [mediagroup attribute](https://html.spec.whatwg.org/commit-snapshots/a4c46fc65e8ba138baeadf0bd1c2055b7bb43863/#attr-media-mediagroup) and [MediaController API](https://html.spec.whatwg.org/commit-snapshots/a4c46fc65e8ba138baeadf0bd1c2055b7bb43863/#synchronising-multiple-media-elements) (but renamed) which can be used to sync and control multiple audio / video elements.

⚠️ This library is designed as a polyfill but note that `MediaController` is renamed to `MediaGroupController` and the `mediagroup` attribute is renamed to just `group` to avoid any issues with Safari where the original API is still implemented (while not working properly).

## Example ([CodeSandbox](https://codesandbox.io/s/media-group-4p9v81))

```html

```

## Related

- [Media Chrome](https://github.com/muxinc/media-chrome) Your media player's dancing suit. 🕺

- [``](https://github.com/muxinc/elements/tree/main/packages/mux-video) A Mux-flavored HTML5 video element w/ hls.js and Mux data builtin.

- [``](https://github.com/muxinc/elements/tree/main/packages/mux-player) The official Mux-flavored video player web component.

- [``](https://github.com/muxinc/media-elements/tree/main/packages/youtube-video-element) A web component for the YouTube player.

- [``](https://github.com/muxinc/media-elements/tree/main/packages/vimeo-video-element) A web component for the Vimeo player.

- [``](https://github.com/muxinc/media-elements/tree/main/packages/videojs-video-element) A web component for Video.js.

- [``](https://github.com/muxinc/media-elements/tree/main/packages/wistia-video-element) A web component for the Wistia player.

- [``](https://github.com/muxinc/media-elements/tree/main/packages/jwplayer-video-element) A web component for the JW player.

- [``](https://github.com/muxinc/media-elements/tree/main/packages/hls-video-element) A web component for playing HTTP Live Streaming (HLS) videos.

- [`castable-video`](https://github.com/muxinc/media-elements/tree/main/packages/castable-video) Cast your video element to the big screen with ease!