/bounty $100

💎 $100 bounty • Cap

Steps to solve:

1. Start working: Comment /attempt #224 with your implementation plan
2. Submit work: Create a pull request including /claim #224 in the PR body to claim the bounty
3. Receive payment: 100% of the bounty is received 2-5 days post-reward. Make sure you are eligible for payouts

Thank you for contributing to CapSoftware/Cap!

Add a bounty • Share on socials

/attempt #224

Brief Implementation Plan for Issue #224

1. Locate Export Button in Code

   • Identify the components rendering the export button in:
     • Prev-recordings window thumbnails.
     • Editor.

2. Add UI for Time & Size Display

   • Add placeholders below the export button:

     <div class="export-info">
       <span class="export-time">Time: Calculating...</span>
       <span class="export-size">Size: Calculating...</span>
     </div>

3. Implement Calculation Logic

   • Write a utility function to estimate:
     • Export Time: Based on video length and encoding speed.
     • File Size: Based on bitrate, resolution, and length.

     function calculateExportInfo({ length, bitrate }) {
       const time = (length / 60) * 2; // Example: 2x speed
       const size = (length * bitrate) / 8 / 1024 / 1024; // MB
       return { time: `${Math.ceil(time)} min`, size: `${Math.ceil(size)} MB` };
     }

4. Integrate Dynamic Updates

   • Hook the calculation logic into thumbnail and editor states:

     const exportInfo = calculateExportInfo(videoProperties);
     setExportInfo(exportInfo);

5. Styling

   • Ensure the display matches the existing design:

     .export-info { font-size: 0.85em; color: gray; margin-top: 5px; }

6. Testing

   • Test functionality in various scenarios:
     • Short/long videos.
     • Different resolutions and bitrates.

/attempt #224

💡 @onyedikachi-david submitted a pull request that claims the bounty. You can visit your bounty board to reward.

Hey @onyedikachi-david. Thanks for this. Need to change it so that it does the following:

• The time estimation should be the longest of either camera.mp4 or display.mp4.
• Need to have an estimation of the rendered file size, not the current file size of the source file

let me know if you need anything else from me