remotion-dev/remotion

`<Thumbnail>` component #1389

JonnyBurger posted onGitHub

šŸŽƒ This issue is part of our Hacktoberfest campaign! šŸ“š Read more about Hacktoberfest here ā²ļø This issue is currently assigned to @Slashgear! šŸ’° Thanks to CodeChem for sponsoring this issue!

Currently, the @remotion/player package has a <Player> component for playing a video on the web. A common task is to display a thumbnail of a video somewhere on the page, and to accomplish that, one could render a Player and disable all interactivity and freeze it.

I propose a new <Thumbnail> component that gets shipped in the Player package that only displays a still image. The implementation could be similar to the Player, but without controls. Also logic from the<Thumbnail> component from the preview could be used: https://github.com/remotion-dev/remotion/blob/b579cc25eea72d1123f7de6bd75bd2605b579bbc/packages/cli/src/editor/components/Thumbnail.tsx

Acceptance criteria

  • Implement a new <Thumbnail> component that fits the description above and export it in the <Player> package
  • Should have at least props for dimensions and style like for <Player>
  • Write a documentation page describing all the props and an example snippet.

@remotion-dev has funded $223.00 to this issue.


posted by issuehunt-app[bot] over 2 years ago

Hi @JonnyBurger Could I take this one after the on that I almost finished. I already work on few rendering sujet but working on remotion component is really something I want to try :)

posted by Slashgear over 2 years ago

@Slashgear Sure! Go ahead šŸ˜Š

posted by JonnyBurger over 2 years ago

@JonnyBurger Hi can I work on this Issue if it is still up for grab?

posted by priyang12 over 2 years ago

@priyang12 Already assigned this issue now to @Slashgear :(

Mind taking another one or coming back to this if it becomes inactive?

posted by JonnyBurger over 2 years ago

@JonnyBurger ok

posted by priyang12 over 2 years ago

@jonnyburger has rewarded $200.70 to @slashgear. See it on IssueHunt

  • :moneybag: Total deposit: $223.00
  • :tada: Repository reward(0%): $0.00
  • :wrench: Service fee(10%): $22.30
posted by issuehunt-app[bot] over 2 years ago

Fixed by #1405

posted by JonnyBurger over 2 years ago

Fund this Issue

$223.00
Rewarded

Rewarded pull request

Recent activities

slashgear was rewarded by jonnyburger for remotion-dev/remotion# 1389
over 2 years ago
jonnyburger submitted an output to  remotion-dev/ remotion# 1389
over 2 years ago