--------------------------------------------------------------------------------------------------------------- INITIALIZING VIDBOT, v1.5.1... --------------------------------------------------------------------------------------------------------------- [18:55:10.074] Vidbot :: start() [18:55:10.075] Vidbot :: _next(), _stepIndex:0 of 4 [18:55:10.075] index :: _onStepStarted_vidbot(), step: 1 [18:55:10.076] Vidbot :: step[0], label:Initializing Core [18:55:10.082] index :: _onStepProgress_vidbot(), percent: 20 [18:55:10.082] Vidbot :: _parse() [18:55:10.083] index :: _onStepProgress_vidbot(), percent: 40 [18:55:10.083] Vidbot :: _validate() [18:55:10.084] index :: _onStepProgress_vidbot(), percent: 60 [18:55:10.084] Vidbot :: _fonts() [18:55:10.084] FabricFontManager :: add(), id: SourceSansPro-Bold [18:55:10.084] src: /var/app/Vidbot-V2/assets/fonts/SourceSansPro/SourceSansPro-Bold.ttf [18:55:10.090] FabricFontManager :: add(), id: SourceSansPro-Light [18:55:10.090] src: /var/app/Vidbot-V2/assets/fonts/SourceSansPro/SourceSansPro-Light.ttf [18:55:10.090] FabricFontManager :: add(), id: DINOT-Bold [18:55:10.091] src: /var/app/Vidbot-V2/assets/fonts/DINOT/DINOT-Bold.otf [18:55:10.091] FabricFontManager :: add(), id: DINOT-Light [18:55:10.091] src: /var/app/Vidbot-V2/assets/fonts/DINOT/DINOT-Light.otf [18:55:10.092] FabricFontManager :: add(), id: TradeGothicLTStd-Regular [18:55:10.092] src: /var/app/Vidbot-V2/assets/fonts/TradeGothicCond/TradeGothicLTStd-Regular.otf [18:55:10.092] FabricFontManager :: add(), id: TradeGothicLTStd-Bold [18:55:10.093] src: /var/app/Vidbot-V2/assets/fonts/TradeGothicCond/TradeGothicLTStd-Bold.otf [18:55:10.093] index :: _onStepProgress_vidbot(), percent: 80 [18:55:10.093] Vidbot :: _clips() [18:55:10.094] StreamManager :: add(), id:audio_vo, type:audio [18:55:10.094] AudioClip[audio_vo] :: constructor() [18:55:10.094] InputStream[audio_vo] :: constructor() [18:55:10.094] Vidbot :: StreamMgr.on( 'ADDED' ), data: { streamID: 'audio_vo', clipId: null } [18:55:10.096] StreamManager :: add(), id:bg_music, type:audio [18:55:10.096] AudioClip[bg_music] :: constructor() [18:55:10.096] InputStream[bg_music] :: constructor() [18:55:10.096] Vidbot :: StreamMgr.on( 'ADDED' ), data: { streamID: 'bg_music', clipId: null } [18:55:10.097] StreamManager :: add(), id:simplefadedisplay, type:canvas [18:55:10.097] CanvasStream[canvas_1655412758620] :: constructor() [18:55:10.097] InputStream[canvas_1655412758620] :: constructor() [18:55:10.158] KenBurnsSlideshow[simplefadedisplay] :: constructor() [18:55:10.159] Overlay[simplefadedisplay] :: constructor() [18:55:10.159] CanvasClip[simplefadedisplay] :: constructor() [18:55:10.159] Clip[simplefadedisplay] :: constructor() [18:55:10.159] clip:"simplefadedisplay" added to stream:"canvas_1655412758620" [18:55:10.159] Vidbot :: StreamMgr.on( 'ADDED' ), data: { streamID: 'canvas_1655412758620', clipId: 'simplefadedisplay' } [18:55:10.159] StreamManager :: add(), id:caption, type:canvas [18:55:10.159] RenCaption[caption] :: constructor() [18:55:10.159] Ren[caption] :: constructor() [18:55:10.159] Overlay[caption] :: constructor() [18:55:10.159] CanvasClip[caption] :: constructor() [18:55:10.159] Clip[caption] :: constructor() [18:55:10.160] clip:"caption" added to stream:"canvas_1655412758620" [18:55:10.160] Vidbot :: StreamMgr.on( 'ADDED' ), data: { streamID: 'canvas_1655412758620', clipId: 'caption' } [18:55:10.160] all added... [18:55:10.160] Vidbot :: _next(), _stepIndex:1 of 4 [18:55:10.160] index :: _onStepCompleted_vidbot(), step: 1 [18:55:10.160] index :: _onStepStarted_vidbot(), step: 2 [18:55:10.160] Vidbot :: step[1], label:Initializing Input Streams [18:55:10.161] StreamManager :: init() [18:55:10.161] Vidbot :: StreamMgr.on( 'STREAM_INITED' ), data: { streamID: 'audio_vo', progress: 0.3333333333333333 } [18:55:10.161] index :: _onStepProgress_vidbot(), percent: 33 [18:55:10.161] Vidbot :: StreamMgr.on( 'STREAM_INITED' ), data: { streamID: 'bg_music', progress: 0.6666666666666666 } [18:55:10.161] index :: _onStepProgress_vidbot(), percent: 67 [18:55:10.161] CanvasStream[canvas_1655412758620] :: _init(), BEGIN [18:55:10.162] i:0, c.id:simplefadedisplay [18:55:10.162] KenBurnsSlideshow[simplefadedisplay] :: _init(), BEGIN [18:55:10.162] KenBurnsSlideshow[simplefadedisplay] :: _validate() [18:55:10.162] KenBurnsSlideshow[undefined] :: _validateAnim() [18:55:10.163] KenBurnsSlideshow[undefined] :: _validateTheme() [18:55:10.163] i:1, c.id:caption [18:55:10.164] RenCaption[caption] :: _init() [18:55:10.164] RenCaption[caption] :: _validate() [18:55:10.165] KenBurnsSlideshow[simplefadedisplay] :: _build() [18:55:10.168] frame.img.anim: { from: { scale: 1.1, align: 'middle center', dx: 0, dy: 0 }, to: { scale: 1, align: 'middle center', ease: 'Linear.easeInOut', dx: 0, dy: 0 } } [18:55:10.168] AnimatedImageFrame[aif] :: constructor() [18:55:10.169] Overlay[aif] :: constructor() [18:55:10.169] CanvasClip[aif] :: constructor() [18:55:10.169] Clip[aif] :: constructor() [18:55:10.169] AnimatedImageFrame[aif] :: _init(), BEGIN [18:55:10.169] CanvasClip :: LoadImageWithPromise(), src: 1C0EEE1D-045A-7F69-0E44-A6682CA32F79_1.jpg [18:55:10.178] RenCaption[caption] :: _build() [18:55:10.191] Overlay[caption] :: _animate() [18:55:10.193] CanvasStream[caption] :: _init(), p.then() [18:55:10.213] CanvasClip :: LoadImageWithPromise(), loaded, isError: false [18:55:10.215] AnimatedImageFrame[aif] :: _init(), END [18:55:10.216] frame.img.anim: { from: { scale: 1, align: 'middle center', dx: 0, dy: 0 }, to: { scale: 1.1, align: 'middle center', ease: 'Linear.easeInOut', dx: 0, dy: 0 } } [18:55:10.217] AnimatedImageFrame[aif] :: constructor() [18:55:10.217] Overlay[aif] :: constructor() [18:55:10.217] CanvasClip[aif] :: constructor() [18:55:10.217] Clip[aif] :: constructor() [18:55:10.217] AnimatedImageFrame[aif] :: _init(), BEGIN [18:55:10.217] CanvasClip :: LoadImageWithPromise(), src: 1C0EEE1D-045A-7F69-0E44-A6682CA32F79_2.jpg [18:55:10.233] CanvasClip :: LoadImageWithPromise(), loaded, isError: false [18:55:10.234] AnimatedImageFrame[aif] :: _init(), END [18:55:10.234] frame.img.anim: { from: { scale: 1.1, align: 'right middle', dx: 0, dy: 0 }, to: { scale: 1.1, align: 'left middle', ease: 'power2.inOut', dx: 0, dy: 0 } } [18:55:10.234] AnimatedImageFrame[aif] :: constructor() [18:55:10.234] Overlay[aif] :: constructor() [18:55:10.235] CanvasClip[aif] :: constructor() [18:55:10.235] Clip[aif] :: constructor() [18:55:10.235] AnimatedImageFrame[aif] :: _init(), BEGIN [18:55:10.235] CanvasClip :: LoadImageWithPromise(), src: 1C0EEE1D-045A-7F69-0E44-A6682CA32F79_3.jpg [18:55:10.255] CanvasClip :: LoadImageWithPromise(), loaded, isError: false [18:55:10.256] AnimatedImageFrame[aif] :: _init(), END [18:55:10.256] frame.img.anim: { from: { scale: 1.1, align: 'center middle', dx: 0, dy: 0 }, to: { scale: 1, align: 'middle center', ease: 'Linear.easeInOut', dx: 0, dy: 0 } } [18:55:10.257] AnimatedImageFrame[aif] :: constructor() [18:55:10.257] Overlay[aif] :: constructor() [18:55:10.257] CanvasClip[aif] :: constructor() [18:55:10.257] Clip[aif] :: constructor() [18:55:10.257] AnimatedImageFrame[aif] :: _init(), BEGIN [18:55:10.257] CanvasClip :: LoadImageWithPromise(), src: 1C0EEE1D-045A-7F69-0E44-A6682CA32F79_4.jpg [18:55:10.275] CanvasClip :: LoadImageWithPromise(), loaded, isError: false [18:55:10.276] AnimatedImageFrame[aif] :: _init(), END [18:55:10.276] frame.img.anim: { from: { scale: 1.1, align: 'left middle', dx: 0, dy: 0 }, to: { scale: 1.1, align: 'right middle', ease: 'power2.inOut', dx: 0, dy: 0 } } [18:55:10.276] AnimatedImageFrame[aif] :: constructor() [18:55:10.276] Overlay[aif] :: constructor() [18:55:10.276] CanvasClip[aif] :: constructor() [18:55:10.276] Clip[aif] :: constructor() [18:55:10.277] AnimatedImageFrame[aif] :: _init(), BEGIN [18:55:10.277] CanvasClip :: LoadImageWithPromise(), src: 1C0EEE1D-045A-7F69-0E44-A6682CA32F79_5.jpg [18:55:10.293] CanvasClip :: LoadImageWithPromise(), loaded, isError: false [18:55:10.294] AnimatedImageFrame[aif] :: _init(), END [18:55:10.294] frame.img.anim: { from: { scale: 1.1, align: 'middle center', dx: 0, dy: 0 }, to: { scale: 1, align: 'middle center', ease: 'Linear.easeInOut', dx: 0, dy: 0 } } [18:55:10.294] AnimatedImageFrame[aif] :: constructor() [18:55:10.294] Overlay[aif] :: constructor() [18:55:10.294] CanvasClip[aif] :: constructor() [18:55:10.294] Clip[aif] :: constructor() [18:55:10.294] AnimatedImageFrame[aif] :: _init(), BEGIN [18:55:10.294] CanvasClip :: LoadImageWithPromise(), src: 1C0EEE1D-045A-7F69-0E44-A6682CA32F79_6.jpg [18:55:10.310] CanvasClip :: LoadImageWithPromise(), loaded, isError: false [18:55:10.310] AnimatedImageFrame[aif] :: _init(), END [18:55:10.311] frame.img.anim: { from: { scale: 1, align: 'middle center', dx: 0, dy: 0 }, to: { scale: 1.1, align: 'middle center', ease: 'Linear.easeInOut', dx: 0, dy: 0 } } [18:55:10.311] AnimatedImageFrame[aif] :: constructor() [18:55:10.311] Overlay[aif] :: constructor() [18:55:10.311] CanvasClip[aif] :: constructor() [18:55:10.311] Clip[aif] :: constructor() [18:55:10.311] AnimatedImageFrame[aif] :: _init(), BEGIN [18:55:10.311] CanvasClip :: LoadImageWithPromise(), src: 1C0EEE1D-045A-7F69-0E44-A6682CA32F79_7.jpg [18:55:10.326] CanvasClip :: LoadImageWithPromise(), loaded, isError: false [18:55:10.327] AnimatedImageFrame[aif] :: _init(), END [18:55:10.327] frame.img.anim: { from: { scale: 1.1, align: 'right middle', dx: 0, dy: 0 }, to: { scale: 1.1, align: 'left middle', ease: 'power2.inOut', dx: 0, dy: 0 } } [18:55:10.327] AnimatedImageFrame[aif] :: constructor() [18:55:10.327] Overlay[aif] :: constructor() [18:55:10.327] CanvasClip[aif] :: constructor() [18:55:10.327] Clip[aif] :: constructor() [18:55:10.327] AnimatedImageFrame[aif] :: _init(), BEGIN [18:55:10.327] CanvasClip :: LoadImageWithPromise(), src: 1C0EEE1D-045A-7F69-0E44-A6682CA32F79_8.jpg [18:55:10.343] CanvasClip :: LoadImageWithPromise(), loaded, isError: false [18:55:10.344] AnimatedImageFrame[aif] :: _init(), END [18:55:10.344] frame.img.anim: { from: { scale: 1.1, align: 'center middle', dx: 0, dy: 0 }, to: { scale: 1, align: 'middle center', ease: 'Linear.easeInOut', dx: 0, dy: 0 } } [18:55:10.344] AnimatedImageFrame[aif] :: constructor() [18:55:10.344] Overlay[aif] :: constructor() [18:55:10.344] CanvasClip[aif] :: constructor() [18:55:10.344] Clip[aif] :: constructor() [18:55:10.344] AnimatedImageFrame[aif] :: _init(), BEGIN [18:55:10.344] CanvasClip :: LoadImageWithPromise(), src: 1C0EEE1D-045A-7F69-0E44-A6682CA32F79_9.jpg [18:55:10.360] CanvasClip :: LoadImageWithPromise(), loaded, isError: false [18:55:10.361] AnimatedImageFrame[aif] :: _init(), END [18:55:10.361] frame.img.anim: { from: { scale: 1.1, align: 'left middle', dx: 0, dy: 0 }, to: { scale: 1.1, align: 'right middle', ease: 'power2.inOut', dx: 0, dy: 0 } } [18:55:10.361] AnimatedImageFrame[aif] :: constructor() [18:55:10.361] Overlay[aif] :: constructor() [18:55:10.361] CanvasClip[aif] :: constructor() [18:55:10.361] Clip[aif] :: constructor() [18:55:10.361] AnimatedImageFrame[aif] :: _init(), BEGIN [18:55:10.361] CanvasClip :: LoadImageWithPromise(), src: 1C0EEE1D-045A-7F69-0E44-A6682CA32F79_10.jpg [18:55:10.382] CanvasClip :: LoadImageWithPromise(), loaded, isError: false [18:55:10.382] AnimatedImageFrame[aif] :: _init(), END [18:55:10.383] frame.img.anim: { from: { scale: 1.1, align: 'middle center', dx: 0, dy: 0 }, to: { scale: 1, align: 'middle center', ease: 'Linear.easeInOut', dx: 0, dy: 0 } } [18:55:10.383] AnimatedImageFrame[aif] :: constructor() [18:55:10.383] Overlay[aif] :: constructor() [18:55:10.383] CanvasClip[aif] :: constructor() [18:55:10.383] Clip[aif] :: constructor() [18:55:10.383] AnimatedImageFrame[aif] :: _init(), BEGIN [18:55:10.383] CanvasClip :: LoadImageWithPromise(), src: 1C0EEE1D-045A-7F69-0E44-A6682CA32F79_11.jpg [18:55:10.399] CanvasClip :: LoadImageWithPromise(), loaded, isError: false [18:55:10.400] AnimatedImageFrame[aif] :: _init(), END [18:55:10.401] frame.img.anim: { from: { scale: 1, align: 'middle center', dx: 0, dy: 0 }, to: { scale: 1.1, align: 'middle center', ease: 'Linear.easeInOut', dx: 0, dy: 0 } } [18:55:10.401] AnimatedImageFrame[aif] :: constructor() [18:55:10.401] Overlay[aif] :: constructor() [18:55:10.401] CanvasClip[aif] :: constructor() [18:55:10.401] Clip[aif] :: constructor() [18:55:10.401] AnimatedImageFrame[aif] :: _init(), BEGIN [18:55:10.401] CanvasClip :: LoadImageWithPromise(), src: 1C0EEE1D-045A-7F69-0E44-A6682CA32F79_12.jpg [18:55:10.417] CanvasClip :: LoadImageWithPromise(), loaded, isError: false [18:55:10.418] AnimatedImageFrame[aif] :: _init(), END [18:55:10.418] frame.img.anim: { from: { scale: 1.1, align: 'right middle', dx: 0, dy: 0 }, to: { scale: 1.1, align: 'left middle', ease: 'power2.inOut', dx: 0, dy: 0 } } [18:55:10.418] AnimatedImageFrame[aif] :: constructor() [18:55:10.418] Overlay[aif] :: constructor() [18:55:10.418] CanvasClip[aif] :: constructor() [18:55:10.418] Clip[aif] :: constructor() [18:55:10.419] AnimatedImageFrame[aif] :: _init(), BEGIN [18:55:10.419] CanvasClip :: LoadImageWithPromise(), src: 1C0EEE1D-045A-7F69-0E44-A6682CA32F79_13.jpg [18:55:10.440] CanvasClip :: LoadImageWithPromise(), loaded, isError: false [18:55:10.441] AnimatedImageFrame[aif] :: _init(), END [18:55:10.442] frame.img.anim: { from: { scale: 1.1, align: 'center middle', dx: 0, dy: 0 }, to: { scale: 1, align: 'middle center', ease: 'Linear.easeInOut', dx: 0, dy: 0 } } [18:55:10.442] AnimatedImageFrame[aif] :: constructor() [18:55:10.442] Overlay[aif] :: constructor() [18:55:10.442] CanvasClip[aif] :: constructor() [18:55:10.442] Clip[aif] :: constructor() [18:55:10.442] AnimatedImageFrame[aif] :: _init(), BEGIN [18:55:10.442] CanvasClip :: LoadImageWithPromise(), src: 1C0EEE1D-045A-7F69-0E44-A6682CA32F79_14.jpg [18:55:10.491] CanvasClip :: LoadImageWithPromise(), loaded, isError: false [18:55:10.492] AnimatedImageFrame[aif] :: _init(), END [18:55:10.492] frame.img.anim: { from: { scale: 1.1, align: 'left middle', dx: 0, dy: 0 }, to: { scale: 1.1, align: 'right middle', ease: 'power2.inOut', dx: 0, dy: 0 } } [18:55:10.492] AnimatedImageFrame[aif] :: constructor() [18:55:10.492] Overlay[aif] :: constructor() [18:55:10.492] CanvasClip[aif] :: constructor() [18:55:10.492] Clip[aif] :: constructor() [18:55:10.492] AnimatedImageFrame[aif] :: _init(), BEGIN [18:55:10.492] CanvasClip :: LoadImageWithPromise(), src: 1C0EEE1D-045A-7F69-0E44-A6682CA32F79_15.jpg [18:55:10.509] CanvasClip :: LoadImageWithPromise(), loaded, isError: false [18:55:10.509] AnimatedImageFrame[aif] :: _init(), END [18:55:10.510] frame.img.anim: { from: { scale: 1.1, align: 'middle center', dx: 0, dy: 0 }, to: { scale: 1, align: 'middle center', ease: 'Linear.easeInOut', dx: 0, dy: 0 } } [18:55:10.510] AnimatedImageFrame[aif] :: constructor() [18:55:10.510] Overlay[aif] :: constructor() [18:55:10.510] CanvasClip[aif] :: constructor() [18:55:10.510] Clip[aif] :: constructor() [18:55:10.510] AnimatedImageFrame[aif] :: _init(), BEGIN [18:55:10.510] CanvasClip :: LoadImageWithPromise(), src: 1C0EEE1D-045A-7F69-0E44-A6682CA32F79_16.jpg [18:55:10.529] CanvasClip :: LoadImageWithPromise(), loaded, isError: false [18:55:10.530] AnimatedImageFrame[aif] :: _init(), END [18:55:10.530] frame.img.anim: { from: { scale: 1, align: 'middle center', dx: 0, dy: 0 }, to: { scale: 1.1, align: 'middle center', ease: 'Linear.easeInOut', dx: 0, dy: 0 } } [18:55:10.530] AnimatedImageFrame[aif] :: constructor() [18:55:10.530] Overlay[aif] :: constructor() [18:55:10.530] CanvasClip[aif] :: constructor() [18:55:10.530] Clip[aif] :: constructor() [18:55:10.530] AnimatedImageFrame[aif] :: _init(), BEGIN [18:55:10.530] CanvasClip :: LoadImageWithPromise(), src: 1C0EEE1D-045A-7F69-0E44-A6682CA32F79_17.jpg [18:55:10.554] CanvasClip :: LoadImageWithPromise(), loaded, isError: false [18:55:10.554] AnimatedImageFrame[aif] :: _init(), END [18:55:10.555] frame.img.anim: { from: { scale: 1.1, align: 'right middle', dx: 0, dy: 0 }, to: { scale: 1.1, align: 'left middle', ease: 'power2.inOut', dx: 0, dy: 0 } } [18:55:10.555] AnimatedImageFrame[aif] :: constructor() [18:55:10.555] Overlay[aif] :: constructor() [18:55:10.555] CanvasClip[aif] :: constructor() [18:55:10.555] Clip[aif] :: constructor() [18:55:10.555] AnimatedImageFrame[aif] :: _init(), BEGIN [18:55:10.555] CanvasClip :: LoadImageWithPromise(), src: 1C0EEE1D-045A-7F69-0E44-A6682CA32F79_18.jpg [18:55:10.581] CanvasClip :: LoadImageWithPromise(), loaded, isError: false [18:55:10.582] AnimatedImageFrame[aif] :: _init(), END [18:55:10.583] frame.img.anim: { from: { scale: 1.1, align: 'center middle', dx: 0, dy: 0 }, to: { scale: 1, align: 'middle center', ease: 'Linear.easeInOut', dx: 0, dy: 0 } } [18:55:10.583] AnimatedImageFrame[aif] :: constructor() [18:55:10.583] Overlay[aif] :: constructor() [18:55:10.583] CanvasClip[aif] :: constructor() [18:55:10.583] Clip[aif] :: constructor() [18:55:10.583] AnimatedImageFrame[aif] :: _init(), BEGIN [18:55:10.583] CanvasClip :: LoadImageWithPromise(), src: 1C0EEE1D-045A-7F69-0E44-A6682CA32F79_19.jpg [18:55:10.627] CanvasClip :: LoadImageWithPromise(), loaded, isError: false [18:55:10.628] AnimatedImageFrame[aif] :: _init(), END [18:55:10.629] frame.img.anim: { from: { scale: 1.1, align: 'left middle', dx: 0, dy: 0 }, to: { scale: 1.1, align: 'right middle', ease: 'power2.inOut', dx: 0, dy: 0 } } [18:55:10.629] AnimatedImageFrame[aif] :: constructor() [18:55:10.629] Overlay[aif] :: constructor() [18:55:10.629] CanvasClip[aif] :: constructor() [18:55:10.629] Clip[aif] :: constructor() [18:55:10.629] AnimatedImageFrame[aif] :: _init(), BEGIN [18:55:10.629] CanvasClip :: LoadImageWithPromise(), src: 1C0EEE1D-045A-7F69-0E44-A6682CA32F79_20.jpg [18:55:10.649] CanvasClip :: LoadImageWithPromise(), loaded, isError: false [18:55:10.650] AnimatedImageFrame[aif] :: _init(), END [18:55:10.651] Overlay[simplefadedisplay] :: _animate() [18:55:10.651] KenBurnsSlideshow[simplefadedisplay] :: _init(), END [18:55:10.651] CanvasStream[simplefadedisplay] :: _init(), p.then() [18:55:10.652] CanvasStream[canvas_1655412758620] :: _init(), promise.all.then() [18:55:10.654] CanvasStream[canvas_1655412758620] :: _init(), END [18:55:10.654] StreamMangaer :: init(), stream[canvas_1655412758620].then() [18:55:10.654] Vidbot :: StreamMgr.on( 'STREAM_INITED' ), data: { streamID: 'canvas_1655412758620', progress: 1 } [18:55:10.654] index :: _onStepProgress_vidbot(), percent: 100 [18:55:10.654] StreamManager :: init(), promise.all.then... [18:55:10.654] Vidbot :: StreamMgr.on( 'INITED' ) [18:55:10.654] Vidbot :: _next(), _stepIndex:2 of 4 [18:55:10.655] index :: _onStepCompleted_vidbot(), step: 2 [18:55:10.655] index :: _onStepStarted_vidbot(), step: 3 [18:55:10.655] Vidbot :: step[2], label:Rendering Canvas Streams [18:55:10.655] Vidbot :: StreamMgr.on( 'RENDER_STARTED' ), data: undefined [18:55:10.655] StreamManager :: render() [18:55:10.656] CanvasStream[canvas_1655412758620] :: render() [18:55:10.693] index :: _onStepProgress_vidbot(), percent: 0 [18:55:30.103] index :: _onStepProgress_vidbot(), percent: 5 [18:55:52.316] index :: _onStepProgress_vidbot(), percent: 10 [18:56:14.621] index :: _onStepProgress_vidbot(), percent: 15 [18:56:36.779] index :: _onStepProgress_vidbot(), percent: 20 [18:57:01.045] index :: _onStepProgress_vidbot(), percent: 25 [18:57:23.148] index :: _onStepProgress_vidbot(), percent: 30 [18:57:43.600] index :: _onStepProgress_vidbot(), percent: 35 [18:58:04.068] index :: _onStepProgress_vidbot(), percent: 40 [18:58:27.100] index :: _onStepProgress_vidbot(), percent: 45 [18:58:49.420] index :: _onStepProgress_vidbot(), percent: 50 [18:59:13.047] index :: _onStepProgress_vidbot(), percent: 55