#Remotion Editor Queries

10 messages · Page 1 of 1 (latest)

atomic ingot
#

Hey Guys,
We are considering using Remotion Editor Starter to build a "Screen Studio" style editor and had a few questions. Would love your guidance 🙂

  1. Does the Player/Engine have a native playbackRate prop that handles frame-interpolation correctly across splits? Or do we need to implement a custom 'Cumulative Frame Calculation' (time remapping) for the startFrom prop?

  2. What is the expected seek latency of the <Player> for a composition with ~3-4 video layers? Is it fast enough for real-time hover scrubbing, or should we pre-render thumbnails for the timeline scrub interaction?

  3. For cursor-following camera movement, is it recommended to use standard transform: scale / translate on an <AbsoluteFill>, or is there a dedicated camera utility (e.g. remotion-camera) that provides better smoothing/damping out of the box?

  4. For the Captioning layer, does the Starter Kit provide a UI component for 'Interactive Text Editing' (clicking a caption in the preview to type changes), or is it strictly a 'Render-only' engine where we must build the text-input UI ourselves?

  5. Our spec includes a “Share link” feature. Does the overall architecture support uploading the final MP4 to a permanent URL (e.g. S3 + CloudFront with a player page), or does the Starter Kit focus only on rendering?

  6. We are feeding raw coordinate data to the camera. Does Remotion have any helper libraries (like remotion-camera or spring animations) to smooth/stabilize these coordinates, or should we apply a smoothing algorithm to our JSON data before passing it to the player?

Thanks in advance! 🙏

rain crow
#

hi @atomic ingot!

thanks for considering the editor starter, let me go through the questions 🙂

#
  1. I think both statements are true. you can play a video at a different playback rate and even change it over time

https://www.remotion.dev/docs/miscellaneous/snippets/accelerated-video (note: this is finicky, someone reported an issue today about this messing with the audio, I will investigate and see if we can do something)

https://www.remotion.dev/docs/miscellaneous/snippets/different-segments-at-different-speeds (this should work well)

note that this is not built into the editor, you need to add new UI for the user to do this and re-program the underlying remotion markup. that is up to you how you want to present it to the user

This does not work with from @remotion/media yet.

If you have a video and want to show different sections of the video at different speeds, use the following snippet.

#
  1. that you can best judge yourself by playing with the demo
    https://editor-starter.remotion.dev/

this currently still has FEATURE_NEW_MEDIA_TAGS set to false, I hope it will be a bit better when we flip it to true 🙂 if you want a demo with it flipped to true, I can make a deployment

#
  1. we recommend using standard CSS transforms!
    we have a few utilities:

https://www.remotion.dev/docs/animation-utils/ easier to work with CSS transform syntax
https://www.remotion.dev/timing-editor use this website to find the ideal timing for your animations

Functions that support you in animating CSS styles.

#
  1. you can also see this yourself in the demo. upload a clip and caption it with "Captions" section.
    right now, caption editing, unlike text editing, is not in the canvas, but it has an input field for every token in the sidebar.

this is our default because we wanna preserve the tokenization of the transcript, certainly you can adjust this to your needs

#
  1. only focused on rendering. by default, the render is uploaded to S3, so I would say it is already halfway there though, just gotta add a containing the video!

the rendering happens through a serverless route, there you can also save to DB for example to do such thing

#
  1. we have no APIs for smoothing, but what I have done before is to just iterate over each point and add the previous and next one to it and divide by 3 to generate some smoothing.

you are definitely not blocked by the editor starter for doing this as sophisticated as you would like. if you are thinking of a rotato type product, some others have built it with the editor starter

atomic ingot
#

Thank you @rain crow, this really helps

atomic ingot
#

Hey @rain crow , I had a couple of questions about how Remotion’s licensing works.

Our usecase is that we generate screen-recording videos, and we want to insert 2–3 animated card components (built with Remotion) at certain points in the video. Ideally, we would also want our users to make edits in the video editor afterward (clip, trim, etc).

We are an early stage startup (team of 3 engineers), and want to use the remotion video editor instead of building our own.

I wanted to know if the video editor is only included as part of the Enterprise plan ($500/month)? Or can it's licence be purchased separately at a one time cost?

Is there a version of video editor template that we can download and try once?

Does the Lambda Renderer require a separate one-time purchase, or is it included in the subscription plan? We can run it independently in our AWS cloud is my understanding.