@zync/zync-screnplay-player 0.1.204 → 0.1.206
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/RemotionRenderer.js +17 -14
- package/dist/screenplay/RemotionRenderer/components/layouts/CreatorCollabColdOpen.js +741 -0
- package/dist/screenplay/RemotionRenderer/components/layouts/CreatorCollabConversationSpine.js +607 -0
- package/dist/screenplay/RemotionRenderer/components/layouts/CreatorCollabDocumentaryInset.js +606 -0
- package/dist/screenplay/RemotionRenderer/components/layouts/CreatorCollabRackFocus.js +603 -0
- package/dist/screenplay/RemotionRenderer/components/layouts/CreatorCollabStudioSet.js +589 -0
- package/dist/screenplay/RemotionRenderer/components/layouts/DynamicTriangle.js +36 -6
- package/dist/screenplay/RemotionRenderer/components/layouts/Handoff.js +17 -6
- package/dist/screenplay/RemotionRenderer/components/layouts/IntroVideo.js +45 -8
- package/dist/screenplay/RemotionRenderer/components/layouts/Keyword.js +42 -9
- package/dist/screenplay/RemotionRenderer/components/layouts/KeywordStudioBackdrop.js +47 -10
- package/dist/screenplay/RemotionRenderer/components/layouts/MotionStill.js +42 -9
- package/dist/screenplay/RemotionRenderer/components/layouts/MotionStillStudioBackdrop.js +46 -9
- package/dist/screenplay/RemotionRenderer/components/layouts/SimpleFrame.js +21 -12
- package/dist/screenplay/RemotionRenderer/components/layouts/TextWithVideo.js +41 -8
- package/dist/screenplay/RemotionRenderer/development.js +164 -1239
- package/dist/screenplay/RemotionRenderer/hooks/useOrientationBased.js +7 -3
- package/dist/screenplay/RemotionRenderer/main/lib/layouts/CreatorCollabColdOpenLayout.js +22 -0
- package/dist/screenplay/RemotionRenderer/main/lib/layouts/CreatorCollabConversationSpineLayout.js +22 -0
- package/dist/screenplay/RemotionRenderer/main/lib/layouts/CreatorCollabDocumentaryInsetLayout.js +22 -0
- package/dist/screenplay/RemotionRenderer/main/lib/layouts/CreatorCollabRackFocusLayout.js +22 -0
- package/dist/screenplay/RemotionRenderer/main/lib/layouts/CreatorCollabStudioSetLayout.js +22 -0
- package/dist/screenplay/RemotionRenderer/main/lib/layouts/DefaultLayout.js +2 -1
- package/dist/screenplay/RemotionRenderer/main/lib/layouts/DynamicTriangleLayout.js +3 -2
- package/dist/screenplay/RemotionRenderer/main/lib/layouts/HandoffLayout.js +3 -2
- package/dist/screenplay/RemotionRenderer/main/lib/layouts/IntroVideoLayout.js +3 -1
- package/dist/screenplay/RemotionRenderer/main/lib/layouts/KeywordLayout.js +3 -2
- package/dist/screenplay/RemotionRenderer/main/lib/layouts/LayoutFactory.js +25 -0
- package/dist/screenplay/RemotionRenderer/main/lib/layouts/MotionStillLayout.js +3 -2
- package/dist/screenplay/RemotionRenderer/main/lib/layouts/TextWithVideoLayout.js +3 -2
- package/dist/screenplay/RemotionRenderer/registeredComponents.js +10 -0
- package/package.json +1 -1
|
@@ -90,27 +90,30 @@ export var RemotionRenderer = /*#__PURE__*/function () {
|
|
|
90
90
|
}, {
|
|
91
91
|
key: "toRemotionFragment",
|
|
92
92
|
value: function toRemotionFragment(screenPlaySegment, layout) {
|
|
93
|
-
var _screenPlaySegment$da, _screenPlaySegment$da2, _layout$data, _screenPlaySegment$da3, _screenPlaySegment$da4, _layout$data2, _screenPlaySegment$da5, _toFrames, _screenPlaySegment$
|
|
93
|
+
var _screenPlaySegment$da, _screenPlaySegment$da2, _layout$data, _screenPlaySegment$da3, _screenPlaySegment$da4, _layout$data2, _screenPlaySegment$da5, _screenPlaySegment$da6, _layout$data3, _screenPlaySegment$da7, _screenPlaySegment$da8, _layout$data4, _screenPlaySegment$da9, _toFrames, _screenPlaySegment$da10, _screenPlaySegment$da11;
|
|
94
94
|
var trimLeft = 0;
|
|
95
95
|
if (layout) {
|
|
96
96
|
trimLeft = layout.data.trimLeft || 0;
|
|
97
97
|
}
|
|
98
98
|
var component = toPascalCase(screenPlaySegment.type);
|
|
99
99
|
var inheritedProps = component === "HandoffNametag" ? {
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
100
|
+
useSquareInLandscape: (_screenPlaySegment$da = (_screenPlaySegment$da2 = screenPlaySegment.data) === null || _screenPlaySegment$da2 === void 0 ? void 0 : _screenPlaySegment$da2.useSquareInLandscape) !== null && _screenPlaySegment$da !== void 0 ? _screenPlaySegment$da : layout === null || layout === void 0 ? void 0 : (_layout$data = layout.data) === null || _layout$data === void 0 ? void 0 : _layout$data.useSquareInLandscape,
|
|
101
|
+
handoffNametagVariant: (_screenPlaySegment$da3 = (_screenPlaySegment$da4 = screenPlaySegment.data) === null || _screenPlaySegment$da4 === void 0 ? void 0 : _screenPlaySegment$da4.handoffNametagVariant) !== null && _screenPlaySegment$da3 !== void 0 ? _screenPlaySegment$da3 : layout === null || layout === void 0 ? void 0 : (_layout$data2 = layout.data) === null || _layout$data2 === void 0 ? void 0 : _layout$data2.handoffNametagVariant,
|
|
102
|
+
useSquareInLandscapeFirstVideo: (_screenPlaySegment$da5 = (_screenPlaySegment$da6 = screenPlaySegment.data) === null || _screenPlaySegment$da6 === void 0 ? void 0 : _screenPlaySegment$da6.useSquareInLandscapeFirstVideo) !== null && _screenPlaySegment$da5 !== void 0 ? _screenPlaySegment$da5 : layout === null || layout === void 0 ? void 0 : (_layout$data3 = layout.data) === null || _layout$data3 === void 0 ? void 0 : _layout$data3.useSquareInLandscapeFirstVideo
|
|
103
|
+
} : {
|
|
104
|
+
useSquareInLandscape: (_screenPlaySegment$da7 = (_screenPlaySegment$da8 = screenPlaySegment.data) === null || _screenPlaySegment$da8 === void 0 ? void 0 : _screenPlaySegment$da8.useSquareInLandscape) !== null && _screenPlaySegment$da7 !== void 0 ? _screenPlaySegment$da7 : layout === null || layout === void 0 ? void 0 : (_layout$data4 = layout.data) === null || _layout$data4 === void 0 ? void 0 : _layout$data4.useSquareInLandscape
|
|
105
|
+
};
|
|
103
106
|
var from = this.fps * (screenPlaySegment.data.offset - trimLeft) || 0;
|
|
104
107
|
var durationInFrames = toFrames(this.fps * screenPlaySegment.data.duration);
|
|
105
108
|
var to = from + durationInFrames;
|
|
106
109
|
return _objectSpread(_objectSpread(_objectSpread({}, screenPlaySegment.data), inheritedProps), {}, {
|
|
107
110
|
component: component,
|
|
108
|
-
videoUrl: (_screenPlaySegment$
|
|
109
|
-
startVideoFrom: (_toFrames = toFrames(this.fps * ((_screenPlaySegment$
|
|
111
|
+
videoUrl: (_screenPlaySegment$da9 = screenPlaySegment.data.sourceVideo) === null || _screenPlaySegment$da9 === void 0 ? void 0 : _screenPlaySegment$da9.videoUrl,
|
|
112
|
+
startVideoFrom: (_toFrames = toFrames(this.fps * ((_screenPlaySegment$da10 = screenPlaySegment.data.sourceVideo) === null || _screenPlaySegment$da10 === void 0 ? void 0 : _screenPlaySegment$da10.start), false, true)) !== null && _toFrames !== void 0 ? _toFrames : 0,
|
|
110
113
|
durationInFrames: durationInFrames,
|
|
111
114
|
from: from,
|
|
112
115
|
to: to,
|
|
113
|
-
videoZoom: (_screenPlaySegment$
|
|
116
|
+
videoZoom: (_screenPlaySegment$da11 = screenPlaySegment.data.sourceVideo) === null || _screenPlaySegment$da11 === void 0 ? void 0 : _screenPlaySegment$da11.zoom,
|
|
114
117
|
offset: toFrames(this.fps * (screenPlaySegment.data.offset - trimLeft)) || 0,
|
|
115
118
|
theme: screenPlaySegment.theme,
|
|
116
119
|
themeSettings: screenPlaySegment === null || screenPlaySegment === void 0 ? void 0 : screenPlaySegment.themeSettings
|
|
@@ -119,20 +122,20 @@ export var RemotionRenderer = /*#__PURE__*/function () {
|
|
|
119
122
|
}, {
|
|
120
123
|
key: "toRemotionAudioFragment",
|
|
121
124
|
value: function toRemotionAudioFragment(screenPlaySegment) {
|
|
122
|
-
var _screenPlaySegment$
|
|
125
|
+
var _screenPlaySegment$da12, _toFrames2, _screenPlaySegment$da13, _screenPlaySegment$da14, _screenPlaySegment$da15, _screenPlaySegment$da16, _screenPlaySegment$da17, _screenPlaySegment$da18;
|
|
123
126
|
var from = this.fps * screenPlaySegment.data.offset || 0;
|
|
124
127
|
var durationInFrames = toFrames(this.fps * screenPlaySegment.data.duration) || undefined;
|
|
125
128
|
var to = from + durationInFrames;
|
|
126
129
|
return _objectSpread(_objectSpread({}, screenPlaySegment.data), {}, {
|
|
127
130
|
component: toPascalCase(screenPlaySegment.type),
|
|
128
|
-
src: (_screenPlaySegment$
|
|
129
|
-
startAudioFrom: (_toFrames2 = toFrames(this.fps * ((_screenPlaySegment$
|
|
131
|
+
src: (_screenPlaySegment$da12 = screenPlaySegment.data.sourceAudio) === null || _screenPlaySegment$da12 === void 0 ? void 0 : _screenPlaySegment$da12.url,
|
|
132
|
+
startAudioFrom: (_toFrames2 = toFrames(this.fps * ((_screenPlaySegment$da13 = screenPlaySegment.data.sourceAudio) === null || _screenPlaySegment$da13 === void 0 ? void 0 : _screenPlaySegment$da13.start), false, true)) !== null && _toFrames2 !== void 0 ? _toFrames2 : 0,
|
|
130
133
|
durationInFrames: durationInFrames,
|
|
131
134
|
from: from,
|
|
132
135
|
to: to,
|
|
133
136
|
offset: this.fps * screenPlaySegment.data.offset || 0,
|
|
134
|
-
volume: (_screenPlaySegment$
|
|
135
|
-
loop: ((_screenPlaySegment$
|
|
137
|
+
volume: (_screenPlaySegment$da14 = (_screenPlaySegment$da15 = screenPlaySegment.data) === null || _screenPlaySegment$da15 === void 0 ? void 0 : (_screenPlaySegment$da16 = _screenPlaySegment$da15.sourceAudio) === null || _screenPlaySegment$da16 === void 0 ? void 0 : _screenPlaySegment$da16.volume) !== null && _screenPlaySegment$da14 !== void 0 ? _screenPlaySegment$da14 : 1,
|
|
138
|
+
loop: ((_screenPlaySegment$da17 = screenPlaySegment.data) === null || _screenPlaySegment$da17 === void 0 ? void 0 : (_screenPlaySegment$da18 = _screenPlaySegment$da17.sourceAudio) === null || _screenPlaySegment$da18 === void 0 ? void 0 : _screenPlaySegment$da18.loop) || false
|
|
136
139
|
});
|
|
137
140
|
}
|
|
138
141
|
}, {
|
|
@@ -164,10 +167,10 @@ export var RemotionRenderer = /*#__PURE__*/function () {
|
|
|
164
167
|
key: "toRemotionCaptionSegment",
|
|
165
168
|
value: function toRemotionCaptionSegment(screenPlaySegment, screenplayLayout) {
|
|
166
169
|
var _screenplayLayout$dat,
|
|
167
|
-
_screenPlaySegment$
|
|
170
|
+
_screenPlaySegment$da19,
|
|
168
171
|
_this3 = this;
|
|
169
172
|
var trimLeft = (screenplayLayout === null || screenplayLayout === void 0 ? void 0 : (_screenplayLayout$dat = screenplayLayout.data) === null || _screenplayLayout$dat === void 0 ? void 0 : _screenplayLayout$dat.trimLeft) || 0;
|
|
170
|
-
var segmentOffset = Number(screenPlaySegment === null || screenPlaySegment === void 0 ? void 0 : (_screenPlaySegment$
|
|
173
|
+
var segmentOffset = Number(screenPlaySegment === null || screenPlaySegment === void 0 ? void 0 : (_screenPlaySegment$da19 = screenPlaySegment.data) === null || _screenPlaySegment$da19 === void 0 ? void 0 : _screenPlaySegment$da19.offset);
|
|
171
174
|
var from = Number.isFinite(segmentOffset) ? this.fps * (segmentOffset + trimLeft) : 0;
|
|
172
175
|
var transcripts = screenPlaySegment.data.transcript_text;
|
|
173
176
|
if (!transcripts) {
|