@stagecliplk/remotion-template 1.0.6 → 1.0.8

package/dist/RemotionPlayer.d.ts

@@ -1,6 +1,8 @@
+import { CSSProperties } from 'react';
 import { VideoTemplate } from './types/template';
-export declare const RemotionPlayer: ({ devMode, activeAspectRatio, template, }: {
+export declare const RemotionPlayer: ({ devMode, activeAspectRatio, template, style, }: {
     devMode?: boolean;
     activeAspectRatio: "16:9" | "9:16";
     template: VideoTemplate;
+    style?: CSSProperties;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TemplateEditor.d.ts

@@ -5,6 +5,7 @@ interface TemplateEditorProps {
     selectedSceneId: string | null;
     onTemplateChange: (template: VideoTemplate) => void;
     onClearSelection: () => void;
+    onStudentOptionToggle?: (key: 'studentPhotoScene' | 'studentMessageScene' | 'studentPhotoMontage' | 'pickMusic' | 'downloadClip916', value: boolean) => void;
     onAspectRatioChange?: (aspectRatio: '16:9' | '9:16') => void;
     onOpenMediaLibrary?: (sceneId: string, propPath: string, mediaType: 'video' | 'image', options?: {
         photoIndex?: number;

package/dist/data/template.json.d.ts

@@ -2,13 +2,13 @@ declare const _default: {
   "id": "c2ae73ef-1fd1-4325-afd1-264e56ee1898",
   "eventId": "cfb522c9-3d91-4e7f-b1cf-c10474befaef",
   "eventType": "Live Event Graduation",
-  "eventName": "Ceremony 2",
+  "eventName": "Sample Ceremony",
   "compositionDefaults": {
     "fps": 30,
     "width": 1920,
     "height": 1080,
     "aspectRatio": "16:9",
-    "totalFrames": 1114,
+    "totalFrames": 934,
     "devMode": true
   },
   "globalBranding": {
@@ -20,7 +20,7 @@ declare const _default: {
     "fontSize": 16,
     "lineSpacing": 75,
     "logoPrimary": "https://stageclip.com/wp-content/uploads/2023/04/SC_Full_logo.png",
-    "logoSecondary": "https://media.licdn.com/dms/image/v2/C560BAQEagp_YxJj2cw/company-logo_200_200/company-logo_200_200/0/1656943101553/stageclip_logo?e=2147483647&v=beta&t=B9TT6W1vJTCIB-UDcSOKVQ1PBX69NcjA7Pfn6DeCUrc",
+    "logoSecondary": "https://storage.googleapis.com/azvp_demo_assets/Stageclip_Icon_White.png",
     "socialMedia": {
       "websiteUrl": "Stageclip.com",
       "contactLine": "Sample Clip",
@@ -39,7 +39,7 @@ declare const _default: {
     "lastName": "Lauretta Francis",
     "participantSubtitle": "BS in Business Administration",
     "participantSecondSubtitle": "Suma Cum Laude",
-    "participantLiveAudioUrl": "https://remotionlambda-jfkbnf6jjh.s3.eu-west-1.amazonaws.com/participant-previews/01c2b760-8c66-4c3f-acf4-6808f1a286a8/5d8dcfc6-4857-40e2-8be4-f7be9fdf07c5/audio.wav",
+    "participantLiveAudioUrl": "https://storage.googleapis.com/azvp_demo_assets/Name_Reading.mp3",
     "participantLiveVideoUrl": "https://storage.googleapis.com/azvp_demo_assets/Generic_Graduate_Stagewalk.mp4",
     "participantVideoMessageUrl": "https://storage.googleapis.com/azvp_demo_assets/Generic_Graduate_Selfie.mp4",
     "slowMotionVideoEnabled": true,
@@ -48,156 +48,95 @@ declare const _default: {
   },
   "timeline": [
     {
-      "id": "scene_1770095297588",
+      "id": "scene_1770268443748",
       "type": "Intro",
-      "designId": "TextOnlyIntro",
+      "designId": "Classic_Intro_White",
       "durationInFrames": 90,
       "componentProps": {
-        "bgColor": "$globalBranding.brandColor3",
+        "bgColor": "#ffffff",
         "accentColor": "#1dab57",
-        "fontColor": "$globalBranding.brandColor1",
+        "fontColor": "#2c6288",
         "fontFamily": "'Oswald', sans-serif",
         "logoUrl": "https://stageclip.com/wp-content/uploads/2023/04/SC_Full_logo.png",
         "logoType": "primary",
         "Line1": "Proudly Presents",
         "Line2": "The Class of 2026",
-        "Line3": ""
+        "Line3": "Classic Intro - White"
       },
       "styleProps": {
         "textPaddingLeft": 150
       }
     },
     {
-      "id": "scene_1767326729567",
+      "id": "scene_1770268406767",
       "type": "Student_Clip",
-      "designId": "TextOverVideo",
-      "durationInFrames": 350,
+      "designId": "Student_Clip_Main",
+      "durationInFrames": 240,
       "componentProps": {
         "bgColor": "$globalBranding.brandColor1",
-        "accentColor": "$globalBranding.brandColor1",
+        "accentColor": "#2c6288",
         "fontColor": "$globalBranding.brandColor3",
         "fontFamily": "'Oswald', sans-serif",
         "logoUrl": "https://stageclip.com/wp-content/uploads/2023/04/SC_Full_logo.png",
         "logoType": "primary",
-        "textAlignment": "left",
-        "name": "$participantData.participantName",
-        "subtitle": "$participantData.participantSubtitle",
+        "textAlignment": "center",
+        "name": "Your Name",
+        "subtitle": "Your Subtitle",
         "videoUrl": "https://storage.googleapis.com/azvp_demo_assets/Generic_Graduate_Stagewalk.mp4",
+        "videoDurationInFrames": 240,
         "trimStartFrame": 0,
         "trimEndFrame": 240,
-        "playbackSpeed": 0.7,
-        "participantAudioUrl": "https://remotionlambda-jfkbnf6jjh.s3.eu-west-1.amazonaws.com/participant-previews/01c2b760-8c66-4c3f-acf4-6808f1a286a8/5d8dcfc6-4857-40e2-8be4-f7be9fdf07c5/audio.wav",
-        "videoDurationInFrames": 240,
-        "lower3rdStyle": "style1",
-        "subtitle2": "$participantData.participantSecondSubtitle"
+        "playbackSpeed": 1,
+        "participantAudioUrl": "https://storage.googleapis.com/azvp_demo_assets/Name_Reading.mp3",
+        "lower3rdStyle": "bars"
       },
       "styleProps": {
         "textPaddingLeft": 150,
         "footageScale": 95,
         "footagePosX": 0
       },
-      "fadeOut": 17,
-      "fadeInColor": "#2c6288",
-      "fadeOutColor": "#000000",
       "advancedPositioning": {
         "16:9": {
-          "footage": {
+          "textBlock": {
             "x": 0,
             "y": 0,
-            "scale": 1.3
+            "scale": 1,
+            "fontSizeScale": 1
           },
-          "logoUrl": "",
-          "logoType": "custom",
-          "textBlock": {
-            "x": 0,
-            "y": -17.28,
-            "scale": 1.28,
-            "fontSizeScale": 0.8
-          }
+          "logo": {
+            "x": -63.36,
+            "y": -387.71999999999997,
+            "scale": 1.94,
+            "opacity": 1
+          },
+          "logoUrl": "https://storage.googleapis.com/azvp_demo_assets/Stageclip_Icon_White.png",
+          "logoType": "custom"
         },
         "9:16": {
-          "logoUrl": "",
+          "logoUrl": "https://storage.googleapis.com/azvp_demo_assets/Stageclip_Icon_White.png",
           "logoType": "custom",
-          "footage": {
-            "x": 0,
-            "y": -121,
-            "scale": 2
+          "logo": {
+            "x": 93.96,
+            "y": -625.9200000000001,
+            "scale": 1.84,
+            "opacity": 1
           },
           "textBlock": {
             "x": 0,
-            "y": -109.44,
-            "scale": 1.42,
-            "fontSizeScale": 1.14
-          }
-        }
-      },
-      "transition": "Fade",
-      "transitionDuration": 30
-    },
-    {
-      "id": "scene_1770094174974",
-      "type": "StudentPhoto",
-      "designId": "StudentPhoto",
-      "durationInFrames": 90,
-      "componentProps": {
-        "bgColor": "#ffffff",
-        "fontColor": "#000000",
-        "fontFamily": "'Oswald', sans-serif",
-        "name": "$participantData.participantName",
-        "subtitle": "$participantData.participantSubtitle",
-        "subtitle2": "$participantData.participantSecondSubtitle",
-        "photoUrl": "https://storage.googleapis.com/azvp_demo_assets/Generic_Graduate_Photo.jpg",
-        "textAlignment": "left"
-      },
-      "styleProps": {},
-      "advancedPositioning": {
-        "16:9": {
-          "textBlock": {
-            "x": 0,
-            "y": -168.48,
-            "scale": 0.86,
-            "fontSizeScale": 0.86
-          }
-        },
-        "9:16": {
-          "textBlock": {
-            "x": 0,
-            "y": -215.03999999999996,
-            "scale": 0.8,
-            "fontSizeScale": 0.62
+            "y": -167.04,
+            "scale": 2.08,
+            "fontSizeScale": 0.64
           }
         }
       }
     },
     {
-      "id": "scene_1770095491420",
-      "type": "Message",
-      "designId": "PhotoAndTextOverlay",
-      "durationInFrames": 90,
-      "componentProps": {
-        "bgColor": "$globalBranding.brandColor1",
-        "accentColor": "#1dab57",
-        "fontColor": "$globalBranding.brandColor3",
-        "fontFamily": "'Oswald', sans-serif",
-        "logoUrl": "https://stageclip.com/wp-content/uploads/2023/04/SC_Full_logo.png",
-        "logoType": "primary",
-        "Line1": "New Scene",
-        "Line2": "Edit me",
-        "Line3": "Add your content",
-        "messageText": "$participantData.participantMessage",
-        "name": "$participantData.firstName"
-      },
-      "styleProps": {
-        "textPaddingLeft": 150
-      }
-    },
-    {
-      "id": "scene_1770094232781",
+      "id": "scene_1770268412900",
       "type": "Student_Clip",
-      "designId": "TextOverVideoReplay",
-      "durationInFrames": 240,
+      "designId": "Student_Clip_Replay",
+      "durationInFrames": 350,
       "componentProps": {
-        "bgColor": "#ffffff",
+        "bgColor": "$globalBranding.brandColor1",
         "accentColor": "#2c6288",
         "fontColor": "#1dab57",
         "fontFamily": "'Oswald', sans-serif",
@@ -210,32 +149,62 @@ declare const _default: {
         "videoDurationInFrames": 240,
         "trimStartFrame": 0,
         "trimEndFrame": 240,
-        "playbackSpeed": 1
+        "playbackSpeed": 0.7,
+        "participantAudioUrl": "https://storage.googleapis.com/azvp_demo_assets/Name_Reading.mp3",
+        "lower3rdStyle": "none"
       },
       "styleProps": {
         "textPaddingLeft": 150,
         "footageScale": 95,
         "footagePosX": 0
       },
+      "advancedPositioning": {
+        "16:9": {
+          "logoUrl": "",
+          "logoType": "custom"
+        },
+        "9:16": {
+          "logoUrl": "https://storage.googleapis.com/azvp_demo_assets/Stageclip_Icon_White.png",
+          "logoType": "custom",
+          "logo": {
+            "x": 140.4,
+            "y": -604.8,
+            "scale": 1.72,
+            "opacity": 1
+          }
+        }
+      },
+      "audioGain": 1,
       "muted": true
     },
     {
-      "id": "scene_1770095576171",
+      "id": "scene_1770268452557",
       "type": "Outro",
-      "designId": "SocialMediaCTA",
+      "designId": "Classic_Outro_White",
       "durationInFrames": 90,
       "componentProps": {
-        "bgColor": "$globalBranding.brandColor3",
+        "bgColor": "#ffffff",
         "accentColor": "#1dab57",
-        "fontColor": "$globalBranding.brandColor1",
+        "fontColor": "#2c6288",
         "fontFamily": "'Oswald', sans-serif",
         "logoUrl": "https://stageclip.com/wp-content/uploads/2023/04/SC_Full_logo.png",
         "logoType": "primary",
-        "websiteUrl": "Congratulations!",
-        "contactLine": "$globalBranding.socialMedia.websiteUrl",
-        "instagramHandle": "$globalBranding.socialMedia.instagramHandle"
+        "websiteUrl": "Stageclip.com",
+        "contactLine": "Sample Clip",
+        "instagramHandle": "@Stageclip",
+        "overlayOpacity": 0.5
       },
-      "styleProps": {}
+      "styleProps": {},
+      "advancedPositioning": {
+        "16:9": {
+          "logo": {
+            "x": 0,
+            "y": -82.08,
+            "scale": 1.6,
+            "opacity": 1
+          }
+        }
+      }
     },
     {
       "id": "scene_1767102710826",
@@ -252,6 +221,7 @@ declare const _default: {
       "styleProps": {}
     }
   ]
-};
+}
+;
 
 export default _default;