@zync/zync-screnplay-player 0.1.197 → 0.1.199

package/dist/screenplay/RemotionRenderer/RemotionRenderer.js

@@ -12,6 +12,7 @@ import { screenplaySchema } from "./main/screenplaySchema.js";
 import { LayoutFactory } from "./main/lib/layouts/LayoutFactory.js";
 import { toFrames, toPascalCase } from "./main/lib/Sequence.js";
 import { transitionThemes } from "./config.js";
+import { normalizeDisabledTranscripts } from "./helpers/normalizeDisabledTranscripts.js";
 export var RemotionRenderer = /*#__PURE__*/function () {
   function RemotionRenderer(screenplay) {
     _classCallCheck(this, RemotionRenderer);
@@ -23,7 +24,7 @@ export var RemotionRenderer = /*#__PURE__*/function () {
     _defineProperty(this, "captionsVideoTrack", []);
     _defineProperty(this, "audioTrack", []);
     _defineProperty(this, "output", void 0);
-    this.screenplay = screenplay;
+    this.screenplay = normalizeDisabledTranscripts(screenplay);
     this.output = this.getRemotionOutputSettings();
   }
   return _createClass(RemotionRenderer, [{
@@ -65,17 +66,20 @@ export var RemotionRenderer = /*#__PURE__*/function () {
           }
       }
       var segmentTrack = this.getSegmentTrack();
-      var segments = segmentTrack.segments;
+      var segments = segmentTrack.segments || [];
       compositionMetadata.durationInFrames = segments.reduce(function (durationInFrames, segment, index, array) {
-        var segmentDuration = segment.layout.data.duration || 0;
-        var trimLeft = segment.layout.data.trimLeft || 0;
-        var trimRight = segment.layout.data.trimRight || 0;
+        var _segment$layout, _segment$layout$data, _segment$layout2, _segment$layout2$data, _segment$layout3, _segment$layout3$data, _segment$transitionAf;
+        var segmentDuration = (segment === null || segment === void 0 ? void 0 : (_segment$layout = segment.layout) === null || _segment$layout === void 0 ? void 0 : (_segment$layout$data = _segment$layout.data) === null || _segment$layout$data === void 0 ? void 0 : _segment$layout$data.duration) || 0;
+        var trimLeft = (segment === null || segment === void 0 ? void 0 : (_segment$layout2 = segment.layout) === null || _segment$layout2 === void 0 ? void 0 : (_segment$layout2$data = _segment$layout2.data) === null || _segment$layout2$data === void 0 ? void 0 : _segment$layout2$data.trimLeft) || 0;
+        var trimRight = (segment === null || segment === void 0 ? void 0 : (_segment$layout3 = segment.layout) === null || _segment$layout3 === void 0 ? void 0 : (_segment$layout3$data = _segment$layout3.data) === null || _segment$layout3$data === void 0 ? void 0 : _segment$layout3$data.trimRight) || 0;
         var netDuration = segmentDuration - trimLeft - trimRight;
         var duration = durationInFrames + netDuration * _this.fps;
         var transitionTheme = transitionThemes[theme];
+        var transitionAfter = (_segment$transitionAf = segment === null || segment === void 0 ? void 0 : segment.transitionAfter) !== null && _segment$transitionAf !== void 0 ? _segment$transitionAf : segment === null || segment === void 0 ? void 0 : segment.__transitionAfter;
         if (transitionTheme) {
           var isLast = index === array.length - 1;
-          return toFrames(duration) - (isLast ? 0 : transitionTheme.durationInFrames);
+          var shouldApplyTransition = !isLast && transitionAfter !== false;
+          return toFrames(duration) - (shouldApplyTransition ? transitionTheme.durationInFrames : 0);
         }
         return toFrames(duration);
       }, 0);
@@ -129,9 +133,12 @@ export var RemotionRenderer = /*#__PURE__*/function () {
   }, {
     key: "toRemotionSegment",
     value: function toRemotionSegment(screenPlaySegment) {
-      var _this2 = this;
+      var _this2 = this,
+        _ref,
+        _screenPlaySegment$tr;
       var layout = screenPlaySegment.layout,
-        effects = screenPlaySegment.effects;
+        _screenPlaySegment$ef = screenPlaySegment.effects,
+        effects = _screenPlaySegment$ef === void 0 ? [] : _screenPlaySegment$ef;
       return {
         layout: LayoutFactory.createObject(layout),
         effects: effects.map(function (effect) {
@@ -139,7 +146,8 @@ export var RemotionRenderer = /*#__PURE__*/function () {
             return _this2.toRemotionCaptionSegment(effect, layout);
           }
           return _this2.toRemotionFragment(effect, layout);
-        })
+        }),
+        transitionAfter: (_ref = (_screenPlaySegment$tr = screenPlaySegment === null || screenPlaySegment === void 0 ? void 0 : screenPlaySegment.transitionAfter) !== null && _screenPlaySegment$tr !== void 0 ? _screenPlaySegment$tr : screenPlaySegment === null || screenPlaySegment === void 0 ? void 0 : screenPlaySegment.__transitionAfter) !== null && _ref !== void 0 ? _ref : true
       };
     }
   }, {
@@ -150,9 +158,12 @@ export var RemotionRenderer = /*#__PURE__*/function () {
   }, {
     key: "toRemotionCaptionSegment",
     value: function toRemotionCaptionSegment(screenPlaySegment, screenplayLayout) {
-      var _this3 = this;
-      var trimLeft = screenplayLayout.data.trimLeft || 0;
-      var from = this.fps * (screenPlaySegment.data.offset + trimLeft) || 0;
+      var _screenplayLayout$dat,
+        _screenPlaySegment$da11,
+        _this3 = this;
+      var trimLeft = (screenplayLayout === null || screenplayLayout === void 0 ? void 0 : (_screenplayLayout$dat = screenplayLayout.data) === null || _screenplayLayout$dat === void 0 ? void 0 : _screenplayLayout$dat.trimLeft) || 0;
+      var segmentOffset = Number(screenPlaySegment === null || screenPlaySegment === void 0 ? void 0 : (_screenPlaySegment$da11 = screenPlaySegment.data) === null || _screenPlaySegment$da11 === void 0 ? void 0 : _screenPlaySegment$da11.offset);
+      var from = Number.isFinite(segmentOffset) ? this.fps * (segmentOffset + trimLeft) : 0;
       var transcripts = screenPlaySegment.data.transcript_text;
       if (!transcripts) {
         throw new Error("No transcript_text provided in transcript segment");
@@ -243,8 +254,8 @@ export var RemotionRenderer = /*#__PURE__*/function () {
         throw new Error("Caption track not found");
       }
       var segments = screenPlayCaptionTrack.segments;
-      segments.forEach(function (segment, _ref) {
-        _objectDestructuringEmpty(_ref);
+      segments.forEach(function (segment, _ref2) {
+        _objectDestructuringEmpty(_ref2);
         _this6.captionsVideoTrack.push(_this6.toRemotionCaptionSegment(segment));
       });
     }

package/dist/screenplay/RemotionRenderer/components/layouts/CreatorCollabSplit.js

@@ -241,10 +241,6 @@ export var CreatorCollabSplit = function CreatorCollabSplit(_ref) {
     easing: Easing.out(Easing.cubic),
     extrapolateRight: "clamp"
   });
-  var columnOutTranslate = interpolate(frame, [0, 18], [40, 0], {
-    easing: Easing.out(Easing.cubic),
-    extrapolateRight: "clamp"
-  });
   var columnOpacity = interpolate(frame, [0, 18], [0, 1], {
     easing: Easing.out(Easing.ease),
     extrapolateRight: "clamp"
@@ -305,7 +301,6 @@ export var CreatorCollabSplit = function CreatorCollabSplit(_ref) {
   var activeFilter = "saturate(1.05)";
   var creatorFrameWidth = videoWidth;
   var creatorFrameHeight = videoHeight;
-  var creatorColumnTransform = isLandscape ? "translateX(".concat(columnOutTranslate, "px)") : "translateY(".concat(columnOutTranslate, "px)");
   var nowName = safeFullName || "Host";
   var nextName = safeCollaboratorName || "Guest";
   var squareBarHeight = Math.min(height * 0.36, 320);
@@ -665,8 +660,7 @@ export var CreatorCollabSplit = function CreatorCollabSplit(_ref) {
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      transform: creatorColumnTransform,
-      opacity: columnOpacity * (creatorActive ? 1 : inactiveOpacity)
+      opacity: creatorActive ? 1 : inactiveOpacity
     }
   }, /*#__PURE__*/React.createElement("div", {
     style: {
@@ -693,7 +687,7 @@ export var CreatorCollabSplit = function CreatorCollabSplit(_ref) {
       borderRadius: isSquare ? surfaceRadius : 0,
       overflow: "hidden",
       border: creatorActive ? "2px solid ".concat(ringColor) : "1px solid ".concat(cardBorder),
-      opacity: columnOpacity * (creatorActive ? 1 : inactiveOpacity),
+      opacity: creatorActive ? 1 : inactiveOpacity,
       zIndex: 1
     }
   }, /*#__PURE__*/React.createElement("div", {

package/dist/screenplay/RemotionRenderer/development.js

@@ -36,7 +36,7 @@ var renderer = new RemotionRenderer({
           frameColor: "#29402F",
           disableTransitionSounds: false,
           paddingLeft: 1.92,
-          paddingRight: 0.8499998
+          paddingRight: 0.4249999
         }
       },
       effects: [{
@@ -65,6 +65,7 @@ var renderer = new RemotionRenderer({
             }]
           }, {
             offset: 1.6,
+            disabled: true,
             duration: 1.2200000000000002,
             text: "recording for",
             punctuations: [{
@@ -79,6 +80,7 @@ var renderer = new RemotionRenderer({
           }, {
             offset: 2.8799997,
             duration: 1.8600003000000003,
+            disabled: false,
             text: "question, video.",
             punctuations: [{
               index: 0,
@@ -96,20 +98,22 @@ var renderer = new RemotionRenderer({
       layout: {
         type: "creator_collab_split",
         data: {
-          text: "This is a session title",
-          fullName: "this is speaker full name - you can use nametag effect as example of data point",
-          title: "this is speaker title - you can use nametag effect as example of data point",
-          collaboratorName: "this is collaborator full name - get it from seeker details",
-          collaboratorTitle: "this is collaborator title - get it from seeker details",
+          text: "rafal test: Mixpanel Tests",
+          fullName: "rafal test",
+          title: "Super Dev",
+          collaboratorName: "rafal test",
+          collaboratorTitle: null,
           firstVideoFile: "https://stream.mux.com/QVXpL01pAdZ00htZ4yiy002wy02025oqCGED7TBchWFuI01SA/highest.mp4",
           secondVideoFile: "https://stream.mux.com/ZkbRuHLYAX7ChWJqqdP9Mri343DB02QlA9YLlgw1JWs8/highest.mp4",
-          duration: 4.6493332,
-          // the same as first video duration
+          duration: 3.47,
           sourceVideo: {
             videoUrl: "https://stream.mux.com/QVXpL01pAdZ00htZ4yiy002wy02025oqCGED7TBchWFuI01SA/highest.mp4",
             start: 7.7599998,
-            aspectRatio: "16:9"
-          }
+            aspectRatio: "16:9",
+            durationSeconds: 12.409333
+          },
+          paddingLeft: 0.4249999,
+          paddingRight: 1.1793331999999999
         }
       },
       effects: [{
@@ -131,8 +135,7 @@ var renderer = new RemotionRenderer({
               index: 2,
               start: 0.9600002000000005,
               end: 1.4400001999999992
-            }],
-            speaker: "seeker"
+            }]
           }, {
             offset: 1.4400001999999992,
             duration: 1.2800000000000011,
@@ -149,8 +152,7 @@ var renderer = new RemotionRenderer({
               index: 2,
               start: 2.3200002,
               end: 2.7200002000000003
-            }],
-            speaker: "seeker"
+            }]
           }, {
             offset: 2.7200002000000003,
             duration: 0.5,
@@ -159,77 +161,84 @@ var renderer = new RemotionRenderer({
               index: 0,
               start: 2.7200002000000003,
               end: 3.2200002000000003
-            }],
-            speaker: "seeker"
-          }, {
-            offset: 3.4700000000000006,
+            }]
+          }]
+        }
+      }]
+    }, {
+      recordingIndex: 0,
+      layout: {
+        type: "simple_frame",
+        data: {
+          noBackgroundVideoEffects: {
+            facePop: true,
+            backgroundDim: true,
+            backgroundBlur: false
+          },
+          sourceVideo: {
+            videoUrl: "https://stream.mux.com/ZkbRuHLYAX7ChWJqqdP9Mri343DB02QlA9YLlgw1JWs8/highest.mp4",
+            start: 1.36,
+            aspectRatio: "16:9",
+            durationSeconds: 13.509333
+          },
+          duration: 4.1899999999999995,
+          logoUrl: "https://cdn.zync.ai/assets/static/default_blank_logo.png",
+          frameColor: "#29402F",
+          disableTransitionSounds: false,
+          paddingLeft: 1.36,
+          paddingRight: 1.025
+        }
+      },
+      effects: [{
+        type: "caption_word_boom",
+        data: {
+          transcript_text: [{
+            offset: 0,
             duration: 1.7799998999999997,
             text: "This is a response",
             punctuations: [{
               index: 0,
-              start: 3.4700000000000006,
-              end: 3.79,
-              originalStart: 0,
-              originalEnd: 0.31999999999999984
+              start: 0,
+              end: 0.31999999999999984
             }, {
               index: 1,
-              start: 3.79,
-              end: 4.2899998,
-              originalStart: 0.31999999999999984,
-              originalEnd: 0.8199998
+              start: 0.31999999999999984,
+              end: 0.8199998
             }, {
               index: 2,
-              start: 4.590000000000001,
-              end: 4.749999900000001,
-              originalStart: 1.1199999999999999,
-              originalEnd: 1.2799998999999997
+              start: 1.1199999999999999,
+              end: 1.2799998999999997
             }, {
               index: 3,
-              start: 4.749999900000001,
-              end: 5.249999900000001,
-              originalStart: 1.2799998999999997,
-              originalEnd: 1.7799998999999997
-            }],
-            originalOffset: 0,
-            speaker: "responder"
+              start: 1.2799998999999997,
+              end: 1.7799998999999997
+            }]
           }, {
-            offset: 5.390000000000001,
+            offset: 1.9199999999999997,
             duration: 1.2200000000000002,
             text: "to the test",
             punctuations: [{
               index: 0,
-              start: 5.390000000000001,
-              end: 5.5499998,
-              originalStart: 1.9199999999999997,
-              originalEnd: 2.0799997999999995
+              start: 1.9199999999999997,
+              end: 2.0799997999999995
             }, {
               index: 1,
-              start: 5.5499998,
-              end: 6.0499998,
-              originalStart: 2.0799997999999995,
-              originalEnd: 2.5799997999999995
+              start: 2.0799997999999995,
+              end: 2.5799997999999995
             }, {
               index: 2,
-              start: 6.109999999999999,
-              end: 6.609999999999999,
-              originalStart: 2.6399999999999997,
-              originalEnd: 3.1399999999999997
-            }],
-            originalOffset: 1.9199999999999997,
-            speaker: "responder"
+              start: 2.6399999999999997,
+              end: 3.1399999999999997
+            }]
           }, {
-            offset: 6.909999699999998,
+            offset: 3.4399996999999995,
             duration: 0.5,
             text: "question.",
             punctuations: [{
               index: 0,
-              start: 6.909999699999998,
-              end: 7.409999699999998,
-              originalStart: 3.4399996999999995,
-              originalEnd: 3.9399996999999995
-            }],
-            originalOffset: 3.4399996999999995,
-            speaker: "responder"
+              start: 3.4399996999999995,
+              end: 3.9399996999999995
+            }]
           }]
         }
       }]
@@ -253,7 +262,7 @@ var renderer = new RemotionRenderer({
           logoUrl: "https://cdn.zync.ai/assets/static/default_blank_logo.png",
           frameColor: "#29402F",
           disableTransitionSounds: false,
-          paddingLeft: 2.05,
+          paddingLeft: 1.025,
           paddingRight: 0.8393329999999999
         }
       },
@@ -315,6 +324,14 @@ var renderer = new RemotionRenderer({
   }, {
     type: "effect",
     segments: [{
+      type: "title",
+      theme: null,
+      data: {
+        text: "rafal test: Mixpanel Tests",
+        offset: 1,
+        duration: 5
+      }
+    }, {
       type: "watermark",
       data: {
         duration: 10,
@@ -331,10 +348,10 @@ var renderer = new RemotionRenderer({
       type: "soundtrack",
       data: {
         musicConfig: "default",
-        randomMusicUrl: "https://storage.googleapis.com/zync-media/media/music/13.mp3",
-        customMusicUrl: "https://storage.googleapis.com/zync-media/media/music/13.mp3",
+        randomMusicUrl: "https://storage.googleapis.com/zync-media/media/music/4.mp3",
+        customMusicUrl: "https://storage.googleapis.com/zync-media/media/music/4.mp3",
         sourceAudio: {
-          url: "https://storage.googleapis.com/zync-media/media/music/13.mp3",
+          url: "https://storage.googleapis.com/zync-media/media/music/4.mp3",
           volume: 0.05,
           start: 0,
           loop: true
@@ -344,15 +361,15 @@ var renderer = new RemotionRenderer({
     }]
   }],
   output: {
-    orientation: "portrait",
+    orientation: "landscape",
     fps: 60,
-    callbackUrl: "https://contentkit-test.zync.ai/api/processor/callback",
+    callbackUrl: "http://localhost:1230/api/processor/callback",
     callbackMetadata: {
       taskDetails: {
         processorId: "VIDEO_SCREENPLAY",
+        groupId: "5lURyf",
         workspaceId: "q9ZThUTP",
-        meetingSeriesId: "VEn6dHb1",
-        groupId: "5lURyf"
+        meetingSeriesId: "VEn6dHb1"
       }
     }
   }