Media Submission Flow
Image Submissions
When submitting an image, the following steps occur:
- User image is uploaded via flow.js to the webserver
- Image is uploaded to private S3 bucket, and upon successful upload, it is resized to 480p with a Lambda function, and this 480p preview is displayed to the user
- If the artwork is submitted, 4k, 1080p and 240p versions are created
Video Submissions
When submitting a video, the following steps occur:
- User video is uploaded via flow.js to the webserver
- Video is uploaded to private S3 bucket, and upon successful upload, a JPG thumbnail is generated of the video to show the user the upload was successful
- If the artwork is submitted, a MediaConvert transcoding job is started to resize the video into 1080p and 480p variants
- When the MediaConvert job finishes, a Lambda function updates the database with the new URLs, and the artwork becomes visible in the user's gallery