Viostream Player SDKs
We're pleased to announce the release of the Viostream Player SDKs -- a suite of open-source packages that make it easy to embed, control, and listen to events from the Viostream Player in your web applications. SDKs are available for React, Vue, Svelte, Angular, and vanilla JavaScript, so you can integrate the player using your preferred framework.
Available SDKs
| Framework | Package | Version |
|---|---|---|
| Vue | @viostream/viostream-player-vue |  |
| React | @viostream/viostream-player-react |  |
| Svelte | @viostream/viostream-player-svelte |  |
| Angular | @viostream/viostream-player-angular |  |
| Vanilla JS | @viostream/viostream-player-core |  |
All framework SDKs are built on top of
@viostream/viostream-player-core, which handles script loading, player
lifecycle management, and provides full TypeScript type definitions.
What's Included
Declarative Player Component
Each framework SDK provides a native component (or directive, for Angular) that renders the Viostream Player with a simple, declarative API. Pass your video's public key and any configuration props, and the SDK handles the rest -- loading the player script, mounting the player, and cleaning up when the component is removed.
Full Player Control
The SDKs expose the underlying player instance, giving you programmatic access to control playback, seek, adjust volume, and more. This is ideal for building custom interfaces or coordinating the player with other elements on the page.
Event Handling
Listen to player events such as play, pause, time updates, and completion using the idiomatic patterns of your framework -- callback props in React, emits in Vue, event bindings in Svelte, and outputs in Angular.
TypeScript Support
All packages ship with full TypeScript type definitions out of the box. You get autocompletion and type checking for every prop, event, and player method without installing additional type packages.
Framework Compatibility
| SDK | Supported Versions |
|---|---|
| React | React 18 and 19 |
| Vue | Vue 3.3+ |
| Svelte | Svelte 5 |
| Angular | Angular 17+ |
| Vanilla JS (Core) | Any modern browser environment |
Getting Started
Install the SDK for your framework via npm:
# React
npm install @viostream/viostream-player-react
# Vue
npm install @viostream/viostream-player-vue
# Svelte
npm install @viostream/viostream-player-svelte
# Angular
npm install @viostream/viostream-player-angular
# Vanilla JS
npm install @viostream/viostream-player-core
Each package's README on NPM includes full documentation and usage examples for your framework. You can also refer to our Player SDK documentation for an overview.
Open Source
All Viostream Player SDKs are released under the MIT licence and published on NPM. Contributions and feedback are welcome.