v1.9.0

@theoplayer/web-ui

• 🚀 Added support for THEOplayer 8.0.

@theoplayer/react-ui

• 🚀 Added support for THEOplayer 8.0.

v1.8.2

• 🐛 Fixed blank space below UI when using <theoplayer-default-ui>.
• 💅 Optimized performance of <theoplayer-time-range>. (#70)
  • Optimized the requestAnimationFrame callback used to update the seekbar's progress
    to avoid synchronous re-layouts as much as possible.
  • When playing a long video, the seek bar no longer uses requestAnimationFrame at all to update its progress.
    Instead, it updates using only less frequent timeupdate events.

v1.8.1

@theoplayer/web-ui

• 🐛 Fixed ui.player.destroy() not working. (#59, #62)

@theoplayer/react-ui

• 🐛 Fixed backing THEOplayer not always being destroyed on unmount. (#59, #62)

v1.8.0

@theoplayer/web-ui

• 💥 Breaking Change: This project now requires THEOplayer version 7.0.0 or higher. (#60)
• 🚀 Added <theolive-default-ui> that provides a default UI for THEOlive streams. (#58)

@theoplayer/react-ui

• 💥 Breaking Change: This project now requires THEOplayer version 7.0.0 or higher. (#60)
• 🚀 Added <THEOliveDefaultUI> that provides a default UI for THEOlive streams. (#58)

v1.7.2

@theoplayer/web-ui

• 🚀 Added <theoplayer-slot-container>. (#55)

@theoplayer/react-ui

• 🐛 Fixed topChrome, middleChrome and centeredChrome slots not auto-hiding in <UIContainer>. (#55)
• 🐛 Fixed no-auto-hide attribute not working for React components. (#55)
• 🚀 Added <SlotContainer>. (#55)

v1.7.1

@theoplayer/web-ui

• 💅 Export version in public API. (#53)
• 💅 Allow importing @theoplayer/web-ui/package.json. (#53)

@theoplayer/react-ui

• 🐛 Fix "Warning: useLayoutEffect does nothing on the server" when using @theoplayer/react-ui in Node. (#52)
• 💅 Export version in public API. (#53)
• 💅 Allow importing @theoplayer/react-ui/package.json. (#53)

v1.7.0

@theoplayer/web-ui

• 🚀 Added support for loading in Node for static site generation (SSG) or server-side rendering (SSR). (#50)
  • ⚠️ Although the Node entry point exports all custom element classes as usual, attempting to actually construct those classes will result in errors. Most dependencies are either replaced with stubs (using @lit-labs/ssr-dom-shim) or removed altogether (such as THEOplayer itself).
  • This should always be used together with an SSG or SSR solution. For example, you can use Open Video UI for React together with React server rendering.
• 🐛 Fixed an issue where <theoplayer-ui> could throw an error when the player changes sources before all custom elements are properly registered. (#49)

@theoplayer/react-ui

• 🚀 Added support for loading in Node for static site generation (SSG) or server-side rendering (SSR). (#50)
  • This allows you to pass React components (such as <DefaultUI>, <UIContainer> or <PlayButton>) to the Server React DOM APIs, or to use them with a framework that supports SSG or SSR (such as Next.js, Remix or Gatsby).
  • ⚠️ The rendered HTML must still be hydrated on the client to load the Open Video UI properly. (Usually, this handled automatically by your React framework.)
• 🚀 Added utility hooks such as useCurrentTime(), usePaused() and useVolume(). (#51)
  • See the API documentation for more information.

v1.6.0

@theoplayer/web-ui

• 🚀 Introducing Open Video UI for React. (#48)
  • Idiomatic React components make the Open Video UI feel right at home in your existing React web app.
• 🚀 Added support for advertisements while casting to Chromecast. This requires THEOplayer version 6.8.0 or higher. (#47)
• 🚀 Added theoplayerready event to <theoplayer-default-ui> and <theoplayer-ui>, which is fired once the backing THEOplayer instance is created. (#48).

@theoplayer/react-ui

• 🚀 Initial release

v1.5.0

• 🚀 Added support for smart TVs. (#40)
  • Updated <theoplayer-default-ui> to automatically switch to an optimized layout when running on a smart TV.
    For custom UIs using <theoplayer-ui>, you can use the tv-only and tv-hidden attributes to show or hide specific UI elements on smart TVs.
  • Added support for navigating the UI using a TV remote control.
  • Added a tv-focus attribute to specify which UI element should receive the initial focus when showing the controls on a TV.
    In the default UI, initial focus is on the seek bar.
• 🚀 Allow overriding more CSS properties of <theoplayer-default-ui>. (#42)
• 💅 Renamed project to "THEOplayer Open Video UI for Web". (#43)

v1.4.0

• 💥 Breaking Change: This project now requires THEOplayer version 6.0.0 or higher.
• 🚀 THEOplayer Web UI now imports THEOplayer as a JavaScript module using import from 'theoplayer/chromeless'.
  See the README for updated installation instructions.
• 🐛 When the player's source is empty, the UI will no longer attempt to play when clicked. (#37)