@zync/zync-screnplay-player 0.1.243 → 0.1.244
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/bundle.js +1 -1
- package/dist/screenplay/RemotionRenderer/components/layouts/BrollInset.js +1 -1
- package/dist/screenplay/RemotionRenderer/components/layouts/MotionStillInset.js +1 -1
- package/dist/screenplay/RemotionRenderer/development.js +3 -2
- package/dist/screenplay/RemotionRenderer/registeredComponents.js +0 -2
- package/dist/screenplay/RemotionRenderer/theme/hooks/useThemedComponents.js +4 -0
- package/dist/screenplay/RemotionRenderer/{components/layouts → theme/themes/fullcover}/TextFullCover.js +2 -1
- package/package.json +1 -1
|
@@ -41,7 +41,7 @@ var getInsetMetrics = function getInsetMetrics(_ref2) {
|
|
|
41
41
|
borderRadius: Math.max(18, finalWidth * 0.06),
|
|
42
42
|
height: finalHeight,
|
|
43
43
|
left: padding,
|
|
44
|
-
top: height - padding - finalHeight,
|
|
44
|
+
top: outputOrientation === "portrait" ? Math.min((height - finalHeight) / 2 + height * 0.08, height - padding - finalHeight) : height - padding - finalHeight,
|
|
45
45
|
width: finalWidth
|
|
46
46
|
};
|
|
47
47
|
};
|
|
@@ -41,7 +41,7 @@ var getInsetMetrics = function getInsetMetrics(_ref2) {
|
|
|
41
41
|
borderRadius: Math.max(18, finalWidth * 0.06),
|
|
42
42
|
height: finalHeight,
|
|
43
43
|
left: padding,
|
|
44
|
-
top: height - padding - finalHeight,
|
|
44
|
+
top: outputOrientation === "portrait" ? Math.min((height - finalHeight) / 2 + height * 0.08, height - padding - finalHeight) : height - padding - finalHeight,
|
|
45
45
|
width: finalWidth
|
|
46
46
|
};
|
|
47
47
|
};
|
|
@@ -329,7 +329,7 @@ var renderer = new RemotionRenderer({
|
|
|
329
329
|
}, {
|
|
330
330
|
recordingIndex: "3",
|
|
331
331
|
layout: {
|
|
332
|
-
type: "
|
|
332
|
+
type: "broll_inset",
|
|
333
333
|
data: {
|
|
334
334
|
noBackgroundVideoEffects: {
|
|
335
335
|
facePop: false,
|
|
@@ -756,7 +756,8 @@ var renderer = new RemotionRenderer({
|
|
|
756
756
|
}, {
|
|
757
757
|
recordingIndex: "4",
|
|
758
758
|
layout: {
|
|
759
|
-
type: "
|
|
759
|
+
type: "simple_frame_sentence",
|
|
760
|
+
theme: "fullcover",
|
|
760
761
|
data: {
|
|
761
762
|
noBackgroundVideoEffects: {
|
|
762
763
|
facePop: false,
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { SimpleFrame } from "./components/layouts/SimpleFrame";
|
|
2
2
|
import { TextWithVideo } from "./components/layouts/TextWithVideo";
|
|
3
|
-
import { TextFullCover } from "./components/layouts/TextFullCover";
|
|
4
3
|
import { BrollFullscreen } from "./components/effects/BrollFullscreen";
|
|
5
4
|
import { PhraseRainbowEffect } from "./components/effects/PhraseRainbowEffect";
|
|
6
5
|
import { Sentence } from "./components/effects/Sentence";
|
|
@@ -59,7 +58,6 @@ export var RegisteredComponents = {
|
|
|
59
58
|
SimpleFrameSentence: SimpleFrameSentence,
|
|
60
59
|
SimpleFrameZoomCut: SimpleFrameZoomCut,
|
|
61
60
|
TextWithVideo: TextWithVideo,
|
|
62
|
-
TextFullCover: TextFullCover,
|
|
63
61
|
Handoff: Handoff,
|
|
64
62
|
MultiHandoff: MultiHandoff,
|
|
65
63
|
CreatorCollabSplit: CreatorCollabSplit,
|
|
@@ -31,6 +31,7 @@ import { BoxwipeNametag } from "../themes/boxwipe/Nametag";
|
|
|
31
31
|
import { StackfillNametag } from "../themes/stackfill/Nametag";
|
|
32
32
|
import { RightslideNametag } from "../themes/rightslide/Nametag";
|
|
33
33
|
import { KeyPointOverlayDepth } from "../../components/layouts/KeyPointOverlayDepth";
|
|
34
|
+
import { TextFullCover } from "../themes/fullcover/TextFullCover";
|
|
34
35
|
|
|
35
36
|
/** Always update this when adding a new theme and/or components. */
|
|
36
37
|
var themedComponents = {
|
|
@@ -93,6 +94,9 @@ var themedComponents = {
|
|
|
93
94
|
},
|
|
94
95
|
depth: {
|
|
95
96
|
Sentence: KeyPointOverlayDepth
|
|
97
|
+
},
|
|
98
|
+
fullcover: {
|
|
99
|
+
Sentence: TextFullCover
|
|
96
100
|
}
|
|
97
101
|
};
|
|
98
102
|
export var useThemedComponents = function useThemedComponents(componentName, overrideTheme) {
|
|
@@ -220,7 +220,8 @@ export var TextFullCover = function TextFullCover(_ref5) {
|
|
|
220
220
|
backgroundColor: shouldWipe ? previousBackgroundColor : currentBackgroundColor,
|
|
221
221
|
display: "flex",
|
|
222
222
|
justifyContent: "center",
|
|
223
|
-
overflow: "hidden"
|
|
223
|
+
overflow: "hidden",
|
|
224
|
+
zIndex: -1
|
|
224
225
|
}
|
|
225
226
|
}, videoUrl ? /*#__PURE__*/React.createElement(AbsoluteFill, {
|
|
226
227
|
style: {
|