turbo-eth / template-web3-app

⚑️ Web3 App Template built using Next.js, RainbowKit, SIWE, Disco, and more!
https://www.turboeth.xyz
MIT License
334 stars 89 forks source link

Bounty: Livepeer Integration - 250 OP Reward #49

Closed kamescg closed 1 year ago

kamescg commented 1 year ago

πŸ‘¨β€πŸ’» User Story

As a content creator I want the ability to easily stream video to my audience using Web3 native infrastructure for improved cost savings.

More specifically I want to utilize Livepeer's video streaming service to professionally transcode livestreams for multiple devices and network speeds, while also reducing costs associated with streaming and video on demand by up to 50x*

Livepeer is a protocol for developers who want to add live or on-demand video to their project. It aims to increase the reliability of video streaming while reducing costs associated with it by up to 50x.

πŸ“œ Disclaimer

To be eligible for the payout you must first get approval to work on the bounty.

It's recommended to share a link to your personal Github account.

🧱 Project

Integrate the @livepeer/react module into the TurboETH integrations branch.

The integration should include both Video on Demand and Livestreaming support.

A majority of the component code can be copied from Livepeer documentation.

Livestreaming: https://docs.livepeer.org/guides/developing/create-a-livestream Video on Demand: https://docs.livepeer.org/guides/developing/upload-a-video-asset

Developer Tasks:

Potential File Structure

Integration

The core Livepeer integration should be added to the integrations/livepeer folder.

integrations/livepeer
β”œβ”€ components
β”‚  β”œβ”€ video-livestream.tsx
β”‚  β”œβ”€ video-on-demand.tsx
β”œβ”€ hooks
β”‚  β”œβ”€ **/*.ts
β”œβ”€ utils
β”‚  β”œβ”€ **/*.ts
β”œβ”€ livepeer-client.tsx
β”œβ”€ livepeer-provider.tsx
β”œβ”€ README.md
Application

The application pages should be added to the app/livepeer folder.

app/livepeer
β”œβ”€ livestream
β”‚  β”œβ”€ page.tsx
β”œβ”€ video-on-demand
β”‚  β”œβ”€ page.tsx

πŸ’° Bounty Reward

The bounty reward is 250 OP tokens and TurboETH DevPass digital collectible.

TurboETH is the recipient of 18,271.88 OP Tokens from Optimism Retroactive Public Goods Funding. The OP tokens earned from the PGF program are the primary funding source for TurboETH bounties.

Bonus: 50 OP will be awarded if flux.paradigm.xyz is used to help generate the template code in a meaningful way. Exported conversations must be made available to be eligible for the bonus reward.

Notice

The final integration may not resemble the proposed integration - that's O.K - a natural part of software development.

During development you might discover an original hypothesis doesn't make sense. No problem. Make a comment and clearly explain why a new approach is better than old one. Get rewarded for thinking out of the box.

The final bounty reward can be increased to match new bounty tasks.

Resources

ThakurKarthik commented 1 year ago

Working on this.

ThakurKarthik commented 1 year ago

If any one wants to work on the issue,it is free to be picked up again by others, I am busy with my work πŸ™‚

ThakurKarthik commented 1 year ago

@kamescg sorry I was not quick to open a PR, since I did not see any other people claiming it here I have opened a PR now https://github.com/turbo-eth/template-web3-app/pull/66