@reacttv/embed-kit 0.4.6 → 0.4.8
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/dist/react-embed-kit/HtmlPlayer.d.ts +2 -4
- package/dist/react-embed-kit/HtmlPlayer.d.ts.map +1 -1
- package/dist/react-embed-kit/HtmlPlayer.js +17 -15
- package/dist/react-embed-kit/HtmlPlayer.js.map +1 -1
- package/dist/react-embed-kit/ReactEmbedKit.d.ts.map +1 -1
- package/dist/react-embed-kit/ReactEmbedKit.js +19 -4
- package/dist/react-embed-kit/ReactEmbedKit.js.map +1 -1
- package/dist/react-embed-kit/test/ReactEmbedKitTestPage.d.ts.map +1 -1
- package/dist/react-embed-kit/test/ReactEmbedKitTestPage.js +7 -5
- package/dist/react-embed-kit/test/ReactEmbedKitTestPage.js.map +1 -1
- package/package.json +1 -1
|
@@ -15,9 +15,7 @@ export interface VideoElementProps extends React.DetailedHTMLProps<VideoHTMLAttr
|
|
|
15
15
|
volume?: number;
|
|
16
16
|
config?: Record<string, number | string | undefined>;
|
|
17
17
|
}
|
|
18
|
-
type HtmlPlayerProps = ReactEmbedKitProps
|
|
19
|
-
|
|
20
|
-
};
|
|
21
|
-
declare function HtmlPlayer({ ref, playing, volume, muted, ...props }: HtmlPlayerProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export type HtmlPlayerProps = Omit<ReactEmbedKitProps, "ref">;
|
|
19
|
+
declare const HtmlPlayer: React.ForwardRefExoticComponent<HtmlPlayerProps & React.RefAttributes<HTMLMediaElement>>;
|
|
22
20
|
export default HtmlPlayer;
|
|
23
21
|
//# sourceMappingURL=HtmlPlayer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HtmlPlayer.d.ts","sourceRoot":"","sources":["../../src/react-embed-kit/HtmlPlayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"HtmlPlayer.d.ts","sourceRoot":"","sources":["../../src/react-embed-kit/HtmlPlayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,mBAAmB,EAAqB,MAAM,OAAO,CAAC;AAGlF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAE7D,UAAU,mBAAmB,CAAC,CAAC,CAAE,SAAQ,mBAAmB,CAAC,CAAC,CAAC;IAC7D,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACrC,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACpC,uBAAuB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9C,qBAAqB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5C,uBAAuB,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,gBAAgB,EAAE,EAAE,EAAE,KAAK,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACpF,uBAAuB,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,gBAAgB,EAAE,EAAE,EAAE,KAAK,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACrF;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,iBAAiB,CAChE,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,gBAAgB,CACjB;IACC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC;CACtD;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC;AAE9D,QAAA,MAAM,UAAU,0FAyEf,CAAC;AAIF,eAAe,UAAU,CAAC"}
|
|
@@ -1,24 +1,18 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { forwardRef, useEffect, useRef } from "react";
|
|
3
|
+
import { mergeRefs } from "react-merge-refs";
|
|
3
4
|
import { AUDIO_EXTENSIONS } from "./constants.js";
|
|
4
|
-
|
|
5
|
+
const HtmlPlayer = forwardRef(({ playing, volume, muted, controls = false, ...props }, ref) => {
|
|
5
6
|
const Media = AUDIO_EXTENSIONS.test(`${props.src}`) ? "audio" : "video";
|
|
6
7
|
const internalRef = useRef(null);
|
|
7
|
-
const setRef = useCallback((el) => {
|
|
8
|
-
internalRef.current = el;
|
|
9
|
-
if (typeof ref === "function")
|
|
10
|
-
ref(el);
|
|
11
|
-
else if (ref && typeof ref === "object" && "current" in ref) {
|
|
12
|
-
const refObj = ref;
|
|
13
|
-
refObj.current = el;
|
|
14
|
-
}
|
|
15
|
-
}, [ref]);
|
|
16
8
|
useEffect(() => {
|
|
9
|
+
if (!internalRef.current)
|
|
10
|
+
return;
|
|
17
11
|
if (playing) {
|
|
18
|
-
internalRef.current
|
|
12
|
+
internalRef.current.play();
|
|
19
13
|
}
|
|
20
14
|
else {
|
|
21
|
-
internalRef.current
|
|
15
|
+
internalRef.current.pause();
|
|
22
16
|
}
|
|
23
17
|
}, [playing]);
|
|
24
18
|
useEffect(() => {
|
|
@@ -31,7 +25,14 @@ function HtmlPlayer({ ref, playing, volume, muted, ...props }) {
|
|
|
31
25
|
}
|
|
32
26
|
el.muted = !!muted;
|
|
33
27
|
}, [volume, muted]);
|
|
34
|
-
|
|
28
|
+
// Apply controls on mount so initial value is respected (spread alone can show controls when false on first paint)
|
|
29
|
+
useEffect(() => {
|
|
30
|
+
const el = internalRef.current;
|
|
31
|
+
if (!el)
|
|
32
|
+
return;
|
|
33
|
+
el.controls = !!controls;
|
|
34
|
+
}, [controls]);
|
|
35
|
+
return (_jsx(Media, { ...props, autoPlay: true, ref: mergeRefs([internalRef, ref]), controls: controls || undefined, onVolumeChange: props.onVolumeChange
|
|
35
36
|
? (e) => {
|
|
36
37
|
const currentVolume = e.currentTarget?.volume;
|
|
37
38
|
if (currentVolume !== undefined)
|
|
@@ -56,6 +57,7 @@ function HtmlPlayer({ ref, playing, volume, muted, ...props }) {
|
|
|
56
57
|
props.onError?.(err);
|
|
57
58
|
}
|
|
58
59
|
: undefined }));
|
|
59
|
-
}
|
|
60
|
+
});
|
|
61
|
+
HtmlPlayer.displayName = "HtmlPlayer";
|
|
60
62
|
export default HtmlPlayer;
|
|
61
63
|
//# sourceMappingURL=HtmlPlayer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HtmlPlayer.js","sourceRoot":"","sources":["../../src/react-embed-kit/HtmlPlayer.tsx"],"names":[],"mappings":";AAAA,OAAc,
|
|
1
|
+
{"version":3,"file":"HtmlPlayer.js","sourceRoot":"","sources":["../../src/react-embed-kit/HtmlPlayer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReactEmbedKit.d.ts","sourceRoot":"","sources":["../../src/react-embed-kit/ReactEmbedKit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoE,MAAM,OAAO,CAAC;AAEzF,OAAO,qBAAqB,CAAC;AAE7B,OAAO,KAAK,EACV,cAAc,EAEd,yBAAyB,EAC1B,MAAM,mCAAmC,CAAC;AAK3C,MAAM,MAAM,kBAAkB,GAAG,yBAAyB,GAAG;IAC3D,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC;QACtD,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC;KACrD,CAAC;IACF,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACtC,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,KAAK,CAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"ReactEmbedKit.d.ts","sourceRoot":"","sources":["../../src/react-embed-kit/ReactEmbedKit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoE,MAAM,OAAO,CAAC;AAEzF,OAAO,qBAAqB,CAAC;AAE7B,OAAO,KAAK,EACV,cAAc,EAEd,yBAAyB,EAC1B,MAAM,mCAAmC,CAAC;AAK3C,MAAM,MAAM,kBAAkB,GAAG,yBAAyB,GAAG;IAC3D,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC;QACtD,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC;KACrD,CAAC;IACF,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACtC,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAsJ3E"}
|
|
@@ -10,6 +10,7 @@ export function ReactEmbedKit(props) {
|
|
|
10
10
|
const elementRef = useRef(null);
|
|
11
11
|
const [isClient, setIsClient] = useState(false);
|
|
12
12
|
const [tagReady, setTagReady] = useState(false);
|
|
13
|
+
const isHtmlPlayer = src.match(AUDIO_EXTENSIONS) || src.match(VIDEO_EXTENSIONS);
|
|
13
14
|
const resolved = getProviderForUrl(src) ?? {
|
|
14
15
|
tagName: EMBED_TAG.YOUTUBE,
|
|
15
16
|
url: src,
|
|
@@ -72,8 +73,16 @@ export function ReactEmbedKit(props) {
|
|
|
72
73
|
onMuteChange,
|
|
73
74
|
]);
|
|
74
75
|
const applyAttributesAndLoad = useCallback((el) => {
|
|
75
|
-
if (!el || !(el instanceof HTMLElement))
|
|
76
|
+
if (!el || !(el instanceof HTMLElement) || !el.isConnected)
|
|
76
77
|
return;
|
|
78
|
+
const setOrRemove = (name, value) => {
|
|
79
|
+
if (el.getAttribute(name) !== String(value)) {
|
|
80
|
+
if (value)
|
|
81
|
+
el.setAttribute(name, String(value));
|
|
82
|
+
else
|
|
83
|
+
el.removeAttribute(name);
|
|
84
|
+
}
|
|
85
|
+
};
|
|
77
86
|
const setIfChanged = (name, value) => {
|
|
78
87
|
if (el.getAttribute(name) !== value)
|
|
79
88
|
el.setAttribute(name, value);
|
|
@@ -81,7 +90,6 @@ export function ReactEmbedKit(props) {
|
|
|
81
90
|
setIfChanged("src", resolved.url);
|
|
82
91
|
setIfChanged("muted", String(!!muted));
|
|
83
92
|
setIfChanged("playing", String(!!playing));
|
|
84
|
-
setIfChanged("controls", String(controls));
|
|
85
93
|
setIfChanged("captions", String(!!captions));
|
|
86
94
|
setIfChanged("annotations", String(!!annotations));
|
|
87
95
|
if (volume != null)
|
|
@@ -90,12 +98,19 @@ export function ReactEmbedKit(props) {
|
|
|
90
98
|
setIfChanged("width", String(width));
|
|
91
99
|
if (height != null)
|
|
92
100
|
setIfChanged("height", String(height));
|
|
101
|
+
if (isHtmlPlayer) {
|
|
102
|
+
setOrRemove("controls", controls);
|
|
103
|
+
}
|
|
104
|
+
else {
|
|
105
|
+
setIfChanged("controls", String(controls));
|
|
106
|
+
}
|
|
93
107
|
}, [resolved.url, muted, playing, controls, captions, annotations, volume, width, height]);
|
|
94
108
|
// React doesn't reliably forward ref to custom elements from createElement; use a callback ref
|
|
95
109
|
// so we get the element when it's attached, then set attributes and load.
|
|
96
110
|
const setEmbedRef = useCallback((el) => {
|
|
97
111
|
elementRef.current = el;
|
|
98
|
-
|
|
112
|
+
if (el)
|
|
113
|
+
applyAttributesAndLoad(el);
|
|
99
114
|
}, [applyAttributesAndLoad]);
|
|
100
115
|
// When props change, update the element (elementRef is set by the callback ref above).
|
|
101
116
|
useLayoutEffect(() => {
|
|
@@ -104,7 +119,7 @@ export function ReactEmbedKit(props) {
|
|
|
104
119
|
if (!isClient || !tagReady) {
|
|
105
120
|
return _jsx("div", {});
|
|
106
121
|
}
|
|
107
|
-
if (
|
|
122
|
+
if (isHtmlPlayer) {
|
|
108
123
|
return _jsx(HtmlPlayer, { ...props, ref: mergeRefs([setEmbedRef, playerRef]) });
|
|
109
124
|
}
|
|
110
125
|
return React.createElement(resolved.tagName, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReactEmbedKit.js","sourceRoot":"","sources":["../../src/react-embed-kit/ReactEmbedKit.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ReactEmbedKit.js","sourceRoot":"","sources":["../../src/react-embed-kit/ReactEmbedKit.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReactEmbedKitTestPage.d.ts","sourceRoot":"","sources":["../../../src/react-embed-kit/test/ReactEmbedKitTestPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ReactEmbedKitTestPage.d.ts","sourceRoot":"","sources":["../../../src/react-embed-kit/test/ReactEmbedKitTestPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAwC5D;;;;GAIG;AACH,wBAAgB,qBAAqB,IAAI,KAAK,CAAC,YAAY,CAuO1D"}
|
|
@@ -6,6 +6,7 @@ import { SOURCE_URL as VIMEO_SOURCE_URL } from "../../elements/vimeo/constants.j
|
|
|
6
6
|
import { VIDEO_SOURCE_URL as TWITCH_VIDEO_SOURCE_URL } from "../../elements/twitch/constants.js";
|
|
7
7
|
import { SOURCE_URL as TIKTOK_SOURCE_URL } from "../../elements/tiktok/constants.js";
|
|
8
8
|
import { SOURCE_URL as DAILYMOTION_SOURCE_URL } from "../../elements/dailymotion/constants.js";
|
|
9
|
+
const MP4_SAMPLE_URL = "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4";
|
|
9
10
|
const PRESETS = [
|
|
10
11
|
{ label: "YouTube", url: YOUTUBE_SOURCE_URL },
|
|
11
12
|
{ label: "youtu.be", url: `https://youtu.be/${YOUTUBE_VIDEO_ID}` },
|
|
@@ -13,6 +14,7 @@ const PRESETS = [
|
|
|
13
14
|
{ label: "Twitch (video)", url: TWITCH_VIDEO_SOURCE_URL },
|
|
14
15
|
{ label: "TikTok", url: TIKTOK_SOURCE_URL },
|
|
15
16
|
{ label: "Dailymotion", url: DAILYMOTION_SOURCE_URL },
|
|
17
|
+
{ label: "MP4 (sample)", url: MP4_SAMPLE_URL },
|
|
16
18
|
];
|
|
17
19
|
function formatTime(seconds) {
|
|
18
20
|
if (seconds == null || Number.isNaN(seconds))
|
|
@@ -33,7 +35,7 @@ export function ReactEmbedKitTestPage() {
|
|
|
33
35
|
const [url, setUrl] = useState(PRESETS[0]?.url ?? "");
|
|
34
36
|
const [player, setPlayer] = useState(null);
|
|
35
37
|
const [buffering, setBuffering] = useState(false);
|
|
36
|
-
const [controls, setControls] = useState(
|
|
38
|
+
const [controls, setControls] = useState(false);
|
|
37
39
|
const [captions, setCaptions] = useState(false);
|
|
38
40
|
const [annotations, setAnnotations] = useState(false);
|
|
39
41
|
const [data, setData] = useState({
|
|
@@ -103,16 +105,16 @@ export function ReactEmbedKitTestPage() {
|
|
|
103
105
|
const value = e.target.value;
|
|
104
106
|
if (value)
|
|
105
107
|
setUrl(value);
|
|
106
|
-
}, "aria-label": "Choose a provider to autofill URL", children: [_jsx("option", { value: "", children: "Custom / paste URL below" }), PRESETS.map((p) => (_jsx("option", { value: p.url, children: p.label }, p.url)))] }), _jsx("label", { htmlFor: "url", children: "Video URL" }), _jsx("input", { id: "url", type: "url", value: url, onChange: (e) => setUrl(e.target.value), placeholder: "https://www.youtube.com/watch?v=..." }), _jsx("p", { className: "hint", children: "Try: YouTube, youtu.be, Vimeo, Twitch videos/clips/channel, TikTok, Dailymotion" }), _jsxs("div", { className: "player-options", style: { marginBottom: "0.75rem" }, children: [_jsxs("label", { style: { display: "flex", alignItems: "center", gap: "0.5rem", marginRight: "1rem" }, children: [_jsx("input", { type: "checkbox", checked: controls, onChange: (e) => setControls(e.target.checked) }), "Show native controls"] }), _jsxs("label", { style: { display: "flex", alignItems: "center", gap: "0.5rem", marginRight: "1rem" }, children: [_jsx("input", { type: "checkbox", checked: captions, onChange: (e) => setCaptions(e.target.checked) }), "Enable captions"] }), _jsxs("label", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [_jsx("input", { type: "checkbox", checked: annotations, onChange: (e) => setAnnotations(e.target.checked) }), "Show annotations"] })] }), _jsx("div", { className: "player-wrap", children: _jsx(ReactEmbedKit, { playerRef: setPlayer, muted: muted, playing: playing, volume: volume, src: url, width: 560, height: 315, controls: controls, captions: captions, annotations: annotations, config: embedConfig, onReady: () => { }, onBuffering: () => setBuffering(true), onPlay: () => {
|
|
108
|
+
}, "aria-label": "Choose a provider to autofill URL", children: [_jsx("option", { value: "", children: "Custom / paste URL below" }), PRESETS.map((p) => (_jsx("option", { value: p.url, children: p.label }, p.url)))] }), _jsx("label", { htmlFor: "url", children: "Video URL" }), _jsx("input", { id: "url", type: "url", value: url, onChange: (e) => setUrl(e.target.value), placeholder: "https://www.youtube.com/watch?v=..." }), _jsx("p", { className: "hint", children: "Try: YouTube, youtu.be, Vimeo, Twitch videos/clips/channel, TikTok, Dailymotion, or MP4 URL" }), _jsxs("div", { className: "player-options", style: { marginBottom: "0.75rem" }, children: [_jsxs("label", { style: { display: "flex", alignItems: "center", gap: "0.5rem", marginRight: "1rem" }, children: [_jsx("input", { type: "checkbox", checked: controls, onChange: (e) => setControls(e.target.checked) }), "Show native controls"] }), _jsxs("label", { style: { display: "flex", alignItems: "center", gap: "0.5rem", marginRight: "1rem" }, children: [_jsx("input", { type: "checkbox", checked: captions, onChange: (e) => setCaptions(e.target.checked) }), "Enable captions"] }), _jsxs("label", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [_jsx("input", { type: "checkbox", checked: annotations, onChange: (e) => setAnnotations(e.target.checked) }), "Show annotations"] })] }), _jsx("div", { className: "player-wrap", children: _jsx(ReactEmbedKit, { playerRef: setPlayer, muted: muted, playing: playing, volume: volume, src: url, width: 560, height: 315, controls: controls, captions: captions, annotations: annotations, config: embedConfig, onReady: () => { }, onBuffering: () => setBuffering(true), onPlay: () => {
|
|
107
109
|
setBuffering(false);
|
|
108
110
|
setPlaying(true);
|
|
109
111
|
}, onPause: () => setPlaying(false), onError: (d) => console.warn("Embed error:", d), onProgress: () => { }, onVolumeChange: (v) => setVolume(v), onMuteChange: (m) => setMuted(m), onUnsupportedUrl: (u) => {
|
|
110
112
|
setPlayer(null);
|
|
111
113
|
console.warn("Unsupported URL:", u);
|
|
112
|
-
} }) }), _jsxs("div", { className: "controls", children: [_jsx("button", { type: "button",
|
|
114
|
+
} }) }), _jsxs("div", { className: "controls", children: [_jsx("button", { type: "button", onClick: () => setPlaying(!playing), children: playing ? "Pause" : "Play" }), _jsx("button", { type: "button", onClick: () => {
|
|
113
115
|
if (player)
|
|
114
116
|
player.currentTime = 0;
|
|
115
|
-
}, children: "Seek to 0:00" }), _jsx("button", { type: "button",
|
|
117
|
+
}, children: "Seek to 0:00" }), _jsx("button", { type: "button", onClick: () => {
|
|
116
118
|
if (player)
|
|
117
119
|
player.currentTime = 30;
|
|
118
120
|
}, children: "Seek to 0:30" }), _jsxs("button", { type: "button", onClick: () => setMuted(!muted), children: ["[", muted ? "Muted" : "Unmuted", "]"] }), _jsxs("label", { style: {
|
|
@@ -121,6 +123,6 @@ export function ReactEmbedKitTestPage() {
|
|
|
121
123
|
gap: "0.5rem",
|
|
122
124
|
marginLeft: "1rem",
|
|
123
125
|
minWidth: "140px",
|
|
124
|
-
}, children: [_jsx("span", { style: { whiteSpace: "nowrap", fontSize: "0.9rem" }, children: "Volume" }), _jsx("input", { type: "range", min: 0, max: 100, step: 1, value: volume,
|
|
126
|
+
}, children: [_jsx("span", { style: { whiteSpace: "nowrap", fontSize: "0.9rem" }, children: "Volume" }), _jsx("input", { type: "range", min: 0, max: 100, step: 1, value: volume, onChange: (e) => setVolume(Number(e.target.value)), style: { flex: 1, minWidth: 0 }, "aria-label": "Volume" })] })] }), _jsx("div", { className: "data-panel", children: dataRows.length > 0 ? (_jsx("dl", { children: dataRows.map(([label, value]) => (_jsxs(React.Fragment, { children: [_jsx("dt", { children: label }), _jsx("dd", { children: value })] }, label))) })) : (_jsx("p", { className: "no-player", children: "Load a supported URL to see live data." })) })] }));
|
|
125
127
|
}
|
|
126
128
|
//# sourceMappingURL=ReactEmbedKitTestPage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReactEmbedKitTestPage.js","sourceRoot":"","sources":["../../../src/react-embed-kit/test/ReactEmbedKitTestPage.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EACL,UAAU,IAAI,kBAAkB,EAChC,QAAQ,IAAI,gBAAgB,GAC7B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACnF,OAAO,EAAE,gBAAgB,IAAI,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AACjG,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACrF,OAAO,EAAE,UAAU,IAAI,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AAE/F,MAAM,OAAO,GAAqC;IAChD,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,kBAAkB,EAAE;IAC7C,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,oBAAoB,gBAAgB,EAAE,EAAE;IAClE,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,gBAAgB,EAAE;IACzC,EAAE,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,uBAAuB,EAAE;IACzD,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,iBAAiB,EAAE;IAC3C,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,sBAAsB,EAAE;
|
|
1
|
+
{"version":3,"file":"ReactEmbedKitTestPage.js","sourceRoot":"","sources":["../../../src/react-embed-kit/test/ReactEmbedKitTestPage.tsx"],"names":[],"mappings":"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"}
|