# @kano/kbc-video

> Injectable video into mini apps

Latest version **2.1.58** (published 2023-02-17) · ISC license · 0 weekly downloads

## Install

```sh
npm install @kano/kbc-video
pnpm add @kano/kbc-video
yarn add @kano/kbc-video
bun add @kano/kbc-video
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.1.58 |
| Published | 2023-02-17 |
| First published | 2020-02-06 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 15 |
| Unpacked size | 78.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Kano Computing |
| Maintainers | petarsimonovic, aetheern, kimonsatan, sophioski, hediho, ellenw3lsh, melissakano, camuskano, jacobmorgan99, alexfiennes, kanocomputing, rpazdera, hicksatkano, holographicleah, tomkano, alexb-kano, jamie_old_plantain |

## Links

- npm: https://www.npmjs.com/package/@kano/kbc-video
- npm.io page: https://npm.io/package/@kano/kbc-video

## Dependencies (15)

- [plyr](https://npm.io/package/plyr.md) ^3.5.10
- [dashjs](https://npm.io/package/dashjs.md) 3.2.1
- [hls.js](https://npm.io/package/hls.js.md) 1.0.0-alpha.5
- [@types/react](https://npm.io/package/@types/react.md) ^16.14.2
- [rehype-react](https://npm.io/package/rehype-react.md) ^4.0.1
- [shaka-player](https://npm.io/package/shaka-player.md) 2.4.0
- [@kano/kbc-intl](https://npm.io/package/@kano/kbc-intl.md) ^2.0.13
- [react-markdown](https://npm.io/package/react-markdown.md) ^4.3.1
- [@kano/kbc-icons](https://npm.io/package/@kano/kbc-icons.md) ^2.2.24
- [@kano/kbc-utils](https://npm.io/package/@kano/kbc-utils.md) ^2.2.4
- [react-draggable](https://npm.io/package/react-draggable.md) 4.2.0
- [@kano/kbc-tokens](https://npm.io/package/@kano/kbc-tokens.md) ^2.0.6
- [@types/react-dom](https://npm.io/package/@types/react-dom.md) ^16.9.10
- [@kano/kbc-telemetry](https://npm.io/package/@kano/kbc-telemetry.md) ^5.0.14
- [@kano/kbc-base-styles](https://npm.io/package/@kano/kbc-base-styles.md) ^2.0.8

## Recent versions

- 2.1.58 (latest) — 2023-02-17
- 2.1.57 — 2023-02-14
- 2.1.56 — 2023-01-30
- 2.1.55 — 2023-01-27
- 2.1.54 — 2023-01-26
- 2.1.53 — 2023-01-10
- 2.1.52 — 2022-12-05
- 2.1.51 — 2021-11-26
- 2.1.50 — 2021-11-26
- 2.1.49 — 2021-11-25
- 2.1.48 — 2021-11-25
- 2.1.47 — 2021-11-08
- 2.1.46 — 2021-10-05
- 2.1.45 — 2021-10-01
- 2.1.44 — 2021-09-30
- … 220 more at https://npm.io/package/@kano/kbc-video/versions

## README

# `kbc-video`

A draggable video, injectable in Kano boilerplate apps.

## Usage

```
import KbcVideo from '@kano/kbc-video';

const Component = (props) => {
    return <KbcVideo vidSrc="url" />
}
```

## Tracking

#### By Component 

| Component (location) | Function                          | Event / Error Name            | Extra Info                                                                                         |
| -------------------- | --------------------------------- | ----------------------------- | -------------------------------------------------------------------------------------------------- |
| KbcVideo             | `startInactiveInterval`           | `video_user_inactive`         | module: `kkc-video`                                                                                |
| KbcVideo             | `setVideoSize`                    | `alter_video_size`            | module: `kkc-video`, action `click`, data: { size: `:videoSize` }                                  |
| KbcVideo             | `videoAction`                     | `video_action`                | module: `kkc-video`, action `click`, data: { type: `:videoAction` }                                |
| KbcVideo             | `setStage`                        | `video_step_changed`          | module: `kkc-video`, action `click`, data: { type: `forward || backwards`, stepIndex: `:number` }  |
| KbcVideo             | `setMinimised`                    | `video_minimise`              | module: `kkc-video`, action `click`, data: { type: `maximise` }                                    |

---
_Source: https://npm.io/package/@kano/kbc-video · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._