@zync/zync-screnplay-player 0.1.187

package/dist/ZyncScreenplayPlayer.js

@@ -0,0 +1,35 @@
+import React from "react";
+import { Player } from "@remotion/player";
+import { RemotionRenderer } from "./screenplay/RemotionRenderer/RemotionRenderer";
+import { DynamicVideoComposition } from "./screenplay/RemotionRenderer/tracks/DynamicVideoComposition";
+var ZyncScreenplayPlayer = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var screenplay = _ref.screenplay,
+    _ref$compositionWidth = _ref.compositionWidth,
+    compositionWidth = _ref$compositionWidth === void 0 ? 1920 : _ref$compositionWidth,
+    _ref$compositionHeigh = _ref.compositionHeight,
+    compositionHeight = _ref$compositionHeigh === void 0 ? 1080 : _ref$compositionHeigh,
+    style = _ref.style;
+  var remotionRenderer = new RemotionRenderer(screenplay);
+  remotionRenderer.generateMainVideoTrack();
+  remotionRenderer.generateLayoutTrack();
+  remotionRenderer.generateEffectsTrack();
+  remotionRenderer.generateCaptionsTrack();
+  remotionRenderer.generateAudioTrack();
+  var inputProps = remotionRenderer.buildRemotionTimeline();
+  var _ref2 = inputProps || {},
+    output = _ref2.output;
+  var durationInFrames = output.durationInFrames;
+  return /*#__PURE__*/React.createElement(Player, {
+    ref: ref,
+    numberOfSharedAudioTags: 10,
+    component: DynamicVideoComposition,
+    inputProps: inputProps,
+    durationInFrames: durationInFrames,
+    compositionWidth: compositionWidth,
+    compositionHeight: compositionHeight,
+    fps: 30,
+    style: style,
+    controls: true
+  });
+});
+export default ZyncScreenplayPlayer;