@barabel324/react-player 0.0.4 → 0.0.5
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 +30 -30
- package/package.json +49 -45
package/README.md
CHANGED
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
# React Player
|
|
2
|
-
|
|
3
|
-
`React Player` — компонент для воспроизведения видео.
|
|
4
|
-
Он анализирует переданную ссылку и автоматически выбирает подходящий плеер.
|
|
5
|
-
Если ссылка не поддерживается, используется стандартный HTML-тег `<video>`.
|
|
6
|
-
|
|
7
|
-
## Поддерживаемые плееры
|
|
8
|
-
- **YouTube** — ссылка берётся через кнопку «Поделиться»;
|
|
9
|
-
- **RuTube** — ссылка берётся из атрибута `src` тега `<iframe>`, доступного в коде вставки при выборе «Поделиться»;
|
|
10
|
-
- **VK** — используется прямая ссылка на видео.
|
|
11
|
-
|
|
12
|
-
## Превью
|
|
13
|
-
Можно указать изображение-превью, которое будет отображаться до загрузки плеера.
|
|
14
|
-
|
|
15
|
-
## Стили
|
|
16
|
-
Импорт из /dist/react-player.css
|
|
17
|
-
|
|
18
|
-
## Пропсы
|
|
19
|
-
- preview - ссылка на изображение, необязательно
|
|
20
|
-
- url - ссылка на видео, обязательный
|
|
21
|
-
|
|
22
|
-
```ts
|
|
23
|
-
type TPlayer = {
|
|
24
|
-
preview?: {
|
|
25
|
-
src: string;
|
|
26
|
-
alt: string;
|
|
27
|
-
};
|
|
28
|
-
url: string;
|
|
29
|
-
}
|
|
30
|
-
```
|
|
1
|
+
# React Player
|
|
2
|
+
|
|
3
|
+
`React Player` — компонент для воспроизведения видео.
|
|
4
|
+
Он анализирует переданную ссылку и автоматически выбирает подходящий плеер.
|
|
5
|
+
Если ссылка не поддерживается, используется стандартный HTML-тег `<video>`.
|
|
6
|
+
|
|
7
|
+
## Поддерживаемые плееры
|
|
8
|
+
- **YouTube** — ссылка берётся через кнопку «Поделиться»;
|
|
9
|
+
- **RuTube** — ссылка берётся из атрибута `src` тега `<iframe>`, доступного в коде вставки при выборе «Поделиться»;
|
|
10
|
+
- **VK** — используется прямая ссылка на видео.
|
|
11
|
+
|
|
12
|
+
## Превью
|
|
13
|
+
Можно указать изображение-превью, которое будет отображаться до загрузки плеера.
|
|
14
|
+
|
|
15
|
+
## Стили
|
|
16
|
+
Импорт из /dist/react-player.css
|
|
17
|
+
|
|
18
|
+
## Пропсы
|
|
19
|
+
- preview - ссылка на изображение, необязательно
|
|
20
|
+
- url - ссылка на видео, обязательный
|
|
21
|
+
|
|
22
|
+
```ts
|
|
23
|
+
type TPlayer = {
|
|
24
|
+
preview?: {
|
|
25
|
+
src: string;
|
|
26
|
+
alt: string;
|
|
27
|
+
};
|
|
28
|
+
url: string;
|
|
29
|
+
}
|
|
30
|
+
```
|
package/package.json
CHANGED
|
@@ -1,45 +1,49 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@barabel324/react-player",
|
|
3
|
-
"version": "0.0.
|
|
4
|
-
"type": "module",
|
|
5
|
-
"main": "./dist/react-player.js",
|
|
6
|
-
"types": "./dist/react-player.d.ts",
|
|
7
|
-
"exports": {
|
|
8
|
-
".": {
|
|
9
|
-
"import": "./dist/react-player.js"
|
|
10
|
-
}
|
|
11
|
-
},
|
|
12
|
-
"files": [
|
|
13
|
-
"dist"
|
|
14
|
-
],
|
|
15
|
-
"
|
|
16
|
-
"
|
|
17
|
-
"
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
"
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
"
|
|
24
|
-
"
|
|
25
|
-
},
|
|
26
|
-
"
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
"@
|
|
32
|
-
"@
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"react-
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
|
|
45
|
-
|
|
1
|
+
{
|
|
2
|
+
"name": "@barabel324/react-player",
|
|
3
|
+
"version": "0.0.5",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"main": "./dist/react-player.js",
|
|
6
|
+
"types": "./dist/react-player.d.ts",
|
|
7
|
+
"exports": {
|
|
8
|
+
".": {
|
|
9
|
+
"import": "./dist/react-player.js"
|
|
10
|
+
}
|
|
11
|
+
},
|
|
12
|
+
"files": [
|
|
13
|
+
"dist"
|
|
14
|
+
],
|
|
15
|
+
"repository": {
|
|
16
|
+
"type": "git",
|
|
17
|
+
"url": "git+https://github.com/barabel/idmrpl.git"
|
|
18
|
+
},
|
|
19
|
+
"scripts": {
|
|
20
|
+
"dev": "vite",
|
|
21
|
+
"build": "tsc -b && vite build",
|
|
22
|
+
"lint": "eslint .",
|
|
23
|
+
"preview": "vite preview",
|
|
24
|
+
"prepublishOnly": "npm run build"
|
|
25
|
+
},
|
|
26
|
+
"peerDependencies": {
|
|
27
|
+
"react": "^19.1.1",
|
|
28
|
+
"react-dom": "^19.1.1"
|
|
29
|
+
},
|
|
30
|
+
"devDependencies": {
|
|
31
|
+
"@eslint/js": "^9.33.0",
|
|
32
|
+
"@microsoft/api-extractor": "^7.52.11",
|
|
33
|
+
"@types/node": "^24.2.1",
|
|
34
|
+
"@types/react": "^19.1.10",
|
|
35
|
+
"@types/react-dom": "^19.1.7",
|
|
36
|
+
"@vitejs/plugin-react": "^5.0.0",
|
|
37
|
+
"eslint": "^9.33.0",
|
|
38
|
+
"eslint-plugin-react-hooks": "^5.2.0",
|
|
39
|
+
"eslint-plugin-react-refresh": "^0.4.20",
|
|
40
|
+
"globals": "^16.3.0",
|
|
41
|
+
"react": "^19.1.1",
|
|
42
|
+
"react-dom": "^19.1.1",
|
|
43
|
+
"sass-embedded": "^1.90.0",
|
|
44
|
+
"typescript": "~5.8.3",
|
|
45
|
+
"typescript-eslint": "^8.39.1",
|
|
46
|
+
"unplugin-dts": "^1.0.0-beta.6",
|
|
47
|
+
"vite": "^7.1.2"
|
|
48
|
+
}
|
|
49
|
+
}
|