@glitchlab/react-video-player 0.1.0 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -20
- package/package.json +26 -2
package/README.md
CHANGED
|
@@ -20,9 +20,7 @@ UI — built with Tailwind CSS.
|
|
|
20
20
|
## Installation
|
|
21
21
|
|
|
22
22
|
```bash
|
|
23
|
-
npm install react-video-player
|
|
24
|
-
# or
|
|
25
|
-
yarn add react-video-player
|
|
23
|
+
npm install @glitchlab/react-video-player
|
|
26
24
|
```
|
|
27
25
|
|
|
28
26
|
> **Peer dependencies:** `react`, `react-dom`, `hls.js`, `clsx`, `tailwindcss`
|
|
@@ -32,7 +30,8 @@ yarn add react-video-player
|
|
|
32
30
|
## Usage
|
|
33
31
|
|
|
34
32
|
```tsx
|
|
35
|
-
import {ReactVideoPlayer} from "react-video-player";
|
|
33
|
+
import {ReactVideoPlayer} from "@glitchlab/react-video-player";
|
|
34
|
+
import "@glitchlab/react-video-player/style.css";
|
|
36
35
|
|
|
37
36
|
export default function App() {
|
|
38
37
|
return (
|
|
@@ -121,22 +120,6 @@ also force HLS mode with the `isHls` prop if the URL doesn't end in `.m3u8`.
|
|
|
121
120
|
|
|
122
121
|
---
|
|
123
122
|
|
|
124
|
-
## Architecture
|
|
125
|
-
|
|
126
|
-
```
|
|
127
|
-
src/
|
|
128
|
-
├── index.ts # Package entry — exports ReactVideoPlayer
|
|
129
|
-
├── types/
|
|
130
|
-
│ └── index.ts # TypeScript types and interfaces
|
|
131
|
-
├── VideoPlayerWrapper.tsx # Main component with UI, state, and overlays
|
|
132
|
-
├── HLSPlayer.tsx # Low-level video element with HLS.js integration
|
|
133
|
-
├── utils/
|
|
134
|
-
│ └── icons.tsx # SVG icon components (Play, Close, Desktop, Mobile)
|
|
135
|
-
└── styles.css # Tailwind CSS entry
|
|
136
|
-
```
|
|
137
|
-
|
|
138
|
-
---
|
|
139
|
-
|
|
140
123
|
## License
|
|
141
124
|
|
|
142
125
|
MIT
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@glitchlab/react-video-player",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2",
|
|
4
4
|
"description": "React video player with HLS support (hls.js) compatible with Next.js and TypeScript",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -60,5 +60,29 @@
|
|
|
60
60
|
"repository": {
|
|
61
61
|
"type": "git",
|
|
62
62
|
"url": "https://github.com/im-fahad/react-video-player"
|
|
63
|
-
}
|
|
63
|
+
},
|
|
64
|
+
"keywords": [
|
|
65
|
+
"react",
|
|
66
|
+
"video",
|
|
67
|
+
"player",
|
|
68
|
+
"hls",
|
|
69
|
+
"hls.js",
|
|
70
|
+
"streaming",
|
|
71
|
+
"m3u8",
|
|
72
|
+
"video-player",
|
|
73
|
+
"react-player",
|
|
74
|
+
"nextjs",
|
|
75
|
+
"typescript",
|
|
76
|
+
"tailwindcss",
|
|
77
|
+
"responsive",
|
|
78
|
+
"mobile",
|
|
79
|
+
"desktop",
|
|
80
|
+
"adaptive",
|
|
81
|
+
"overlay",
|
|
82
|
+
"hover-play",
|
|
83
|
+
"device-toggle",
|
|
84
|
+
"react-video-player",
|
|
85
|
+
"next-video-player",
|
|
86
|
+
"hls-video-player"
|
|
87
|
+
]
|
|
64
88
|
}
|