frontendmu / video

The project automatically generates videos that we can use to promote frontendmu meetups on social media
1 stars 2 forks source link
hacktoberfest hacktoberfest2024

Build a promo video for frontendmu

Install dependencies

pnpm install

Usage

  1. Specify the date of the meetup in scripts/getData.js

    const meetupDate = '2024-06-22'; // Change this date to the desired meetup date
  2. Run the script to extract the meetup data to latest_meetup_details.json

    pnpm run data

    latest_meetup_details.template.json is a template file that contains the structure of the data that will be extracted from the meetup page.

  3. Optional - Add speakerJob to latest_meetup_details.json to display the speaker's job title.

    
    {
      "speakerName": "Sandeep Ramgolam",
      "speakerGitHub": "MrSunshyne",
      "sessionTitle": "Open Discussions",
      "speakerJob": "Senior Frontend Engineer"
    },

    If speakerJob is not provided, it will not be displayed in the video.

  4. Important - Add a sponsor.png to public for the sponsor logo.

  5. Optional - Change audio.mp3 in public to your desired audio file, keeping the file name the same.

  6. Start remotion

    pnpm run start
  7. Render the video

    Click Render in remotion studio

    image