An open API service indexing awesome lists of open source software.

https://github.com/imagekit-developer/imagekit-video-player


https://github.com/imagekit-developer/imagekit-video-player

Last synced: about 2 months ago
JSON representation

Awesome Lists containing this project

README

          

ImageKit.io
ImageKit.io Video Player
[![Node CI](https://img.shields.io/badge/Node-CI-blue)](https://github.com/imagekit-developer/imagekit-video-player)
[![npm version](https://img.shields.io/npm/v/@imagekit/video-player.svg)](https://www.npmjs.com/package/@imagekit/video-player)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![Twitter Follow](https://img.shields.io/twitter/follow/imagekitio?style=social)](https://twitter.com/imagekitio)

## Introduction

ImageKit's video player is an advanced video player built on top of [Video.js 8.20.0](https://videojs.org/guides) delivering enhanced features for a seamless, interactive video experience. It's fully integrated with ImageKit's video delivery and transformation solution.

## Key features

- **Video transformations**: Apply ImageKit video transformations at the player level or per-video level.
- **Adaptive bitrate streaming**: Full support for HLS and MPEG-DASH with automatic generation of streaming representations.
- **Subtitles and chapters**: Easy addition of subtitles, captions, and chapter markers for better video navigation.
- **Player enhancements**: Floating player when scrolled out of view, and seek thumbnails on the progress bar.
- **Custom branding**: Add a clickable logo to brand your video player.
- **Playlists and recommendations**: Create playlists with scrollable widgets or show recommended videos when playback ends.
- **Shoppable Video**: Make videos shoppable by displaying product images alongside videos.

## Installation

You can install the SDK in your project using npm or yarn.

```bash
npm install @imagekit/video-player
```

## TypeScript support

The SDK is written in TypeScript, offering first-class TypeScript support. Enjoy excellent type safety and IntelliSense in your IDE. You can use it in your TypeScript projects without any additional configuration.

## Documentation

Refer to the [ImageKit official documentation](https://imagekit.io/docs/video-player/overview) for more details on how to use the SDK.