@frameset/plex-player 1.0.6 → 2.0.1
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/LICENSE +1 -1
- package/README.md +310 -505
- package/dist/index.d.ts +438 -0
- package/dist/index.esm.js +2 -0
- package/dist/index.esm.js.map +1 -0
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -0
- package/dist/styles.css +1 -0
- package/package.json +67 -104
- package/dist/plex-player.cjs.js +0 -1027
- package/dist/plex-player.cjs.js.map +0 -1
- package/dist/plex-player.css +0 -1651
- package/dist/plex-player.css.map +0 -1
- package/dist/plex-player.d.ts +0 -457
- package/dist/plex-player.esm.js +0 -1021
- package/dist/plex-player.esm.js.map +0 -1
- package/dist/plex-player.js +0 -1033
- package/dist/plex-player.js.map +0 -1
- package/dist/plex-player.min.js +0 -9
- package/dist/plex-player.min.js.map +0 -1
- package/dist/react/index.esm.js +0 -257
- package/dist/react/index.esm.js.map +0 -1
- package/dist/react/index.js +0 -265
- package/dist/react/index.js.map +0 -1
- package/dist/styles.tmp.js +0 -1
- package/dist/vue/index.esm.js +0 -283
- package/dist/vue/index.esm.js.map +0 -1
- package/dist/vue/index.js +0 -291
- package/dist/vue/index.js.map +0 -1
- package/src/core/index.js +0 -1082
- package/src/core/player-core.js +0 -225
- package/src/react/index.jsx +0 -277
- package/src/styles.js +0 -8
- package/src/types/index.d.ts +0 -457
- package/src/vue/index.js +0 -304
package/dist/react/index.esm.js
DELETED
|
@@ -1,257 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* @frameset/plex-player v1.0.6
|
|
3
|
-
* Professional video player with VAST ads, Chromecast, PiP, subtitles, playlists and more. Built by FRAMESET Studio.
|
|
4
|
-
* (c) 2026 FRAMESET Studio
|
|
5
|
-
* Released under the MIT License
|
|
6
|
-
* https://frameset.dev/plex-player
|
|
7
|
-
*/
|
|
8
|
-
import { useContext, forwardRef, useRef, useState, useEffect, useImperativeHandle, createContext } from 'react';
|
|
9
|
-
import PlexPlayer from '../plex-player.esm.js';
|
|
10
|
-
export { default as PlexPlayer } from '../plex-player.esm.js';
|
|
11
|
-
import { jsx } from 'react/jsx-runtime';
|
|
12
|
-
|
|
13
|
-
/**
|
|
14
|
-
* @frameset/plex-player - React Component
|
|
15
|
-
* Professional Video Player by FRAMESET Studio
|
|
16
|
-
* https://frameset.dev
|
|
17
|
-
*/
|
|
18
|
-
|
|
19
|
-
const PlexPlayerContext = /*#__PURE__*/createContext(null);
|
|
20
|
-
|
|
21
|
-
/**
|
|
22
|
-
* Hook to access player instance from child components
|
|
23
|
-
*/
|
|
24
|
-
const usePlexPlayer = () => {
|
|
25
|
-
const player = useContext(PlexPlayerContext);
|
|
26
|
-
return player;
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
/**
|
|
30
|
-
* PlexPlayer React Component
|
|
31
|
-
*/
|
|
32
|
-
const PlexPlayerReact = /*#__PURE__*/forwardRef(function PlexPlayerReact(props, ref) {
|
|
33
|
-
const {
|
|
34
|
-
src,
|
|
35
|
-
playlist,
|
|
36
|
-
className = '',
|
|
37
|
-
style = {},
|
|
38
|
-
autoplay = false,
|
|
39
|
-
muted = false,
|
|
40
|
-
loop = false,
|
|
41
|
-
volume = 1,
|
|
42
|
-
poster,
|
|
43
|
-
preload = 'metadata',
|
|
44
|
-
keyboard = true,
|
|
45
|
-
touch = true,
|
|
46
|
-
pip = true,
|
|
47
|
-
cast = true,
|
|
48
|
-
fullscreen = true,
|
|
49
|
-
controlsHideDelay = 3000,
|
|
50
|
-
theme,
|
|
51
|
-
subtitles,
|
|
52
|
-
ads,
|
|
53
|
-
i18n,
|
|
54
|
-
// Event callbacks
|
|
55
|
-
onPlay,
|
|
56
|
-
onPause,
|
|
57
|
-
onEnded,
|
|
58
|
-
onTimeUpdate,
|
|
59
|
-
onProgress,
|
|
60
|
-
onVolumeChange,
|
|
61
|
-
onFullscreenChange,
|
|
62
|
-
onError,
|
|
63
|
-
onReady,
|
|
64
|
-
// Children for custom overlays
|
|
65
|
-
children,
|
|
66
|
-
...restProps
|
|
67
|
-
} = props;
|
|
68
|
-
const containerRef = useRef(null);
|
|
69
|
-
const playerRef = useRef(null);
|
|
70
|
-
const [isReady, setIsReady] = useState(false);
|
|
71
|
-
|
|
72
|
-
// Initialize player
|
|
73
|
-
useEffect(() => {
|
|
74
|
-
if (!containerRef.current) return;
|
|
75
|
-
|
|
76
|
-
// Create player instance
|
|
77
|
-
const player = new PlexPlayer({
|
|
78
|
-
container: containerRef.current,
|
|
79
|
-
autoplay,
|
|
80
|
-
muted,
|
|
81
|
-
loop,
|
|
82
|
-
volume,
|
|
83
|
-
poster,
|
|
84
|
-
preload,
|
|
85
|
-
keyboard,
|
|
86
|
-
touch,
|
|
87
|
-
pip,
|
|
88
|
-
cast,
|
|
89
|
-
fullscreen,
|
|
90
|
-
controlsHideDelay,
|
|
91
|
-
theme,
|
|
92
|
-
subtitles,
|
|
93
|
-
ads,
|
|
94
|
-
i18n
|
|
95
|
-
});
|
|
96
|
-
playerRef.current = player;
|
|
97
|
-
|
|
98
|
-
// Bind events
|
|
99
|
-
if (onPlay) player.on('play', onPlay);
|
|
100
|
-
if (onPause) player.on('pause', onPause);
|
|
101
|
-
if (onEnded) player.on('ended', onEnded);
|
|
102
|
-
if (onTimeUpdate) {
|
|
103
|
-
player.on('timeupdate', data => onTimeUpdate(data.currentTime));
|
|
104
|
-
}
|
|
105
|
-
if (onProgress) {
|
|
106
|
-
player.on('progress', data => onProgress(data.buffered));
|
|
107
|
-
}
|
|
108
|
-
if (onVolumeChange) {
|
|
109
|
-
player.on('volumechange', data => onVolumeChange(data.volume, data.muted));
|
|
110
|
-
}
|
|
111
|
-
if (onFullscreenChange) {
|
|
112
|
-
player.on('fullscreenchange', data => onFullscreenChange(data.isFullscreen));
|
|
113
|
-
}
|
|
114
|
-
if (onError) {
|
|
115
|
-
player.on('error', onError);
|
|
116
|
-
}
|
|
117
|
-
setIsReady(true);
|
|
118
|
-
if (onReady) {
|
|
119
|
-
onReady(player);
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
// Cleanup
|
|
123
|
-
return () => {
|
|
124
|
-
player.destroy();
|
|
125
|
-
playerRef.current = null;
|
|
126
|
-
};
|
|
127
|
-
}, []);
|
|
128
|
-
|
|
129
|
-
// Load source when src changes
|
|
130
|
-
useEffect(() => {
|
|
131
|
-
if (!playerRef.current || !isReady) return;
|
|
132
|
-
if (src) {
|
|
133
|
-
playerRef.current.load(src);
|
|
134
|
-
}
|
|
135
|
-
}, [src, isReady]);
|
|
136
|
-
|
|
137
|
-
// Load playlist when playlist changes
|
|
138
|
-
useEffect(() => {
|
|
139
|
-
if (!playerRef.current || !isReady || !playlist) return;
|
|
140
|
-
playerRef.current.loadPlaylist(playlist);
|
|
141
|
-
}, [playlist, isReady]);
|
|
142
|
-
|
|
143
|
-
// Update volume
|
|
144
|
-
useEffect(() => {
|
|
145
|
-
if (playerRef.current && isReady) {
|
|
146
|
-
playerRef.current.setVolume(volume);
|
|
147
|
-
}
|
|
148
|
-
}, [volume, isReady]);
|
|
149
|
-
|
|
150
|
-
// Update muted
|
|
151
|
-
useEffect(() => {
|
|
152
|
-
if (playerRef.current && isReady) {
|
|
153
|
-
if (muted) {
|
|
154
|
-
playerRef.current.mute();
|
|
155
|
-
} else {
|
|
156
|
-
playerRef.current.unmute();
|
|
157
|
-
}
|
|
158
|
-
}
|
|
159
|
-
}, [muted, isReady]);
|
|
160
|
-
|
|
161
|
-
// Expose player methods via ref
|
|
162
|
-
useImperativeHandle(ref, () => ({
|
|
163
|
-
play: () => playerRef.current?.play(),
|
|
164
|
-
pause: () => playerRef.current?.pause(),
|
|
165
|
-
togglePlay: () => playerRef.current?.togglePlay(),
|
|
166
|
-
seek: time => playerRef.current?.seek(time),
|
|
167
|
-
seekPercent: percent => playerRef.current?.seekPercent(percent),
|
|
168
|
-
setVolume: vol => playerRef.current?.setVolume(vol),
|
|
169
|
-
getVolume: () => playerRef.current?.getVolume(),
|
|
170
|
-
mute: () => playerRef.current?.mute(),
|
|
171
|
-
unmute: () => playerRef.current?.unmute(),
|
|
172
|
-
toggleMute: () => playerRef.current?.toggleMute(),
|
|
173
|
-
isMuted: () => playerRef.current?.isMuted(),
|
|
174
|
-
setPlaybackRate: rate => playerRef.current?.setPlaybackRate(rate),
|
|
175
|
-
enterFullscreen: () => playerRef.current?.enterFullscreen(),
|
|
176
|
-
exitFullscreen: () => playerRef.current?.exitFullscreen(),
|
|
177
|
-
toggleFullscreen: () => playerRef.current?.toggleFullscreen(),
|
|
178
|
-
enterPiP: () => playerRef.current?.enterPiP(),
|
|
179
|
-
exitPiP: () => playerRef.current?.exitPiP(),
|
|
180
|
-
togglePiP: () => playerRef.current?.togglePiP(),
|
|
181
|
-
cast: () => playerRef.current?.cast(),
|
|
182
|
-
getState: () => playerRef.current?.getState(),
|
|
183
|
-
getPlayer: () => playerRef.current,
|
|
184
|
-
next: () => playerRef.current?.next(),
|
|
185
|
-
previous: () => playerRef.current?.previous(),
|
|
186
|
-
playAt: index => playerRef.current?.playAt(index)
|
|
187
|
-
}));
|
|
188
|
-
return /*#__PURE__*/jsx(PlexPlayerContext.Provider, {
|
|
189
|
-
value: playerRef.current,
|
|
190
|
-
children: /*#__PURE__*/jsx("div", {
|
|
191
|
-
ref: containerRef,
|
|
192
|
-
className: `plex-player-container ${className}`,
|
|
193
|
-
style: {
|
|
194
|
-
width: '100%',
|
|
195
|
-
aspectRatio: '16 / 9',
|
|
196
|
-
position: 'relative',
|
|
197
|
-
...style
|
|
198
|
-
},
|
|
199
|
-
...restProps,
|
|
200
|
-
children: children
|
|
201
|
-
})
|
|
202
|
-
});
|
|
203
|
-
});
|
|
204
|
-
|
|
205
|
-
// Additional hooks for convenience
|
|
206
|
-
const usePlexPlayerState = () => {
|
|
207
|
-
const player = usePlexPlayer();
|
|
208
|
-
const [state, setState] = useState(null);
|
|
209
|
-
useEffect(() => {
|
|
210
|
-
if (!player) return;
|
|
211
|
-
const updateState = () => {
|
|
212
|
-
setState(player.getState());
|
|
213
|
-
};
|
|
214
|
-
|
|
215
|
-
// Update on every timeupdate
|
|
216
|
-
player.on('timeupdate', updateState);
|
|
217
|
-
player.on('play', updateState);
|
|
218
|
-
player.on('pause', updateState);
|
|
219
|
-
player.on('volumechange', updateState);
|
|
220
|
-
player.on('fullscreenchange', updateState);
|
|
221
|
-
|
|
222
|
-
// Initial state
|
|
223
|
-
updateState();
|
|
224
|
-
return () => {
|
|
225
|
-
player.off('timeupdate', updateState);
|
|
226
|
-
player.off('play', updateState);
|
|
227
|
-
player.off('pause', updateState);
|
|
228
|
-
player.off('volumechange', updateState);
|
|
229
|
-
player.off('fullscreenchange', updateState);
|
|
230
|
-
};
|
|
231
|
-
}, [player]);
|
|
232
|
-
return state;
|
|
233
|
-
};
|
|
234
|
-
const usePlexPlayerTime = () => {
|
|
235
|
-
const player = usePlexPlayer();
|
|
236
|
-
const [time, setTime] = useState({
|
|
237
|
-
current: 0,
|
|
238
|
-
duration: 0
|
|
239
|
-
});
|
|
240
|
-
useEffect(() => {
|
|
241
|
-
if (!player) return;
|
|
242
|
-
const updateTime = data => {
|
|
243
|
-
setTime({
|
|
244
|
-
current: data.currentTime,
|
|
245
|
-
duration: data.duration
|
|
246
|
-
});
|
|
247
|
-
};
|
|
248
|
-
player.on('timeupdate', updateTime);
|
|
249
|
-
return () => {
|
|
250
|
-
player.off('timeupdate', updateTime);
|
|
251
|
-
};
|
|
252
|
-
}, [player]);
|
|
253
|
-
return time;
|
|
254
|
-
};
|
|
255
|
-
|
|
256
|
-
export { PlexPlayerReact, PlexPlayerReact as default, usePlexPlayer, usePlexPlayerState, usePlexPlayerTime };
|
|
257
|
-
//# sourceMappingURL=index.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","sources":["../../src/react/index.jsx"],"sourcesContent":["/**\r\n * @frameset/plex-player - React Component\r\n * Professional Video Player by FRAMESET Studio\r\n * https://frameset.dev\r\n */\r\n\r\nimport React, {\r\n useEffect,\r\n useRef,\r\n useImperativeHandle,\r\n forwardRef,\r\n useState,\r\n useCallback,\r\n createContext,\r\n useContext,\r\n} from 'react';\r\n\r\n// Import core player\r\nimport PlexPlayer from '../core/index.js';\r\n\r\n// Context for nested components\r\nconst PlexPlayerContext = createContext(null);\r\n\r\n/**\r\n * Hook to access player instance from child components\r\n */\r\nexport const usePlexPlayer = () => {\r\n const player = useContext(PlexPlayerContext);\r\n return player;\r\n};\r\n\r\n/**\r\n * PlexPlayer React Component\r\n */\r\nexport const PlexPlayerReact = forwardRef(function PlexPlayerReact(props, ref) {\r\n const {\r\n src,\r\n playlist,\r\n className = '',\r\n style = {},\r\n autoplay = false,\r\n muted = false,\r\n loop = false,\r\n volume = 1,\r\n poster,\r\n preload = 'metadata',\r\n keyboard = true,\r\n touch = true,\r\n pip = true,\r\n cast = true,\r\n fullscreen = true,\r\n controlsHideDelay = 3000,\r\n theme,\r\n subtitles,\r\n ads,\r\n i18n,\r\n // Event callbacks\r\n onPlay,\r\n onPause,\r\n onEnded,\r\n onTimeUpdate,\r\n onProgress,\r\n onVolumeChange,\r\n onFullscreenChange,\r\n onError,\r\n onReady,\r\n // Children for custom overlays\r\n children,\r\n ...restProps\r\n } = props;\r\n\r\n const containerRef = useRef(null);\r\n const playerRef = useRef(null);\r\n const [isReady, setIsReady] = useState(false);\r\n\r\n // Initialize player\r\n useEffect(() => {\r\n if (!containerRef.current) return;\r\n\r\n // Create player instance\r\n const player = new PlexPlayer({\r\n container: containerRef.current,\r\n autoplay,\r\n muted,\r\n loop,\r\n volume,\r\n poster,\r\n preload,\r\n keyboard,\r\n touch,\r\n pip,\r\n cast,\r\n fullscreen,\r\n controlsHideDelay,\r\n theme,\r\n subtitles,\r\n ads,\r\n i18n,\r\n });\r\n\r\n playerRef.current = player;\r\n\r\n // Bind events\r\n if (onPlay) player.on('play', onPlay);\r\n if (onPause) player.on('pause', onPause);\r\n if (onEnded) player.on('ended', onEnded);\r\n if (onTimeUpdate) {\r\n player.on('timeupdate', (data) => onTimeUpdate(data.currentTime));\r\n }\r\n if (onProgress) {\r\n player.on('progress', (data) => onProgress(data.buffered));\r\n }\r\n if (onVolumeChange) {\r\n player.on('volumechange', (data) => onVolumeChange(data.volume, data.muted));\r\n }\r\n if (onFullscreenChange) {\r\n player.on('fullscreenchange', (data) => onFullscreenChange(data.isFullscreen));\r\n }\r\n if (onError) {\r\n player.on('error', onError);\r\n }\r\n\r\n setIsReady(true);\r\n\r\n if (onReady) {\r\n onReady(player);\r\n }\r\n\r\n // Cleanup\r\n return () => {\r\n player.destroy();\r\n playerRef.current = null;\r\n };\r\n }, []);\r\n\r\n // Load source when src changes\r\n useEffect(() => {\r\n if (!playerRef.current || !isReady) return;\r\n\r\n if (src) {\r\n playerRef.current.load(src);\r\n }\r\n }, [src, isReady]);\r\n\r\n // Load playlist when playlist changes\r\n useEffect(() => {\r\n if (!playerRef.current || !isReady || !playlist) return;\r\n\r\n playerRef.current.loadPlaylist(playlist);\r\n }, [playlist, isReady]);\r\n\r\n // Update volume\r\n useEffect(() => {\r\n if (playerRef.current && isReady) {\r\n playerRef.current.setVolume(volume);\r\n }\r\n }, [volume, isReady]);\r\n\r\n // Update muted\r\n useEffect(() => {\r\n if (playerRef.current && isReady) {\r\n if (muted) {\r\n playerRef.current.mute();\r\n } else {\r\n playerRef.current.unmute();\r\n }\r\n }\r\n }, [muted, isReady]);\r\n\r\n // Expose player methods via ref\r\n useImperativeHandle(ref, () => ({\r\n play: () => playerRef.current?.play(),\r\n pause: () => playerRef.current?.pause(),\r\n togglePlay: () => playerRef.current?.togglePlay(),\r\n seek: (time) => playerRef.current?.seek(time),\r\n seekPercent: (percent) => playerRef.current?.seekPercent(percent),\r\n setVolume: (vol) => playerRef.current?.setVolume(vol),\r\n getVolume: () => playerRef.current?.getVolume(),\r\n mute: () => playerRef.current?.mute(),\r\n unmute: () => playerRef.current?.unmute(),\r\n toggleMute: () => playerRef.current?.toggleMute(),\r\n isMuted: () => playerRef.current?.isMuted(),\r\n setPlaybackRate: (rate) => playerRef.current?.setPlaybackRate(rate),\r\n enterFullscreen: () => playerRef.current?.enterFullscreen(),\r\n exitFullscreen: () => playerRef.current?.exitFullscreen(),\r\n toggleFullscreen: () => playerRef.current?.toggleFullscreen(),\r\n enterPiP: () => playerRef.current?.enterPiP(),\r\n exitPiP: () => playerRef.current?.exitPiP(),\r\n togglePiP: () => playerRef.current?.togglePiP(),\r\n cast: () => playerRef.current?.cast(),\r\n getState: () => playerRef.current?.getState(),\r\n getPlayer: () => playerRef.current,\r\n next: () => playerRef.current?.next(),\r\n previous: () => playerRef.current?.previous(),\r\n playAt: (index) => playerRef.current?.playAt(index),\r\n }));\r\n\r\n return (\r\n <PlexPlayerContext.Provider value={playerRef.current}>\r\n <div\r\n ref={containerRef}\r\n className={`plex-player-container ${className}`}\r\n style={{\r\n width: '100%',\r\n aspectRatio: '16 / 9',\r\n position: 'relative',\r\n ...style,\r\n }}\r\n {...restProps}\r\n >\r\n {children}\r\n </div>\r\n </PlexPlayerContext.Provider>\r\n );\r\n});\r\n\r\n// Additional hooks for convenience\r\nexport const usePlexPlayerState = () => {\r\n const player = usePlexPlayer();\r\n const [state, setState] = useState(null);\r\n\r\n useEffect(() => {\r\n if (!player) return;\r\n\r\n const updateState = () => {\r\n setState(player.getState());\r\n };\r\n\r\n // Update on every timeupdate\r\n player.on('timeupdate', updateState);\r\n player.on('play', updateState);\r\n player.on('pause', updateState);\r\n player.on('volumechange', updateState);\r\n player.on('fullscreenchange', updateState);\r\n\r\n // Initial state\r\n updateState();\r\n\r\n return () => {\r\n player.off('timeupdate', updateState);\r\n player.off('play', updateState);\r\n player.off('pause', updateState);\r\n player.off('volumechange', updateState);\r\n player.off('fullscreenchange', updateState);\r\n };\r\n }, [player]);\r\n\r\n return state;\r\n};\r\n\r\nexport const usePlexPlayerTime = () => {\r\n const player = usePlexPlayer();\r\n const [time, setTime] = useState({ current: 0, duration: 0 });\r\n\r\n useEffect(() => {\r\n if (!player) return;\r\n\r\n const updateTime = (data) => {\r\n setTime({\r\n current: data.currentTime,\r\n duration: data.duration,\r\n });\r\n };\r\n\r\n player.on('timeupdate', updateTime);\r\n\r\n return () => {\r\n player.off('timeupdate', updateTime);\r\n };\r\n }, [player]);\r\n\r\n return time;\r\n};\r\n\r\n// Named exports\r\nexport { PlexPlayer };\r\nexport default PlexPlayerReact;\r\n"],"names":["PlexPlayerContext","createContext","usePlexPlayer","player","useContext","PlexPlayerReact","forwardRef","props","ref","src","playlist","className","style","autoplay","muted","loop","volume","poster","preload","keyboard","touch","pip","cast","fullscreen","controlsHideDelay","theme","subtitles","ads","i18n","onPlay","onPause","onEnded","onTimeUpdate","onProgress","onVolumeChange","onFullscreenChange","onError","onReady","children","restProps","containerRef","useRef","playerRef","isReady","setIsReady","useState","useEffect","current","PlexPlayer","container","on","data","currentTime","buffered","isFullscreen","destroy","load","loadPlaylist","setVolume","mute","unmute","useImperativeHandle","play","pause","togglePlay","seek","time","seekPercent","percent","vol","getVolume","toggleMute","isMuted","setPlaybackRate","rate","enterFullscreen","exitFullscreen","toggleFullscreen","enterPiP","exitPiP","togglePiP","getState","getPlayer","next","previous","playAt","index","_jsx","Provider","value","width","aspectRatio","position","usePlexPlayerState","state","setState","updateState","off","usePlexPlayerTime","setTime","duration","updateTime"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;;AAiBA,MAAMA,iBAAiB,gBAAGC,aAAa,CAAC,IAAI,CAAC;;AAE7C;AACA;AACA;AACO,MAAMC,aAAa,GAAGA,MAAM;AACjC,EAAA,MAAMC,MAAM,GAAGC,UAAU,CAACJ,iBAAiB,CAAC;AAC5C,EAAA,OAAOG,MAAM;AACf;;AAEA;AACA;AACA;AACO,MAAME,eAAe,gBAAGC,UAAU,CAAC,SAASD,eAAeA,CAACE,KAAK,EAAEC,GAAG,EAAE;EAC7E,MAAM;IACJC,GAAG;IACHC,QAAQ;AACRC,IAAAA,SAAS,GAAG,EAAE;IACdC,KAAK,GAAG,EAAE;AACVC,IAAAA,QAAQ,GAAG,KAAK;AAChBC,IAAAA,KAAK,GAAG,KAAK;AACbC,IAAAA,IAAI,GAAG,KAAK;AACZC,IAAAA,MAAM,GAAG,CAAC;IACVC,MAAM;AACNC,IAAAA,OAAO,GAAG,UAAU;AACpBC,IAAAA,QAAQ,GAAG,IAAI;AACfC,IAAAA,KAAK,GAAG,IAAI;AACZC,IAAAA,GAAG,GAAG,IAAI;AACVC,IAAAA,IAAI,GAAG,IAAI;AACXC,IAAAA,UAAU,GAAG,IAAI;AACjBC,IAAAA,iBAAiB,GAAG,IAAI;IACxBC,KAAK;IACLC,SAAS;IACTC,GAAG;IACHC,IAAI;AACJ;IACAC,MAAM;IACNC,OAAO;IACPC,OAAO;IACPC,YAAY;IACZC,UAAU;IACVC,cAAc;IACdC,kBAAkB;IAClBC,OAAO;IACPC,OAAO;AACP;IACAC,QAAQ;IACR,GAAGC;AACL,GAAC,GAAGhC,KAAK;AAET,EAAA,MAAMiC,YAAY,GAAGC,MAAM,CAAC,IAAI,CAAC;AACjC,EAAA,MAAMC,SAAS,GAAGD,MAAM,CAAC,IAAI,CAAC;EAC9B,MAAM,CAACE,OAAO,EAAEC,UAAU,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC;;AAE7C;AACAC,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAI,CAACN,YAAY,CAACO,OAAO,EAAE;;AAE3B;AACA,IAAA,MAAM5C,MAAM,GAAG,IAAI6C,UAAU,CAAC;MAC5BC,SAAS,EAAET,YAAY,CAACO,OAAO;MAC/BlC,QAAQ;MACRC,KAAK;MACLC,IAAI;MACJC,MAAM;MACNC,MAAM;MACNC,OAAO;MACPC,QAAQ;MACRC,KAAK;MACLC,GAAG;MACHC,IAAI;MACJC,UAAU;MACVC,iBAAiB;MACjBC,KAAK;MACLC,SAAS;MACTC,GAAG;AACHC,MAAAA;AACF,KAAC,CAAC;IAEFc,SAAS,CAACK,OAAO,GAAG5C,MAAM;;AAE1B;IACA,IAAI0B,MAAM,EAAE1B,MAAM,CAAC+C,EAAE,CAAC,MAAM,EAAErB,MAAM,CAAC;IACrC,IAAIC,OAAO,EAAE3B,MAAM,CAAC+C,EAAE,CAAC,OAAO,EAAEpB,OAAO,CAAC;IACxC,IAAIC,OAAO,EAAE5B,MAAM,CAAC+C,EAAE,CAAC,OAAO,EAAEnB,OAAO,CAAC;AACxC,IAAA,IAAIC,YAAY,EAAE;AAChB7B,MAAAA,MAAM,CAAC+C,EAAE,CAAC,YAAY,EAAGC,IAAI,IAAKnB,YAAY,CAACmB,IAAI,CAACC,WAAW,CAAC,CAAC;AACnE,IAAA;AACA,IAAA,IAAInB,UAAU,EAAE;AACd9B,MAAAA,MAAM,CAAC+C,EAAE,CAAC,UAAU,EAAGC,IAAI,IAAKlB,UAAU,CAACkB,IAAI,CAACE,QAAQ,CAAC,CAAC;AAC5D,IAAA;AACA,IAAA,IAAInB,cAAc,EAAE;AAClB/B,MAAAA,MAAM,CAAC+C,EAAE,CAAC,cAAc,EAAGC,IAAI,IAAKjB,cAAc,CAACiB,IAAI,CAACnC,MAAM,EAAEmC,IAAI,CAACrC,KAAK,CAAC,CAAC;AAC9E,IAAA;AACA,IAAA,IAAIqB,kBAAkB,EAAE;AACtBhC,MAAAA,MAAM,CAAC+C,EAAE,CAAC,kBAAkB,EAAGC,IAAI,IAAKhB,kBAAkB,CAACgB,IAAI,CAACG,YAAY,CAAC,CAAC;AAChF,IAAA;AACA,IAAA,IAAIlB,OAAO,EAAE;AACXjC,MAAAA,MAAM,CAAC+C,EAAE,CAAC,OAAO,EAAEd,OAAO,CAAC;AAC7B,IAAA;IAEAQ,UAAU,CAAC,IAAI,CAAC;AAEhB,IAAA,IAAIP,OAAO,EAAE;MACXA,OAAO,CAAClC,MAAM,CAAC;AACjB,IAAA;;AAEA;AACA,IAAA,OAAO,MAAM;MACXA,MAAM,CAACoD,OAAO,EAAE;MAChBb,SAAS,CAACK,OAAO,GAAG,IAAI;IAC1B,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;;AAEN;AACAD,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAI,CAACJ,SAAS,CAACK,OAAO,IAAI,CAACJ,OAAO,EAAE;AAEpC,IAAA,IAAIlC,GAAG,EAAE;AACPiC,MAAAA,SAAS,CAACK,OAAO,CAACS,IAAI,CAAC/C,GAAG,CAAC;AAC7B,IAAA;AACF,EAAA,CAAC,EAAE,CAACA,GAAG,EAAEkC,OAAO,CAAC,CAAC;;AAElB;AACAG,EAAAA,SAAS,CAAC,MAAM;IACd,IAAI,CAACJ,SAAS,CAACK,OAAO,IAAI,CAACJ,OAAO,IAAI,CAACjC,QAAQ,EAAE;AAEjDgC,IAAAA,SAAS,CAACK,OAAO,CAACU,YAAY,CAAC/C,QAAQ,CAAC;AAC1C,EAAA,CAAC,EAAE,CAACA,QAAQ,EAAEiC,OAAO,CAAC,CAAC;;AAEvB;AACAG,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIJ,SAAS,CAACK,OAAO,IAAIJ,OAAO,EAAE;AAChCD,MAAAA,SAAS,CAACK,OAAO,CAACW,SAAS,CAAC1C,MAAM,CAAC;AACrC,IAAA;AACF,EAAA,CAAC,EAAE,CAACA,MAAM,EAAE2B,OAAO,CAAC,CAAC;;AAErB;AACAG,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIJ,SAAS,CAACK,OAAO,IAAIJ,OAAO,EAAE;AAChC,MAAA,IAAI7B,KAAK,EAAE;AACT4B,QAAAA,SAAS,CAACK,OAAO,CAACY,IAAI,EAAE;AAC1B,MAAA,CAAC,MAAM;AACLjB,QAAAA,SAAS,CAACK,OAAO,CAACa,MAAM,EAAE;AAC5B,MAAA;AACF,IAAA;AACF,EAAA,CAAC,EAAE,CAAC9C,KAAK,EAAE6B,OAAO,CAAC,CAAC;;AAEpB;EACAkB,mBAAmB,CAACrD,GAAG,EAAE,OAAO;IAC9BsD,IAAI,EAAEA,MAAMpB,SAAS,CAACK,OAAO,EAAEe,IAAI,EAAE;IACrCC,KAAK,EAAEA,MAAMrB,SAAS,CAACK,OAAO,EAAEgB,KAAK,EAAE;IACvCC,UAAU,EAAEA,MAAMtB,SAAS,CAACK,OAAO,EAAEiB,UAAU,EAAE;IACjDC,IAAI,EAAGC,IAAI,IAAKxB,SAAS,CAACK,OAAO,EAAEkB,IAAI,CAACC,IAAI,CAAC;IAC7CC,WAAW,EAAGC,OAAO,IAAK1B,SAAS,CAACK,OAAO,EAAEoB,WAAW,CAACC,OAAO,CAAC;IACjEV,SAAS,EAAGW,GAAG,IAAK3B,SAAS,CAACK,OAAO,EAAEW,SAAS,CAACW,GAAG,CAAC;IACrDC,SAAS,EAAEA,MAAM5B,SAAS,CAACK,OAAO,EAAEuB,SAAS,EAAE;IAC/CX,IAAI,EAAEA,MAAMjB,SAAS,CAACK,OAAO,EAAEY,IAAI,EAAE;IACrCC,MAAM,EAAEA,MAAMlB,SAAS,CAACK,OAAO,EAAEa,MAAM,EAAE;IACzCW,UAAU,EAAEA,MAAM7B,SAAS,CAACK,OAAO,EAAEwB,UAAU,EAAE;IACjDC,OAAO,EAAEA,MAAM9B,SAAS,CAACK,OAAO,EAAEyB,OAAO,EAAE;IAC3CC,eAAe,EAAGC,IAAI,IAAKhC,SAAS,CAACK,OAAO,EAAE0B,eAAe,CAACC,IAAI,CAAC;IACnEC,eAAe,EAAEA,MAAMjC,SAAS,CAACK,OAAO,EAAE4B,eAAe,EAAE;IAC3DC,cAAc,EAAEA,MAAMlC,SAAS,CAACK,OAAO,EAAE6B,cAAc,EAAE;IACzDC,gBAAgB,EAAEA,MAAMnC,SAAS,CAACK,OAAO,EAAE8B,gBAAgB,EAAE;IAC7DC,QAAQ,EAAEA,MAAMpC,SAAS,CAACK,OAAO,EAAE+B,QAAQ,EAAE;IAC7CC,OAAO,EAAEA,MAAMrC,SAAS,CAACK,OAAO,EAAEgC,OAAO,EAAE;IAC3CC,SAAS,EAAEA,MAAMtC,SAAS,CAACK,OAAO,EAAEiC,SAAS,EAAE;IAC/C1D,IAAI,EAAEA,MAAMoB,SAAS,CAACK,OAAO,EAAEzB,IAAI,EAAE;IACrC2D,QAAQ,EAAEA,MAAMvC,SAAS,CAACK,OAAO,EAAEkC,QAAQ,EAAE;AAC7CC,IAAAA,SAAS,EAAEA,MAAMxC,SAAS,CAACK,OAAO;IAClCoC,IAAI,EAAEA,MAAMzC,SAAS,CAACK,OAAO,EAAEoC,IAAI,EAAE;IACrCC,QAAQ,EAAEA,MAAM1C,SAAS,CAACK,OAAO,EAAEqC,QAAQ,EAAE;IAC7CC,MAAM,EAAGC,KAAK,IAAK5C,SAAS,CAACK,OAAO,EAAEsC,MAAM,CAACC,KAAK;AACpD,GAAC,CAAC,CAAC;AAEH,EAAA,oBACEC,GAAA,CAACvF,iBAAiB,CAACwF,QAAQ,EAAA;IAACC,KAAK,EAAE/C,SAAS,CAACK,OAAQ;AAAAT,IAAAA,QAAA,eACnDiD,GAAA,CAAA,KAAA,EAAA;AACE/E,MAAAA,GAAG,EAAEgC,YAAa;MAClB7B,SAAS,EAAE,CAAA,sBAAA,EAAyBA,SAAS,CAAA,CAAG;AAChDC,MAAAA,KAAK,EAAE;AACL8E,QAAAA,KAAK,EAAE,MAAM;AACbC,QAAAA,WAAW,EAAE,QAAQ;AACrBC,QAAAA,QAAQ,EAAE,UAAU;QACpB,GAAGhF;OACH;AAAA,MAAA,GACE2B,SAAS;AAAAD,MAAAA,QAAA,EAEZA;KACE;AAAC,GACoB,CAAC;AAEjC,CAAC;;AAED;AACO,MAAMuD,kBAAkB,GAAGA,MAAM;AACtC,EAAA,MAAM1F,MAAM,GAAGD,aAAa,EAAE;EAC9B,MAAM,CAAC4F,KAAK,EAAEC,QAAQ,CAAC,GAAGlD,QAAQ,CAAC,IAAI,CAAC;AAExCC,EAAAA,SAAS,CAAC,MAAM;IACd,IAAI,CAAC3C,MAAM,EAAE;IAEb,MAAM6F,WAAW,GAAGA,MAAM;AACxBD,MAAAA,QAAQ,CAAC5F,MAAM,CAAC8E,QAAQ,EAAE,CAAC;IAC7B,CAAC;;AAED;AACA9E,IAAAA,MAAM,CAAC+C,EAAE,CAAC,YAAY,EAAE8C,WAAW,CAAC;AACpC7F,IAAAA,MAAM,CAAC+C,EAAE,CAAC,MAAM,EAAE8C,WAAW,CAAC;AAC9B7F,IAAAA,MAAM,CAAC+C,EAAE,CAAC,OAAO,EAAE8C,WAAW,CAAC;AAC/B7F,IAAAA,MAAM,CAAC+C,EAAE,CAAC,cAAc,EAAE8C,WAAW,CAAC;AACtC7F,IAAAA,MAAM,CAAC+C,EAAE,CAAC,kBAAkB,EAAE8C,WAAW,CAAC;;AAE1C;AACAA,IAAAA,WAAW,EAAE;AAEb,IAAA,OAAO,MAAM;AACX7F,MAAAA,MAAM,CAAC8F,GAAG,CAAC,YAAY,EAAED,WAAW,CAAC;AACrC7F,MAAAA,MAAM,CAAC8F,GAAG,CAAC,MAAM,EAAED,WAAW,CAAC;AAC/B7F,MAAAA,MAAM,CAAC8F,GAAG,CAAC,OAAO,EAAED,WAAW,CAAC;AAChC7F,MAAAA,MAAM,CAAC8F,GAAG,CAAC,cAAc,EAAED,WAAW,CAAC;AACvC7F,MAAAA,MAAM,CAAC8F,GAAG,CAAC,kBAAkB,EAAED,WAAW,CAAC;IAC7C,CAAC;AACH,EAAA,CAAC,EAAE,CAAC7F,MAAM,CAAC,CAAC;AAEZ,EAAA,OAAO2F,KAAK;AACd;AAEO,MAAMI,iBAAiB,GAAGA,MAAM;AACrC,EAAA,MAAM/F,MAAM,GAAGD,aAAa,EAAE;AAC9B,EAAA,MAAM,CAACgE,IAAI,EAAEiC,OAAO,CAAC,GAAGtD,QAAQ,CAAC;AAAEE,IAAAA,OAAO,EAAE,CAAC;AAAEqD,IAAAA,QAAQ,EAAE;AAAE,GAAC,CAAC;AAE7DtD,EAAAA,SAAS,CAAC,MAAM;IACd,IAAI,CAAC3C,MAAM,EAAE;IAEb,MAAMkG,UAAU,GAAIlD,IAAI,IAAK;AAC3BgD,MAAAA,OAAO,CAAC;QACNpD,OAAO,EAAEI,IAAI,CAACC,WAAW;QACzBgD,QAAQ,EAAEjD,IAAI,CAACiD;AACjB,OAAC,CAAC;IACJ,CAAC;AAEDjG,IAAAA,MAAM,CAAC+C,EAAE,CAAC,YAAY,EAAEmD,UAAU,CAAC;AAEnC,IAAA,OAAO,MAAM;AACXlG,MAAAA,MAAM,CAAC8F,GAAG,CAAC,YAAY,EAAEI,UAAU,CAAC;IACtC,CAAC;AACH,EAAA,CAAC,EAAE,CAAClG,MAAM,CAAC,CAAC;AAEZ,EAAA,OAAO+D,IAAI;AACb;;;;"}
|
package/dist/react/index.js
DELETED
|
@@ -1,265 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* @frameset/plex-player v1.0.6
|
|
3
|
-
* Professional video player with VAST ads, Chromecast, PiP, subtitles, playlists and more. Built by FRAMESET Studio.
|
|
4
|
-
* (c) 2026 FRAMESET Studio
|
|
5
|
-
* Released under the MIT License
|
|
6
|
-
* https://frameset.dev/plex-player
|
|
7
|
-
*/
|
|
8
|
-
'use strict';
|
|
9
|
-
|
|
10
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
|
-
|
|
12
|
-
var react = require('react');
|
|
13
|
-
var PlexPlayer = require('../plex-player.cjs.js');
|
|
14
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
15
|
-
|
|
16
|
-
/**
|
|
17
|
-
* @frameset/plex-player - React Component
|
|
18
|
-
* Professional Video Player by FRAMESET Studio
|
|
19
|
-
* https://frameset.dev
|
|
20
|
-
*/
|
|
21
|
-
|
|
22
|
-
const PlexPlayerContext = /*#__PURE__*/react.createContext(null);
|
|
23
|
-
|
|
24
|
-
/**
|
|
25
|
-
* Hook to access player instance from child components
|
|
26
|
-
*/
|
|
27
|
-
const usePlexPlayer = () => {
|
|
28
|
-
const player = react.useContext(PlexPlayerContext);
|
|
29
|
-
return player;
|
|
30
|
-
};
|
|
31
|
-
|
|
32
|
-
/**
|
|
33
|
-
* PlexPlayer React Component
|
|
34
|
-
*/
|
|
35
|
-
const PlexPlayerReact = /*#__PURE__*/react.forwardRef(function PlexPlayerReact(props, ref) {
|
|
36
|
-
const {
|
|
37
|
-
src,
|
|
38
|
-
playlist,
|
|
39
|
-
className = '',
|
|
40
|
-
style = {},
|
|
41
|
-
autoplay = false,
|
|
42
|
-
muted = false,
|
|
43
|
-
loop = false,
|
|
44
|
-
volume = 1,
|
|
45
|
-
poster,
|
|
46
|
-
preload = 'metadata',
|
|
47
|
-
keyboard = true,
|
|
48
|
-
touch = true,
|
|
49
|
-
pip = true,
|
|
50
|
-
cast = true,
|
|
51
|
-
fullscreen = true,
|
|
52
|
-
controlsHideDelay = 3000,
|
|
53
|
-
theme,
|
|
54
|
-
subtitles,
|
|
55
|
-
ads,
|
|
56
|
-
i18n,
|
|
57
|
-
// Event callbacks
|
|
58
|
-
onPlay,
|
|
59
|
-
onPause,
|
|
60
|
-
onEnded,
|
|
61
|
-
onTimeUpdate,
|
|
62
|
-
onProgress,
|
|
63
|
-
onVolumeChange,
|
|
64
|
-
onFullscreenChange,
|
|
65
|
-
onError,
|
|
66
|
-
onReady,
|
|
67
|
-
// Children for custom overlays
|
|
68
|
-
children,
|
|
69
|
-
...restProps
|
|
70
|
-
} = props;
|
|
71
|
-
const containerRef = react.useRef(null);
|
|
72
|
-
const playerRef = react.useRef(null);
|
|
73
|
-
const [isReady, setIsReady] = react.useState(false);
|
|
74
|
-
|
|
75
|
-
// Initialize player
|
|
76
|
-
react.useEffect(() => {
|
|
77
|
-
if (!containerRef.current) return;
|
|
78
|
-
|
|
79
|
-
// Create player instance
|
|
80
|
-
const player = new PlexPlayer({
|
|
81
|
-
container: containerRef.current,
|
|
82
|
-
autoplay,
|
|
83
|
-
muted,
|
|
84
|
-
loop,
|
|
85
|
-
volume,
|
|
86
|
-
poster,
|
|
87
|
-
preload,
|
|
88
|
-
keyboard,
|
|
89
|
-
touch,
|
|
90
|
-
pip,
|
|
91
|
-
cast,
|
|
92
|
-
fullscreen,
|
|
93
|
-
controlsHideDelay,
|
|
94
|
-
theme,
|
|
95
|
-
subtitles,
|
|
96
|
-
ads,
|
|
97
|
-
i18n
|
|
98
|
-
});
|
|
99
|
-
playerRef.current = player;
|
|
100
|
-
|
|
101
|
-
// Bind events
|
|
102
|
-
if (onPlay) player.on('play', onPlay);
|
|
103
|
-
if (onPause) player.on('pause', onPause);
|
|
104
|
-
if (onEnded) player.on('ended', onEnded);
|
|
105
|
-
if (onTimeUpdate) {
|
|
106
|
-
player.on('timeupdate', data => onTimeUpdate(data.currentTime));
|
|
107
|
-
}
|
|
108
|
-
if (onProgress) {
|
|
109
|
-
player.on('progress', data => onProgress(data.buffered));
|
|
110
|
-
}
|
|
111
|
-
if (onVolumeChange) {
|
|
112
|
-
player.on('volumechange', data => onVolumeChange(data.volume, data.muted));
|
|
113
|
-
}
|
|
114
|
-
if (onFullscreenChange) {
|
|
115
|
-
player.on('fullscreenchange', data => onFullscreenChange(data.isFullscreen));
|
|
116
|
-
}
|
|
117
|
-
if (onError) {
|
|
118
|
-
player.on('error', onError);
|
|
119
|
-
}
|
|
120
|
-
setIsReady(true);
|
|
121
|
-
if (onReady) {
|
|
122
|
-
onReady(player);
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
// Cleanup
|
|
126
|
-
return () => {
|
|
127
|
-
player.destroy();
|
|
128
|
-
playerRef.current = null;
|
|
129
|
-
};
|
|
130
|
-
}, []);
|
|
131
|
-
|
|
132
|
-
// Load source when src changes
|
|
133
|
-
react.useEffect(() => {
|
|
134
|
-
if (!playerRef.current || !isReady) return;
|
|
135
|
-
if (src) {
|
|
136
|
-
playerRef.current.load(src);
|
|
137
|
-
}
|
|
138
|
-
}, [src, isReady]);
|
|
139
|
-
|
|
140
|
-
// Load playlist when playlist changes
|
|
141
|
-
react.useEffect(() => {
|
|
142
|
-
if (!playerRef.current || !isReady || !playlist) return;
|
|
143
|
-
playerRef.current.loadPlaylist(playlist);
|
|
144
|
-
}, [playlist, isReady]);
|
|
145
|
-
|
|
146
|
-
// Update volume
|
|
147
|
-
react.useEffect(() => {
|
|
148
|
-
if (playerRef.current && isReady) {
|
|
149
|
-
playerRef.current.setVolume(volume);
|
|
150
|
-
}
|
|
151
|
-
}, [volume, isReady]);
|
|
152
|
-
|
|
153
|
-
// Update muted
|
|
154
|
-
react.useEffect(() => {
|
|
155
|
-
if (playerRef.current && isReady) {
|
|
156
|
-
if (muted) {
|
|
157
|
-
playerRef.current.mute();
|
|
158
|
-
} else {
|
|
159
|
-
playerRef.current.unmute();
|
|
160
|
-
}
|
|
161
|
-
}
|
|
162
|
-
}, [muted, isReady]);
|
|
163
|
-
|
|
164
|
-
// Expose player methods via ref
|
|
165
|
-
react.useImperativeHandle(ref, () => ({
|
|
166
|
-
play: () => playerRef.current?.play(),
|
|
167
|
-
pause: () => playerRef.current?.pause(),
|
|
168
|
-
togglePlay: () => playerRef.current?.togglePlay(),
|
|
169
|
-
seek: time => playerRef.current?.seek(time),
|
|
170
|
-
seekPercent: percent => playerRef.current?.seekPercent(percent),
|
|
171
|
-
setVolume: vol => playerRef.current?.setVolume(vol),
|
|
172
|
-
getVolume: () => playerRef.current?.getVolume(),
|
|
173
|
-
mute: () => playerRef.current?.mute(),
|
|
174
|
-
unmute: () => playerRef.current?.unmute(),
|
|
175
|
-
toggleMute: () => playerRef.current?.toggleMute(),
|
|
176
|
-
isMuted: () => playerRef.current?.isMuted(),
|
|
177
|
-
setPlaybackRate: rate => playerRef.current?.setPlaybackRate(rate),
|
|
178
|
-
enterFullscreen: () => playerRef.current?.enterFullscreen(),
|
|
179
|
-
exitFullscreen: () => playerRef.current?.exitFullscreen(),
|
|
180
|
-
toggleFullscreen: () => playerRef.current?.toggleFullscreen(),
|
|
181
|
-
enterPiP: () => playerRef.current?.enterPiP(),
|
|
182
|
-
exitPiP: () => playerRef.current?.exitPiP(),
|
|
183
|
-
togglePiP: () => playerRef.current?.togglePiP(),
|
|
184
|
-
cast: () => playerRef.current?.cast(),
|
|
185
|
-
getState: () => playerRef.current?.getState(),
|
|
186
|
-
getPlayer: () => playerRef.current,
|
|
187
|
-
next: () => playerRef.current?.next(),
|
|
188
|
-
previous: () => playerRef.current?.previous(),
|
|
189
|
-
playAt: index => playerRef.current?.playAt(index)
|
|
190
|
-
}));
|
|
191
|
-
return /*#__PURE__*/jsxRuntime.jsx(PlexPlayerContext.Provider, {
|
|
192
|
-
value: playerRef.current,
|
|
193
|
-
children: /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
194
|
-
ref: containerRef,
|
|
195
|
-
className: `plex-player-container ${className}`,
|
|
196
|
-
style: {
|
|
197
|
-
width: '100%',
|
|
198
|
-
aspectRatio: '16 / 9',
|
|
199
|
-
position: 'relative',
|
|
200
|
-
...style
|
|
201
|
-
},
|
|
202
|
-
...restProps,
|
|
203
|
-
children: children
|
|
204
|
-
})
|
|
205
|
-
});
|
|
206
|
-
});
|
|
207
|
-
|
|
208
|
-
// Additional hooks for convenience
|
|
209
|
-
const usePlexPlayerState = () => {
|
|
210
|
-
const player = usePlexPlayer();
|
|
211
|
-
const [state, setState] = react.useState(null);
|
|
212
|
-
react.useEffect(() => {
|
|
213
|
-
if (!player) return;
|
|
214
|
-
const updateState = () => {
|
|
215
|
-
setState(player.getState());
|
|
216
|
-
};
|
|
217
|
-
|
|
218
|
-
// Update on every timeupdate
|
|
219
|
-
player.on('timeupdate', updateState);
|
|
220
|
-
player.on('play', updateState);
|
|
221
|
-
player.on('pause', updateState);
|
|
222
|
-
player.on('volumechange', updateState);
|
|
223
|
-
player.on('fullscreenchange', updateState);
|
|
224
|
-
|
|
225
|
-
// Initial state
|
|
226
|
-
updateState();
|
|
227
|
-
return () => {
|
|
228
|
-
player.off('timeupdate', updateState);
|
|
229
|
-
player.off('play', updateState);
|
|
230
|
-
player.off('pause', updateState);
|
|
231
|
-
player.off('volumechange', updateState);
|
|
232
|
-
player.off('fullscreenchange', updateState);
|
|
233
|
-
};
|
|
234
|
-
}, [player]);
|
|
235
|
-
return state;
|
|
236
|
-
};
|
|
237
|
-
const usePlexPlayerTime = () => {
|
|
238
|
-
const player = usePlexPlayer();
|
|
239
|
-
const [time, setTime] = react.useState({
|
|
240
|
-
current: 0,
|
|
241
|
-
duration: 0
|
|
242
|
-
});
|
|
243
|
-
react.useEffect(() => {
|
|
244
|
-
if (!player) return;
|
|
245
|
-
const updateTime = data => {
|
|
246
|
-
setTime({
|
|
247
|
-
current: data.currentTime,
|
|
248
|
-
duration: data.duration
|
|
249
|
-
});
|
|
250
|
-
};
|
|
251
|
-
player.on('timeupdate', updateTime);
|
|
252
|
-
return () => {
|
|
253
|
-
player.off('timeupdate', updateTime);
|
|
254
|
-
};
|
|
255
|
-
}, [player]);
|
|
256
|
-
return time;
|
|
257
|
-
};
|
|
258
|
-
|
|
259
|
-
exports.PlexPlayer = PlexPlayer;
|
|
260
|
-
exports.PlexPlayerReact = PlexPlayerReact;
|
|
261
|
-
exports.default = PlexPlayerReact;
|
|
262
|
-
exports.usePlexPlayer = usePlexPlayer;
|
|
263
|
-
exports.usePlexPlayerState = usePlexPlayerState;
|
|
264
|
-
exports.usePlexPlayerTime = usePlexPlayerTime;
|
|
265
|
-
//# sourceMappingURL=index.js.map
|
package/dist/react/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/react/index.jsx"],"sourcesContent":["/**\r\n * @frameset/plex-player - React Component\r\n * Professional Video Player by FRAMESET Studio\r\n * https://frameset.dev\r\n */\r\n\r\nimport React, {\r\n useEffect,\r\n useRef,\r\n useImperativeHandle,\r\n forwardRef,\r\n useState,\r\n useCallback,\r\n createContext,\r\n useContext,\r\n} from 'react';\r\n\r\n// Import core player\r\nimport PlexPlayer from '../core/index.js';\r\n\r\n// Context for nested components\r\nconst PlexPlayerContext = createContext(null);\r\n\r\n/**\r\n * Hook to access player instance from child components\r\n */\r\nexport const usePlexPlayer = () => {\r\n const player = useContext(PlexPlayerContext);\r\n return player;\r\n};\r\n\r\n/**\r\n * PlexPlayer React Component\r\n */\r\nexport const PlexPlayerReact = forwardRef(function PlexPlayerReact(props, ref) {\r\n const {\r\n src,\r\n playlist,\r\n className = '',\r\n style = {},\r\n autoplay = false,\r\n muted = false,\r\n loop = false,\r\n volume = 1,\r\n poster,\r\n preload = 'metadata',\r\n keyboard = true,\r\n touch = true,\r\n pip = true,\r\n cast = true,\r\n fullscreen = true,\r\n controlsHideDelay = 3000,\r\n theme,\r\n subtitles,\r\n ads,\r\n i18n,\r\n // Event callbacks\r\n onPlay,\r\n onPause,\r\n onEnded,\r\n onTimeUpdate,\r\n onProgress,\r\n onVolumeChange,\r\n onFullscreenChange,\r\n onError,\r\n onReady,\r\n // Children for custom overlays\r\n children,\r\n ...restProps\r\n } = props;\r\n\r\n const containerRef = useRef(null);\r\n const playerRef = useRef(null);\r\n const [isReady, setIsReady] = useState(false);\r\n\r\n // Initialize player\r\n useEffect(() => {\r\n if (!containerRef.current) return;\r\n\r\n // Create player instance\r\n const player = new PlexPlayer({\r\n container: containerRef.current,\r\n autoplay,\r\n muted,\r\n loop,\r\n volume,\r\n poster,\r\n preload,\r\n keyboard,\r\n touch,\r\n pip,\r\n cast,\r\n fullscreen,\r\n controlsHideDelay,\r\n theme,\r\n subtitles,\r\n ads,\r\n i18n,\r\n });\r\n\r\n playerRef.current = player;\r\n\r\n // Bind events\r\n if (onPlay) player.on('play', onPlay);\r\n if (onPause) player.on('pause', onPause);\r\n if (onEnded) player.on('ended', onEnded);\r\n if (onTimeUpdate) {\r\n player.on('timeupdate', (data) => onTimeUpdate(data.currentTime));\r\n }\r\n if (onProgress) {\r\n player.on('progress', (data) => onProgress(data.buffered));\r\n }\r\n if (onVolumeChange) {\r\n player.on('volumechange', (data) => onVolumeChange(data.volume, data.muted));\r\n }\r\n if (onFullscreenChange) {\r\n player.on('fullscreenchange', (data) => onFullscreenChange(data.isFullscreen));\r\n }\r\n if (onError) {\r\n player.on('error', onError);\r\n }\r\n\r\n setIsReady(true);\r\n\r\n if (onReady) {\r\n onReady(player);\r\n }\r\n\r\n // Cleanup\r\n return () => {\r\n player.destroy();\r\n playerRef.current = null;\r\n };\r\n }, []);\r\n\r\n // Load source when src changes\r\n useEffect(() => {\r\n if (!playerRef.current || !isReady) return;\r\n\r\n if (src) {\r\n playerRef.current.load(src);\r\n }\r\n }, [src, isReady]);\r\n\r\n // Load playlist when playlist changes\r\n useEffect(() => {\r\n if (!playerRef.current || !isReady || !playlist) return;\r\n\r\n playerRef.current.loadPlaylist(playlist);\r\n }, [playlist, isReady]);\r\n\r\n // Update volume\r\n useEffect(() => {\r\n if (playerRef.current && isReady) {\r\n playerRef.current.setVolume(volume);\r\n }\r\n }, [volume, isReady]);\r\n\r\n // Update muted\r\n useEffect(() => {\r\n if (playerRef.current && isReady) {\r\n if (muted) {\r\n playerRef.current.mute();\r\n } else {\r\n playerRef.current.unmute();\r\n }\r\n }\r\n }, [muted, isReady]);\r\n\r\n // Expose player methods via ref\r\n useImperativeHandle(ref, () => ({\r\n play: () => playerRef.current?.play(),\r\n pause: () => playerRef.current?.pause(),\r\n togglePlay: () => playerRef.current?.togglePlay(),\r\n seek: (time) => playerRef.current?.seek(time),\r\n seekPercent: (percent) => playerRef.current?.seekPercent(percent),\r\n setVolume: (vol) => playerRef.current?.setVolume(vol),\r\n getVolume: () => playerRef.current?.getVolume(),\r\n mute: () => playerRef.current?.mute(),\r\n unmute: () => playerRef.current?.unmute(),\r\n toggleMute: () => playerRef.current?.toggleMute(),\r\n isMuted: () => playerRef.current?.isMuted(),\r\n setPlaybackRate: (rate) => playerRef.current?.setPlaybackRate(rate),\r\n enterFullscreen: () => playerRef.current?.enterFullscreen(),\r\n exitFullscreen: () => playerRef.current?.exitFullscreen(),\r\n toggleFullscreen: () => playerRef.current?.toggleFullscreen(),\r\n enterPiP: () => playerRef.current?.enterPiP(),\r\n exitPiP: () => playerRef.current?.exitPiP(),\r\n togglePiP: () => playerRef.current?.togglePiP(),\r\n cast: () => playerRef.current?.cast(),\r\n getState: () => playerRef.current?.getState(),\r\n getPlayer: () => playerRef.current,\r\n next: () => playerRef.current?.next(),\r\n previous: () => playerRef.current?.previous(),\r\n playAt: (index) => playerRef.current?.playAt(index),\r\n }));\r\n\r\n return (\r\n <PlexPlayerContext.Provider value={playerRef.current}>\r\n <div\r\n ref={containerRef}\r\n className={`plex-player-container ${className}`}\r\n style={{\r\n width: '100%',\r\n aspectRatio: '16 / 9',\r\n position: 'relative',\r\n ...style,\r\n }}\r\n {...restProps}\r\n >\r\n {children}\r\n </div>\r\n </PlexPlayerContext.Provider>\r\n );\r\n});\r\n\r\n// Additional hooks for convenience\r\nexport const usePlexPlayerState = () => {\r\n const player = usePlexPlayer();\r\n const [state, setState] = useState(null);\r\n\r\n useEffect(() => {\r\n if (!player) return;\r\n\r\n const updateState = () => {\r\n setState(player.getState());\r\n };\r\n\r\n // Update on every timeupdate\r\n player.on('timeupdate', updateState);\r\n player.on('play', updateState);\r\n player.on('pause', updateState);\r\n player.on('volumechange', updateState);\r\n player.on('fullscreenchange', updateState);\r\n\r\n // Initial state\r\n updateState();\r\n\r\n return () => {\r\n player.off('timeupdate', updateState);\r\n player.off('play', updateState);\r\n player.off('pause', updateState);\r\n player.off('volumechange', updateState);\r\n player.off('fullscreenchange', updateState);\r\n };\r\n }, [player]);\r\n\r\n return state;\r\n};\r\n\r\nexport const usePlexPlayerTime = () => {\r\n const player = usePlexPlayer();\r\n const [time, setTime] = useState({ current: 0, duration: 0 });\r\n\r\n useEffect(() => {\r\n if (!player) return;\r\n\r\n const updateTime = (data) => {\r\n setTime({\r\n current: data.currentTime,\r\n duration: data.duration,\r\n });\r\n };\r\n\r\n player.on('timeupdate', updateTime);\r\n\r\n return () => {\r\n player.off('timeupdate', updateTime);\r\n };\r\n }, [player]);\r\n\r\n return time;\r\n};\r\n\r\n// Named exports\r\nexport { PlexPlayer };\r\nexport default PlexPlayerReact;\r\n"],"names":["PlexPlayerContext","createContext","usePlexPlayer","player","useContext","PlexPlayerReact","forwardRef","props","ref","src","playlist","className","style","autoplay","muted","loop","volume","poster","preload","keyboard","touch","pip","cast","fullscreen","controlsHideDelay","theme","subtitles","ads","i18n","onPlay","onPause","onEnded","onTimeUpdate","onProgress","onVolumeChange","onFullscreenChange","onError","onReady","children","restProps","containerRef","useRef","playerRef","isReady","setIsReady","useState","useEffect","current","PlexPlayer","container","on","data","currentTime","buffered","isFullscreen","destroy","load","loadPlaylist","setVolume","mute","unmute","useImperativeHandle","play","pause","togglePlay","seek","time","seekPercent","percent","vol","getVolume","toggleMute","isMuted","setPlaybackRate","rate","enterFullscreen","exitFullscreen","toggleFullscreen","enterPiP","exitPiP","togglePiP","getState","getPlayer","next","previous","playAt","index","_jsx","Provider","value","width","aspectRatio","position","usePlexPlayerState","state","setState","updateState","off","usePlexPlayerTime","setTime","duration","updateTime"],"mappings":"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"}
|
package/dist/styles.tmp.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|