@twick/live-player 0.15.12 → 0.15.13
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/index.js +6 -6
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +6 -6
- package/dist/index.mjs.map +1 -1
- package/dist/{internal-ELSJV37U-4FJFiKY2.mjs → internal-KYB5ZQ5E-Be1ZlZZg.mjs} +14 -2
- package/dist/{internal-ELSJV37U-4FJFiKY2.mjs.map → internal-KYB5ZQ5E-Be1ZlZZg.mjs.map} +1 -1
- package/dist/{internal-ELSJV37U-CAeKqDSX.js → internal-KYB5ZQ5E-BidNZfY8.js} +14 -2
- package/dist/{internal-ELSJV37U-CAeKqDSX.js.map → internal-KYB5ZQ5E-BidNZfY8.js.map} +1 -1
- package/package.json +4 -4
package/dist/index.mjs
CHANGED
|
@@ -372,7 +372,7 @@ function Player({
|
|
|
372
372
|
document.removeEventListener("keydown", handleKeyDown);
|
|
373
373
|
};
|
|
374
374
|
};
|
|
375
|
-
import("./internal-
|
|
375
|
+
import("./internal-KYB5ZQ5E-Be1ZlZZg.mjs").then(() => {
|
|
376
376
|
requestAnimationFrame(() => {
|
|
377
377
|
if (playerRef.current) {
|
|
378
378
|
playerRef.current.setProject(project);
|
|
@@ -404,17 +404,17 @@ function Player({
|
|
|
404
404
|
);
|
|
405
405
|
}
|
|
406
406
|
}
|
|
407
|
-
return /* @__PURE__ */ jsx("div", { className: "twick-player-root", style: { display: "contents" }, children: /* @__PURE__ */ jsx(
|
|
407
|
+
return /* @__PURE__ */ jsx("div", { className: "twick-player-root w-full h-full", style: { display: "contents" }, children: /* @__PURE__ */ jsx(
|
|
408
408
|
"div",
|
|
409
409
|
{
|
|
410
410
|
ref: wrapperRef,
|
|
411
|
-
className: "relative cursor-default focus:outline-none",
|
|
411
|
+
className: "relative cursor-default w-full h-full focus:outline-none",
|
|
412
412
|
onFocus: () => focus.current = true,
|
|
413
413
|
onBlur: () => focus.current = false,
|
|
414
414
|
tabIndex: 0,
|
|
415
415
|
onMouseEnter: () => setIsMouseOver(true),
|
|
416
416
|
onMouseLeave: () => setIsMouseOver(false),
|
|
417
|
-
children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
|
|
417
|
+
children: /* @__PURE__ */ jsxs("div", { className: "relative w-full h-full", children: [
|
|
418
418
|
/* @__PURE__ */ jsx(
|
|
419
419
|
"twick-player",
|
|
420
420
|
{
|
|
@@ -433,7 +433,7 @@ function Player({
|
|
|
433
433
|
/* @__PURE__ */ jsx(
|
|
434
434
|
"div",
|
|
435
435
|
{
|
|
436
|
-
className: `
|
|
436
|
+
className: `focus:outline-none bottom-0 w-full transition-opacity duration-200 ${shouldShowControls(playingState, isMouseOver, !controls) ? "opacity-100" : "opacity-0"}`,
|
|
437
437
|
children: /* @__PURE__ */ jsx(
|
|
438
438
|
Controls,
|
|
439
439
|
{
|
|
@@ -52800,7 +52800,7 @@ const LivePlayer = ({
|
|
|
52800
52800
|
controls: false,
|
|
52801
52801
|
currentTime: seekTime,
|
|
52802
52802
|
volume,
|
|
52803
|
-
quality,
|
|
52803
|
+
quality: quality || 1,
|
|
52804
52804
|
onTimeUpdate: onCurrentTimeUpdate,
|
|
52805
52805
|
onPlayerReady: handlePlayerReady,
|
|
52806
52806
|
width: ((_b2 = (_a2 = baseProject.input) == null ? void 0 : _a2.properties) == null ? void 0 : _b2.width) || DEFAULT_VIDEO_SIZE.width,
|