media-chrome

Custom elements (web components) for making audio and video player controls that look great in your website or app.

MIT License

Downloads
593.8K
Stars
1K
Committers
29

Bot releases are hidden (Show)

media-chrome - Fix bug with undefined observedAttributes

Published by dylanjha over 2 years ago

  • fix: bug that made observedAttributes undefined (#238) b63e1b6

https://github.com/muxinc/media-chrome/compare/v0.6.7...v0.6.8

media-chrome - Small bugfix with chromecast availablility

Published by dylanjha over 2 years ago

  • fix: cast unavailable bug (#235) 4473e70

Note that Chromecast is experimental right now. Look for follow-on releases with updated documentation and usage

https://github.com/muxinc/media-chrome/compare/v0.6.6...v0.6.7

media-chrome - Chrome casting! And various fixes

Published by heff over 2 years ago

  • chore: add playsinline to examples b2e2abe
  • fix: set media-keyboard-control to '' when enabled 6708749
  • fix: don't set controls inactive when tapping on controls 4f2ee7f
  • feat: toggle user-inactive on taps 0d2e223
  • refactor(media-container): simply user-inactive code via helpers for autohide, setActive, setInactive 510ccd2
  • fix: unhide controls on touch & autohide on timer 6c47b58
  • fix(seekable-edges): Convert seekable to numeric values in media-time-range. Handle empty seekable cases better in media-controller. 7fff378
  • docs: correct spelling & grammar in React docs 668f291
  • feat: add cast button and castable video elements (#220) f47f3a9
  • fix: switch to pointermove from mousemove for media preview request (#228) f6b90e9

https://github.com/muxinc/media-chrome/compare/v0.6.5...v0.6.6

media-chrome - Fullscreen, mouseout, and default UI fixes

Published by heff over 2 years ago

  • fix: propagate fullscreen state to potential fullscreen elements (#226) dec09a5
  • fix: mouseout timerange for deeply nest shadowdom (#225) 51c5617
  • fix(default-ui-times): Forcing numeric times for media-time-display and media-time-range when none are available. 8aa5d82

https://github.com/muxinc/media-chrome/compare/v0.6.4...v0.6.5

media-chrome - New "seekable" states, range styling, and fixes

Published by heff over 2 years ago

  • feat(seekable-ranges): Add media-seekable/media.seekable state support. Update media-time-display and media-time-range to handle seekable. 5fe51ce
  • fix: conslidate and simplfy selectors dealing with pointer-events (#222) 575a8f2
  • fix: remove stale thumbnail preview data when no thumbnails are longer visible (#219) f8bbd85
  • Add custom translate CSS var for input range track (#216) 5a9630f

https://github.com/muxinc/media-chrome/compare/v0.6.3...v0.6.4

media-chrome -

Published by heff over 2 years ago

  • Add max/min css vars for the thumb previews (#179) d665af9
  • Introduce gesture handling
  • Fix isFullscreen check for deep shadow nesting (#214) 4a5da97

https://github.com/muxinc/media-chrome/compare/v0.6.2...v0.6.3

media-chrome - Fix for server side rendering

Published by heff over 2 years ago

  • fix(mux-themes-use-polyfills): Make sure we use polyfills for themes. 4227b83

https://github.com/muxinc/media-chrome/compare/v0.6.1...v0.6.2

media-chrome - Media time layout fix and MediaTheme updates

Published by heff over 2 years ago

  • Add an overrideable render function to MediaTheme (#209) cce6b61
  • use non-breaking spaces isntead 9e96dcc
  • fix: make media-time-display not wrap when small c832126
  • Updated readme links to 0.6 77d0b44

https://github.com/muxinc/media-chrome/compare/v0.6.0...v0.6.1

media-chrome - Updated default sizing, +IIFE +CJS, removed (undocumented) API methods

Published by heff over 2 years ago

  • Make MC sizing based on video element size (#205) 7ac54bd
  • Remove unneeded media like API (#200) c374f4d
  • Add support for media swapping in chained slots (#199) 06bb459
  • Change default loading indicator width 100px (#201) 9a6d347
  • Upgrade Wistia video element (#203) 5d5bca5
  • Add IIFE and CJS bundle types to dist folder (#195) 33ced32

https://github.com/muxinc/media-chrome/compare/v0.5.4...v0.6.0

media-chrome - Buffering progress, attribute state change events, and fixes

Published by heff over 2 years ago

  • Hook up media-buffered attribute to progress background (#185) 52ccddc
  • Fix custom element constructor attribute bug (#194) 3cbff95
  • fix(user-inactive-autoplay): Make default user-inactive true to handle programmatic play starts + hiding controls. 8e6ca16
  • fix(user-inactive-poster): treat slotted poster like slotted media for pointer-events for user-inactive behavior. 95d4126
  • fix: use mouseleave instead of mouseout b55da54
  • feat(state-change-events): Add example that updates table based on state change events. 1474d45
  • feat(state-change-events): Add initial infrastructure to dispatch state change events based on ui attrs + user-inactive. 6b2e422

https://github.com/muxinc/media-chrome/compare/v0.5.3...v0.5.4

media-chrome - Poster Image, JW & Wistia examples, src updates, bug fixes, new build script

Published by heff over 2 years ago

  • Adds a JW player video element as example (#178) 009a6d2
  • Adds a Wistia video element as example (#180) 98b0f86
  • bugfix for hovering over an active controller with no poster (#177) 73d0e7c
  • Mmcc/poster (#176) 1284649
  • feat/media-poster-image: Poster image element with an optional placeholder src. (#161) 0b1147d
  • Remove TODO.md (#166) bfd4887
  • Replace snowpack w/ esbuild (#165) b633371
  • Update state when the media source changes 9dda00f

https://github.com/muxinc/media-chrome/compare/v0.5.2...v0.5.3

media-chrome - React wrappers, airplay auto-hiding, better thumb dimensions

Published by heff over 2 years ago

  • improv/thumbnails-different-dims: Update thumbnail and time range to handle different dims for thumbnails instead of hard-coded assumptions. Update mux-video example to demo and cleanup attrs. (#171) e5d52c7
  • Build/react wrapper (#85) cc14b9a
  • feat/availability-states: Add support for availability detection and state management. Update advanced and mobile examples for demo purposes. (#156) f3bce3e

https://github.com/muxinc/media-chrome/compare/v0.5.1...v0.5.2

media-chrome - Has-played attribute and fixes

Published by heff over 2 years ago

  • Move test related in one test folder (#167) 75ff9b6
  • fix: seek back button always used default value for aria label (#164) d053fe9
  • fix/loading-indicator-svg-aria-hidden: aria-hide svg like we do other svgs (aria responsibilities belong to the elements). (#163) 83c3994
  • fix/configurable-seek-aria-labels: Update aria labels appropriately when seek forward/backward button offsets change. (#162) 37a6214
  • add has-played attribute (#160) 8a41912

https://github.com/muxinc/media-chrome/compare/v0.5.0...v0.5.1

media-chrome - Configure seek buttons, default captions on, fixes, docs, etc.

Published by heff over 2 years ago

  • Update readme to 0.5 3be89d2
  • docs(playback-rate-button): add example page for playback rate button (#130) a94a649
  • Fixes for PiP and Fullscreen (#154) e23f582
  • Prevent no-auto-hide overwrites with more selective CSS overwrites (#159) 8431330
  • Rename to --media-range-track-background-color (#152) ff115d7
  • Fixed mute button default state (#153) 4595deb
  • Use css prop background instead background-color (#151) a1fc523
  • Feat/configurable seek (#150) c37d32f
  • Feat/default cc enabled (#148) 18474e8
  • Update readme to point to latest version 4215b5a

https://github.com/muxinc/media-chrome/compare/v0.4.3...v0.5.0

media-chrome - Loading indicator, airplay button, iOS fullscreen, and fixes

Published by heff over 2 years ago

  • Add prettier pkg and yarn script (#131) 29d77bf
  • Merge pull request #143 from luwes/fix-doc 07dfba2
  • Merge pull request #142 from luwes/loading-indicator-fix 5f5ac3b
  • Fix forward btn doc 28fe121
  • Remove stalled event for loading indicator From @heff's comment https://github.com/muxinc/media-chrome/pull/127#discussion_r792955048 3ffb62d
  • Add loading indicator example and docs (#136) 44b7967
  • Merge pull request #133 from cjpillsbury/feat/media-airplay-button 4645396
  • improv/media-airplay-button: renaming and docs cleanup per PR feedback. 8a8a649
  • feat/media-airplay-button: PR feedback changes. 820417a
  • feat/media-airplay-button: Initial implementation of media-airplay-button (sans support & availability checks/styling). 298d449
  • feat/loading-indicator (#127) abc07f6
  • fix(playback-rate-button): update rates attr parsing (#129) e5cbf9d
  • docs(playback-rate-button): correct attribute name to 'rates' (#128) 18e2026
  • Merge pull request #120 from muxinc/ios-fullscreen 30deffc
  • Add the examples link to readme (#111) 6c6d857
  • Add architecture diagrams (#105) 4ab5172
  • Fix ios fullscreen. Fixes #110 Closes #55 6cc4be5
  • fix/update-youtube-media-element-version: Update our youtube example to use the latest version of youtube-video-element. (#114) d1608e0
  • Fix type error in unset callback (#113) 9923617
  • v0.4.2 (#112) c18e216
  • fix/media-time-range-end: make sure media-time-range max aligns to current step precision. (#108) 0fa21c9
  • Ignore sublime project files (#106) f782cde
  • v0.4.1 (#107) 4d24ca9
  • Merge pull request #104 from luwes/docs-tweaks dc636d4
  • Fix docs grammar a98024c
  • Improve readability c829230
  • Add small fixes to docs bd0df68
  • Add np dev dependency (#101) 1c62821
  • Merge pull request #100 from luwes/fix-null-texttracks c5be737
  • Fix .textTracks undefined error afec65a
  • Appease the attribution gods c14de56
  • fix/css-var-syntax: fixing nested vars syntax in media-chrome-range. 1ced863
  • docs/per-element-docs: Add stubs for relevant elements/components. St… (#95) 041be75
  • fix/custom-media-elements-timing: update mediaSetCallback to be entir… (#93) bc27ed3
  • Improv/media chrome dot com (#92) 8149d4a
  • Update to use type:module in package.json cf7f555

https://github.com/muxinc/media-chrome/compare/v0.4.0...v0.4.3

media-chrome - Docs & Fixes

Published by heff almost 3 years ago

  • fix/media-time-range-end: make sure media-time-range max aligns to current step precision. (#108) 0fa21c9
  • Ignore sublime project files (#106) f782cde
  • v0.4.1 (#107) 4d24ca9
  • Merge pull request #104 from luwes/docs-tweaks dc636d4
  • Fix docs grammar a98024c
  • Improve readability c829230
  • Add small fixes to docs bd0df68
  • Add np dev dependency (#101) 1c62821
  • Merge pull request #100 from luwes/fix-null-texttracks c5be737
  • Fix .textTracks undefined error afec65a
  • Appease the attribution gods c14de56
  • fix/css-var-syntax: fixing nested vars syntax in media-chrome-range. 1ced863
  • docs/per-element-docs: Add stubs for relevant elements/components. St… (#95) 041be75
  • fix/custom-media-elements-timing: update mediaSetCallback to be entir… (#93) bc27ed3
  • Improv/media chrome dot com (#92) 8149d4a
  • Update to use type:module in package.json cf7f555

https://github.com/muxinc/media-chrome/compare/v0.4.0...v0.4.2

media-chrome -

Published by luwes almost 3 years ago

  • Merge pull request #104 from luwes/docs-tweaks dc636d4
  • Fix docs grammar a98024c
  • Improve readability c829230
  • Add small fixes to docs bd0df68
  • Add np dev dependency (#101) 1c62821
  • Merge pull request #100 from luwes/fix-null-texttracks c5be737
  • Fix .textTracks undefined error afec65a
  • Appease the attribution gods c14de56
  • fix/css-var-syntax: fixing nested vars syntax in media-chrome-range. 1ced863
  • docs/per-element-docs: Add stubs for relevant elements/components. St… (#95) 041be75
  • fix/custom-media-elements-timing: update mediaSetCallback to be entir… (#93) bc27ed3
  • Improv/media chrome dot com (#92) 8149d4a
  • Update to use type:module in package.json cf7f555

https://github.com/muxinc/media-chrome/compare/v0.4.0...v0.4.1

media-chrome - Major styling/layouts update, better for mobile

Published by heff almost 3 years ago

  • Update package lock 54f7897
  • Improv/styling rework (#74) 7934b6c
  • examples/mux-video: Add mux-video example. (#84) d4a8e37
  • fix/react-rte: do proper existence checking in media element in case it hasn't been slotted yet. (#81) c442a39
  • Chore/testing infrastructure (#78) cb55c32
  • Feat/cc button simple (#76) 09341ab
  • Change "standard" example to "advanced" (#77) 49f7600
  • Introduced a theme element (#42) f6132b6
  • Improv/rearch simplify expand mue association v2 (#62) dea9a68
  • Open /examples page on yarn dev (#70) 2d1c636
  • fix/range-background: Make sure numeric values are removed as attributes if/when NaN (instead of set). (#65) 701e876
  • Fix playback rate API bug/typo (#63) 2f65066
  • Improv/a11y phase 1 (#58) ec4f0e3
  • Merge pull request #51 from cjpillsbury/bugfix/media-control-bar-outside 3ab43d0
  • bugfix/media-control-bar-outside: juggle names so 'most likely used media-controller methods' are the ones named associateElement/unassociateElement. 9337e6d
  • bugfix/media-control-bar-outside: remove no longer used elementUtils module. c11a5d6
  • bugfix: migrate components to support outside assoc w/media-controller (thumbnail preview). 3bd141f
  • bugfix: migrate components to support outside assoc w/media-controller (displays). db50c05
  • bugfix: migrate components to support outside assoc w/media-controller (ranges). ff017f4
  • bugfix: migrate components to support outside assoc w/media-controller (buttons). 52701a2
  • bugfix/media-control-bar-outside: re-add support for media-control-bar that is not a descendant of media-controller. Use element id for consistency with HTML norms. Support runtime association/disassociation. e8132db
  • Improv/a11y plus styling buttons (#48) 3ff5fb0
  • Update architecture notes (#54) 546c121
  • improv/a11y-plus-styling-container: directly apply aria roles and labels to container/controller custom element to make custom styling easier. (#49) d5e5c79
  • Improv/rearch simple components (#44) 7e48adc
  • Improv/dev env snowpack (#45) 6b916db
  • Fixing a codepen example alignment issue dde90be

https://github.com/muxinc/media-chrome/compare/v0.2.2...v0.4.0

media-chrome - Better <audio> support

Published by heff about 3 years ago

  • Basic audio player styling and examples (#39) cd77c4c
  • Fixed example index URLs for the CDN f8b8e88

https://github.com/muxinc/media-chrome/compare/v0.2.1...v0.2.2

media-chrome - Individual elements now published to unpkg plus fixes

Published by heff over 3 years ago

  • Fix files that get published to npm, fix custom element constructor and fix some missing server safe globals (#38) 6707e0f
  • Add an element naming guide (#37) aede52a

https://github.com/muxinc/media-chrome/compare/v0.2.0...v0.2.1

Package Rankings
Top 1.91% on Npmjs.org
Badges
Extracted from project README
NPM Version NPM Downloads jsDelivr hits (npm) npm bundle size slack
Related Projects