Releases: THEOplayer/web-ui
Releases Β· THEOplayer/web-ui
v1.9.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 frequenttimeupdate
events.
- Optimized the
v1.8.1
v1.8.0
v1.7.2
v1.7.1
@theoplayer/web-ui
@theoplayer/react-ui
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.)
- This allows you to pass React components (such as
- π Added utility hooks such as
useCurrentTime()
,usePaused()
anduseVolume()
. (#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 thetv-only
andtv-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.
- Updated
- π 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)