Reduce logging

app.js

@@ -17,80 +17,13 @@ import axios from 'axios'
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename)
 
-let pl = {
-  onLog: console.log
+if (process.env.is_pm2) {
+  console.log('Disabling render logs to stdout as env is pm2')
 }
-
-let jobs = {}
-function render() {
-  let outputFile = '';
-  let thumbnailFile = '';
-  let manuscriptFile = '';
-
-  return new Promise((resolve, reject) => {
-
-    if (existsSync(outputFile)) {
-      unlinkSync(outputFile)
-    }
-    const SEMIBI_MEDIA_RENDERER = "../semibit-media-render-farm"
-    const options = {
-      cwd: _resolve(SEMIBI_MEDIA_RENDERER),
-    };
-    const npmCommand = process.platform === 'win32' ? 'npm.cmd' : 'npm';
-    var script = spawn(npmCommand, ['run', 'render-build', '--', outputFile], options);
-
-    jobs[manuscriptFile] = {
-      kill: (() => {
-        pl.onLog("Killing Rendering of video/poster")
-        script.kill()
-        resolve([{
-          status: false
-        }])
-      })
-    }
-    script.stdout.on('data', (data) => {
-      if (!process.env.is_pm2)
-        process.stdout?.write(data);
-    });
-    script.stderr.on('data', (data) => {
-      process.stderr?.write(data);
-      try {
-        pl.onLog(data?.toString())
-      } catch (e) {
-
-      }
-    });
-    script.on('close', (code) => {
-
-      script = spawn(npmCommand, ['run', 'render-still', '--', thumbnailFile], options);
-      script.stdout.on('data', (data) => {
-        process.stdout?.write(data);
-      });
-      script.stderr.on('data', (data) => {
-        process.stderr?.write(data);
-        pl.onLog(data)
-      });
-      script.on('close', (code) => {
-        resolve([{
-          status: true,
-          outputFile,
-          manuscriptFile,
-          posterImage: thumbnailFile
-        }])
-      });
-
-
-    })
-
-  })
-}
-
-const db = new FireStoreDB(join(__dirname, 'common-creds/firebase/semibitmedia.json'))
-
 function modifyFiles(originalManuscript, originalManuscriptFile) {
 
-  let fname = join(__dirname, "./src/textWithBgImage/SequentialScene.orig.tsx")
-  let fnameTarget = join(__dirname, "./src/textWithBgImage/SequentialScene.tsx")
+  let fname = join(__dirname, "./src/youtube/SequentialScene.orig.tsx")
+  let fnameTarget = join(__dirname, "./src/youtube/SequentialScene.tsx")
   let SequentialSceneText = readFileSync(fname).toString()
   let seqScene = "";
   let script = originalManuscript.transcript
@@ -492,7 +425,8 @@ function doRender(jobId, composition, statusCb) {
   console.log('Starting video render')
   childProcess.stdout.on('data', (data) => {
     sendToObserver(jobId, data)
-    console.log(data.toString());
+    if (!process.env.is_pm2)
+      console.log(data.toString());
   });
 
   childProcess.stderr.on('data', (data) => {
@@ -522,7 +456,8 @@ function doRenderPoster(jobId, statusCb) {
   console.log('Starting poster render')
   childProcess.stdout.on('data', (data) => {
     sendToObserver(jobId, data)
-    console.log(data.toString());
+    if (!process.env.is_pm2)
+      console.log(data.toString());
   });
 
   childProcess.stderr.on('data', (data) => {

package.json

@@ -11,7 +11,7 @@
     "extract32": "set MODIFY_FILES=1 && node app.js",
     "extract": "MODIFY_FILES=1 && node app.js",
     "preview": "remotion studio",
-    "render-build:igreels": "remotion render --image-format=jpeg --enable-multi-process-on-linux --quality=70  --concurrency 4 --gl=angle IGReelComposition",
+    "render-build:igreels": "remotion render --image-format=jpeg --enable-multi-process-on-linux --quality=70  --concurrency 2 --gl=angle IGReelComposition",
     "render-build": "remotion render --image-format=jpeg --quality=70 --gl=angle ",
     "render-still": "remotion still --image-format=jpeg SemibitCompositionPoster  ",
     "upgrade": "remotion upgrade",

preview.sh

@@ -0,0 +1 @@
+npm run preview

public/assets/transitions.json

@@ -19,7 +19,7 @@
     "durationSec": 2.07
   },
   {
-    "mood": "excited,happy",
+    "mood": "excited,happy,intro",
     "file": "assets/effects/effect_fire_2.webm",
     "durationSec": 0.93
   },
@@ -34,7 +34,7 @@
     "durationSec": 1
   },
   {
-    "mood": "excited,happy",
+    "mood": "excited,happy,intro",
     "file": "assets/effects/effect_sky.webm",
     "durationSec": 2.07
   },

src/ig-reel/IGReelComposition.tsx

@@ -6,6 +6,9 @@ import { Series } from "remotion";
 import { IGScene } from './IGSimpleScene';
 import { OriginalManuscript, Transcript } from '../models/OriginalManuscriptModel';
 import TransitionSeries from 'remotion-transition-series';
+import { VideoSplash } from '../anims/VideoSplash';
+import Transitions from '../../public/assets/transitions.json'
+import { RenderUtils } from '../RenderUtils';
 
 export const IGReelComposition: React.FC = (props: OriginalManuscript) => {
   const { fontFamily } = loadFont();
@@ -14,6 +17,9 @@ export const IGReelComposition: React.FC = (props: OriginalManuscript) => {
   let fps = meta.fps
   let frame = useCurrentFrame()
 
+  let textLen = props.transcript.length % 5
+  let transitions = Transitions.filter(t => t.mood?.indexOf("intro") > -1)
+  let startTransition = RenderUtils.randomElement(transitions, `x-${textLen}`)
 
   let bgMusicPath = staticFile(bgMusic || '')
   return (
@@ -46,6 +52,12 @@ export const IGReelComposition: React.FC = (props: OriginalManuscript) => {
         }
       </TransitionSeries>
 
+      <div
+        style={{
+          width: '100%',
+          height: '100%'
+        }}
+      ><VideoSplash file={startTransition.file} /></div>
 
     </AbsoluteFill >
   );

src/youtube/SequentialScene.tsx

@@ -96,24 +96,24 @@ export const SequentialScene: React.FC = (
                 }
 
 
+                
+{getScene(contents[0])}
 
-                {getScene(contents[0])}
+{getTransitionScene(contents[1])}
 
-                {getTransitionScene(contents[1])}
+{getScene(contents[1])}
 
-                {getScene(contents[1])}
+{getTransitionScene(contents[2])}
 
-                {getTransitionScene(contents[2])}
+{getScene(contents[2])}
 
-                {getScene(contents[2])}
+{getTransitionScene(contents[3])}
 
-                {getTransitionScene(contents[3])}
+{getScene(contents[3])}
 
-                {getScene(contents[3])}
+{getTransitionScene(contents[4])}
 
-                {getTransitionScene(contents[4])}
-
-                {getScene(contents[4])}
+{getScene(contents[4])}
 
 
 

start.sh

@@ -1 +1 @@
-npm start
+is_pm2=1 npm start