Releases: THEOplayer/web-ui
Releases Β· THEOplayer/web-ui
v1.9.3
v1.9.2
v1.9.1
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.