uploadcare
diff --git a/‎.gitignore
+27 b/‎.gitignore
+27
diff --git a/‎README.md
+50 b/‎README.md
+50
diff --git a/‎biome.json
+30 b/‎biome.json
+30
diff --git a/‎index.html
+13 b/‎index.html
+13
@@ -0,0 +1,27 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+*.env
+*.env.production
@@ -0,0 +1,50 @@
+<p align="center">
+  <a href="https://uploadcare.com/?ref=react-uploader">
+    <picture>
+      <source media="(prefers-color-scheme: light)" srcset="https://ucarecdn.com/1b4714cd-53be-447b-bbde-e061f1e5a22f/logosafespacetransparent.svg">
+      <source media="(prefers-color-scheme: dark)" srcset="https://ucarecdn.com/3b610a0a-780c-4750-a8b4-3bf4a8c90389/logotransparentinverted.svg">
+      <img width=250 alt="Uploadcare logo" src="https://ucarecdn.com/1b4714cd-53be-447b-bbde-e061f1e5a22f/logosafespacetransparent.svg">
+    </picture>
+  </a>
+</p>
+
+# Uploadcare Video Delivery
+The uc-video solution, powered by Video.js, offers a seamless and high-performance video streaming experience.
+
+## Features
+- **Optimized Streaming Quality:** Dynamically adjusts video quality based on the viewer’s device and internet speed, ensuring the best possible viewing experience.
+- **Cost-Effective Bandwidth Usage:** Reduces data consumption by delivering only the necessary video resolution, saving on bandwidth costs, especially for users with slower connections or smaller screens.
+- **Enhanced User Experience:** Minimizes buffering and delays, providing smooth and uninterrupted playback, even on less reliable networks, leading to higher user engagement and satisfaction.
+- **Broad Device Compatibility:** Automatically adapts to a wide range of devices and network conditions, expanding accessibility and reach.
+- **Seamless Integration:** Easy to use—simply upload your video file, and instantly receive a link for adaptive streaming, enabling quick deployment and management without technical complexities.
+
+## Quick Start
+
+### From NPM
+1. Install the package: `npm install @uploadcare/uc-video`
+
+2. Connect component from your script file
+
+```js
+import '@uploadcare/uc-video';
+import '@uploadcare/uc-video/style'
+```
+
+3. Add component in your application markup:
+```html
+<uc-video src="URL_FROM_UPLOADCARE"></uc-video>
+```
+
+### From CDN
+
+## Attributes
+UC Video is provided all the [options][video-js-options] from video.js and some unique proprietary attributes
+
+- **UUID**: file uuid
+- **src**: cdn url
+- **data-offset**: attribute to get the right frame for the poster
+
+## Framework support
+Uploadcare Video Delivery is built with Web Components, meaning you can integrate it into any environment—no adapters required.
+
+[video-js-options]: https://videojs.com/guides/options/
@@ -0,0 +1,30 @@
+{
+	"$schema": "https://biomejs.dev/schemas/1.9.3/schema.json",
+	"vcs": {
+		"enabled": false,
+		"clientKind": "git",
+		"useIgnoreFile": false
+	},
+	"files": {
+		"ignoreUnknown": false,
+		"ignore": []
+	},
+	"formatter": {
+		"enabled": true,
+		"indentStyle": "space"
+	},
+	"organizeImports": {
+		"enabled": true
+	},
+	"linter": {
+		"enabled": true,
+		"rules": {
+			"recommended": true
+		}
+	},
+	"javascript": {
+		"formatter": {
+			"quoteStyle": "double"
+		}
+	}
+}
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + TS</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>