Add livestream clipping feature

[zcesur]

Let's create a page for users to produce videos by merging clips from their livestreams

Checklist

• [ ] Livestream selection dropdown
• [ ] Title and description inputs
• [ ] "Add new clip" button to add as many clips as needed
• [ ] "X" button to remove a clip
• [ ] For each clip,
  • [ ] Start and end time (see :clip_from and :clip_to inputs in lib/algora_web/live/ad_live/content_live.ex)
  • [ ] Move up/down buttons
  • [ ] "Preview clip" button that sets clipStartTime/clipEndTime params of the player and plays the selected clip
• [ ] "Create video" button to merge the clips and render the video into mp4
  • generate each clip by running the ffmpeg command from Clipper.create_clip
  • merge clips into a single video using ffmpeg
  • upload rendered video to storage and create a corresponding video record (see Library.transmux_to_mp4)
  • generate thumbnail with Library.store_thumbnail
  • display progress (preparing clip X of Y, merging clips, processing video, etc)

[zcesur]

/bounty $200

[algora-pbc[bot]]

~~## 💎 $200 bounty • Algora~~

~~### Steps to solve:~~ ~~1. Start working: Comment /attempt #105 with your implementation plan~~ ~~2. Submit work: Create a pull request including /claim #105 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~~

~~### ❗ Important guidelines:~~ ~~- To claim a bounty, you need to provide a short demo video of your changes in your pull request~~ ~~- If anything is unclear, ask for clarification before starting as this will help avoid potential rework~~ ~~- For assistance or questions, join our Discord~~

~~Thank you for contributing to algora-io/tv!~~

~~Add a bounty • Share on socials~~

Attempt	Started (GMT+0)	Solution
🟢 @EveEdwin	Sep 24, 2024, 2:17:57 AM	WIP
🟢 @iamhvsharma	Sep 25, 2024, 9:08:49 AM	WIP
🟢 @urbit-pilled	Sep 30, 2024, 5:52:06 AM	#111

[EveEdwin]

@zcesur please assign me this issue #105 /attempt #105

Options

• Cancel my attempt

[urbit-pilled]

/attempt #105

Algora profile	Completed bounties	Tech	Active attempts	Options
@urbit-pilled	6 bounties from 3 projects	Rust, JavaScript, Python & more		Cancel attempt

[algora-pbc[bot]]

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

[algora-pbc[bot]]

🎉🎈 @urbit-pilled has been awarded $200! 🎈🎊

• Share on socials
• Give feedback