svelte-video-kit v1.0.0-alpha.5

Svelte Video Kit

This library is a powerful video playback tool that can be customized to perfectly suit modern, elegant, and even older applications.

💡 Requirements

The library Supports NodeJS version 18 or higher.

📲 Installation

yarn add svelte-video-kit
# OR
npm install svelte-video-kit

🌟 Getting Started

Simple usage looks like:

// Step 1: Import the parts of the module you want to use
<script>
  import VideoPlayer from 'svelte-video-player';
  ...
</script>

// Step 2: Create the attributes
<script>
  ...
  const poster = 'https://www.server.com/poster.jpg';
  const source = [
    'https://www.server.com/video.webm',
    'https://www.server.com/video.mp4',
    'https://www.server.com/video.ogv',
  ];
  ...
</script>

// Step 3: Calls the component
  <VideoPlayer {poster} {source} />;

📋 Customizable attributes

📦 Packages

This repo uses pnpm workspaces, which TLDR means if you want to run a commands in each project then you can either cd to that directory and run the command, or use pnpm -r [command].

For example pnpm -r test.

Just

Just-debounce-it / Just-throttle

Part of a library of zero-dependency npm modules that do just do one thing. Guilt-free utilities for every occasion.

screenfull

Simple wrapper for cross-browser usage of the JavaScript Fullscreen API, which lets you bring the page or any element into fullscreen. Smoothens out the browser implementation differences, so you don't have to. screenfull

🤝 Contributing

All contributions are welcome, ranging from people wanting to triage issues, others wanting to write documentation, to people wanting to contribute with code.

Please read and follow our contribution guidelines. Contributions not following these guidelines will be disregarded. The guidelines are in place to make all of our lives easier and make contribution a consistent process for everyone.

📜 What happened to the original svelte-video-player?

Read the team update (October 16th, 2023).

🏻 License

MIT license. Copyright (c) 2023 Ediberto BO
For more information, see the LICENSE file.