Bounty: Livepeer Integration - 250 OP Reward

[kamescg]

👨‍💻 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.

• Join the ⚡️TurboETH Discord channel
• Introduce yourself in the general channel
• Announce your interest in the bounty channel

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:

• Create Client - @integration/livepeer-client.ts
• Create Provider - @integration/livepeer-provider.tsx
• Create Component - @integration/components/video-livestream.tsx
• Create Component - @integration/components/video-on-demand.tsx
• Create Page - @root/app/integrations/liverpeer/livestream/page.tsx
• Create Page - @root/app/integrations/liverpeer/vod/page.tsx

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

• Livepeer
  • 10 Minute Primer - https://livepeer.org/primer
  • Documentation - https://docs.livepeer.org/reference/livepeer-js
  • Site - https://livepeer.org/
• ⚡️ TurboETH
  • Documentation - http://docs.turboeth.xyz

[ThakurKarthik]

Working on this.

[ThakurKarthik]

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]

@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 #66