Improves bar visualizer animations and adds initializing state

livekit / components-js

Official open source React components and examples for building with LiveKit.

https://livekit.io

Apache License 2.0

184 stars 81 forks source link

Improves bar visualizer animations and adds initializing state #987

Closed mattherzog closed 2 months ago

mattherzog commented 2 months ago

['connecting', 2000],
['initializing', 2000],

Updated connecting interval to smooth out animation. These intervals shouldn't really be intervals as they are divided by barCount. What we actually want is to define the overall length of the animation, in this case 2s, and divide that by barCount. This code works, but feels a bit indirect to call it 'intervals' with this update.
Added an entry for 'initializing' as this wasn't supported and produced animation glitching.
Updated the connection sequence as to not repeat first/last when animation repeats.

changeset-bot[bot] commented 2 months ago

🦋 Changeset detected

Latest commit: 5db67ca5c79015cecce21696bb00345c71954811

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 5 packages

| Name | Type | | --------------------------------- | ----- | | @livekit/components-react | Patch | | @livekit/component-example-next | Patch | | @livekit/components-js-docs | Patch | | @livekit/component-docs-storybook | Patch | | @livekit/components-docs-gen | Patch |

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

github-actions[bot] commented 2 months ago

size-limit report 📦

Path	Size
LiveKitRoom only	1.92 KB (0%)
LiveKitRoom with VideoConference	28.86 KB (0%)
All exports	35.72 KB (0%)

mattherzog commented 2 months ago

https://github.com/user-attachments/assets/a9b7ca19-4e95-408c-a080-2a3387cc2966