@remotion/player 4.0.255 → 4.0.257
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/esm/index.mjs +41 -41
- package/package.json +3 -3
package/dist/esm/index.mjs
CHANGED
|
@@ -60,40 +60,40 @@ var FullscreenIcon = ({
|
|
|
60
60
|
children: [
|
|
61
61
|
/* @__PURE__ */ jsx("path", {
|
|
62
62
|
d: `
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
63
|
+
M ${out} ${inset}
|
|
64
|
+
L ${middleInset} ${middleInset}
|
|
65
|
+
L ${inset} ${out}
|
|
66
|
+
`,
|
|
67
67
|
stroke: "#fff",
|
|
68
68
|
strokeWidth,
|
|
69
69
|
fill: "none"
|
|
70
70
|
}),
|
|
71
71
|
/* @__PURE__ */ jsx("path", {
|
|
72
72
|
d: `
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
73
|
+
M ${viewSize - out} ${inset}
|
|
74
|
+
L ${viewSize - middleInset} ${middleInset}
|
|
75
|
+
L ${viewSize - inset} ${out}
|
|
76
|
+
`,
|
|
77
77
|
stroke: "#fff",
|
|
78
78
|
strokeWidth,
|
|
79
79
|
fill: "none"
|
|
80
80
|
}),
|
|
81
81
|
/* @__PURE__ */ jsx("path", {
|
|
82
82
|
d: `
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
83
|
+
M ${out} ${viewSize - inset}
|
|
84
|
+
L ${middleInset} ${viewSize - middleInset}
|
|
85
|
+
L ${inset} ${viewSize - out}
|
|
86
|
+
`,
|
|
87
87
|
stroke: "#fff",
|
|
88
88
|
strokeWidth,
|
|
89
89
|
fill: "none"
|
|
90
90
|
}),
|
|
91
91
|
/* @__PURE__ */ jsx("path", {
|
|
92
92
|
d: `
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
93
|
+
M ${viewSize - out} ${viewSize - inset}
|
|
94
|
+
L ${viewSize - middleInset} ${viewSize - middleInset}
|
|
95
|
+
L ${viewSize - inset} ${viewSize - out}
|
|
96
|
+
`,
|
|
97
97
|
stroke: "#fff",
|
|
98
98
|
strokeWidth,
|
|
99
99
|
fill: "none"
|
|
@@ -149,7 +149,7 @@ var BufferingIndicator = ({ type }) => {
|
|
|
149
149
|
/* @__PURE__ */ jsx2("style", {
|
|
150
150
|
type: "text/css",
|
|
151
151
|
children: `
|
|
152
|
-
|
|
152
|
+
@keyframes ${remotionBufferingAnimation} {
|
|
153
153
|
0% {
|
|
154
154
|
rotate: 0deg;
|
|
155
155
|
}
|
|
@@ -161,7 +161,7 @@ var BufferingIndicator = ({ type }) => {
|
|
|
161
161
|
.${className} {
|
|
162
162
|
animation: ${remotionBufferingAnimation} 1s linear infinite;
|
|
163
163
|
}
|
|
164
|
-
|
|
164
|
+
`
|
|
165
165
|
}),
|
|
166
166
|
/* @__PURE__ */ jsx2("div", {
|
|
167
167
|
style,
|
|
@@ -1227,9 +1227,9 @@ var DefaultVolumeSlider = ({
|
|
|
1227
1227
|
height: BAR_HEIGHT,
|
|
1228
1228
|
width: VOLUME_SLIDER_WIDTH,
|
|
1229
1229
|
backgroundImage: `linear-gradient(
|
|
1230
|
-
|
|
1231
|
-
|
|
1232
|
-
|
|
1230
|
+
to right,
|
|
1231
|
+
white ${volume * 100}%, rgba(255, 255, 255, 0) ${volume * 100}%
|
|
1232
|
+
)`
|
|
1233
1233
|
};
|
|
1234
1234
|
if (isVertical) {
|
|
1235
1235
|
return {
|
|
@@ -1240,23 +1240,23 @@ var DefaultVolumeSlider = ({
|
|
|
1240
1240
|
return commonStyle;
|
|
1241
1241
|
}, [isVertical, volume]);
|
|
1242
1242
|
const sliderStyle = `
|
|
1243
|
-
|
|
1244
|
-
|
|
1245
|
-
|
|
1246
|
-
|
|
1247
|
-
|
|
1248
|
-
|
|
1249
|
-
|
|
1250
|
-
|
|
1243
|
+
.${randomClass}::-webkit-slider-thumb {
|
|
1244
|
+
-webkit-appearance: none;
|
|
1245
|
+
background-color: white;
|
|
1246
|
+
border-radius: ${KNOB_SIZE / 2}px;
|
|
1247
|
+
box-shadow: 0 0 2px black;
|
|
1248
|
+
height: ${KNOB_SIZE}px;
|
|
1249
|
+
width: ${KNOB_SIZE}px;
|
|
1250
|
+
}
|
|
1251
1251
|
|
|
1252
|
-
|
|
1253
|
-
|
|
1254
|
-
|
|
1255
|
-
|
|
1256
|
-
|
|
1257
|
-
|
|
1258
|
-
|
|
1259
|
-
|
|
1252
|
+
.${randomClass}::-moz-range-thumb {
|
|
1253
|
+
-webkit-appearance: none;
|
|
1254
|
+
background-color: white;
|
|
1255
|
+
border-radius: ${KNOB_SIZE / 2}px;
|
|
1256
|
+
box-shadow: 0 0 2px black;
|
|
1257
|
+
height: ${KNOB_SIZE}px;
|
|
1258
|
+
width: ${KNOB_SIZE}px;
|
|
1259
|
+
}
|
|
1260
1260
|
`;
|
|
1261
1261
|
return /* @__PURE__ */ jsxs3("div", {
|
|
1262
1262
|
style: sliderContainer,
|
|
@@ -2214,10 +2214,10 @@ var RenderWarningIfBlacklist = () => {
|
|
|
2214
2214
|
cssText: `${style.cssText} !important;`
|
|
2215
2215
|
});
|
|
2216
2216
|
div.innerHTML = `
|
|
2217
|
-
|
|
2218
|
-
|
|
2219
|
-
|
|
2220
|
-
|
|
2217
|
+
<a href="https://github.com/remotion-dev/remotion/pull/4589" style="color: white;">
|
|
2218
|
+
Remotion Unlicensed – Contact hi@remotion.dev
|
|
2219
|
+
</a>
|
|
2220
|
+
`;
|
|
2221
2221
|
document.body.appendChild(div);
|
|
2222
2222
|
}
|
|
2223
2223
|
};
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"url": "https://github.com/remotion-dev/remotion/tree/main/packages/player"
|
|
4
4
|
},
|
|
5
5
|
"name": "@remotion/player",
|
|
6
|
-
"version": "4.0.
|
|
6
|
+
"version": "4.0.257",
|
|
7
7
|
"description": "React component for embedding a Remotion preview into your app",
|
|
8
8
|
"main": "dist/cjs/index.js",
|
|
9
9
|
"types": "dist/cjs/index.d.ts",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
],
|
|
29
29
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"remotion": "4.0.
|
|
31
|
+
"remotion": "4.0.257"
|
|
32
32
|
},
|
|
33
33
|
"peerDependencies": {
|
|
34
34
|
"react": ">=16.8.0",
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
"webpack": "5.96.1",
|
|
44
44
|
"zod": "3.22.3",
|
|
45
45
|
"eslint": "9.14.0",
|
|
46
|
-
"@remotion/eslint-config-internal": "4.0.
|
|
46
|
+
"@remotion/eslint-config-internal": "4.0.257"
|
|
47
47
|
},
|
|
48
48
|
"keywords": [
|
|
49
49
|
"remotion",
|