`<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.