GithubHelp home page GithubHelp logo

cbonoz / theta22 Goto Github PK

View Code? Open in Web Editor NEW
1.0 2.0 1.0 54.9 MB

ThetaBundle: A prototype app for monetizing clips of video content via Theta smart contracts

License: MIT License

Solidity 0.51% JavaScript 98.61% HTML 0.46% CSS 0.42%
nft theta app streaming

theta22's Introduction

ThetaBundle

ThetaBundle allows content creators to sell bundles/rights to their video or gaming content via transactable Theta smart contracts.

Built for the Theta Q1 2022 Hackathon.

  • Chris Buonocore linkedin.com/in/chrisbuonocore United States
  • [email protected]
  • Categories: Video / Gaming / Smart contracts

Live demo: https://thetabundle.netlify.app/

Inspiration

Existing streamers often have large followings and post their content to youtube or other sites after streaming on live networks like Twitch - but that could be the end of it. Given these followings, we want to provide an opportunity to further connect with fans by providing memorabilia, and providing an additional revenue opportunity for the content creator. ThetaBundle allows any streamer to turn collections of their streamed content into a purchase-able contract and IPFS video group.

These collections can also be later resold and traded by new owners.

Many video marketplace platforms exist, but:

  • There's not a dominant one that appeals to the streaming (gaming and non-gaming) streaming market.
  • May not integrate with existing streaming networks. ThetaBundle doesn't care how you broadcast, only that the uploaded listings have a particular format and content.
  • Have higher overhead - contentstream backed by LivePeer and allows you to re-use existing assets and content if you wish. Many streamers are already into technology and can port their existing streams onto the platform.
  • ThetaBundle is a niche platform not focused on current categories like artwork/real estate - only video content.

This project is a hackathon prototype and would require additional work / deployment to be production ready.

Setup

Project structure

/contracts: Smart contracts for the ThetaBundle application. /img: Example screenshots.

The root directory is the client. Deploy to the Theta testnet (default config).

The following environment variables are required:

    REACT_APP_STORAGE_KEY={YOUR_WEB3_STORAGE_KEY}

Connecting to Theta

Network Name: Theta Testnet New RPC URL: https://eth-rpc-api-testnet.thetatoken.org/rpc Chain ID: 365 Currency Symbol: TFUEL Block Explorer URL: https://testnet-explorer.thetatoken.org/

Network Name: Theta Mainnet New RPC URL: https://eth-rpc-api.thetatoken.org/rpc Chain ID: 361 Currency Symbol: TFUEL Block Explorer URL: https://explorer.thetatoken.org/

Update ACTIVE_NETWORK in constants.js to reflect the target network for the smart contract deployments. One contract is created for each listing with a direct link to the video clip stored on IPFS.

How we built it

  • Website based on ReactJS.
  • Integration with web3 using metamask and Theta.
  • Smart contract using Solidity deployed to Theta testnet/mainnet.

Challenges we ran into

  • Integrating theta networks with metamask deployer.

Accomplishments that we're proud of

  • Works and contract deploys with upload streams or video files correctly linked!

Potential future work

  • Monetization strategy (ThetaBundle could take a fee from contract sales).
  • Production deployment.

Screenshots

Search/Home

Specify terms of ThetaBundle contract

Adding video files

Deploying contract on Theta testnet

Breakpoint at contract creation

ThetaBundle created!

Deployed contract on Theta testnet

Completing purchase via shareable payment url

About page

Example contract: http://localhost:3000/0x36FBf31c9E4dcE0Af4b917D10a884cDC71Fb5854

Network config

Network Name: Theta Testnet New RPC URL: https://eth-rpc-api-testnet.thetatoken.org/rpc Chain ID: 365 Currency Symbol (optional): TFUEL Block Explorer URL (optional): https://testnet-explorer.thetatoken.org/


Network Name: Theta Mainnet New RPC URL: https://eth-rpc-api.thetatoken.org/rpc Chain ID: 361 Currency Symbol (optional): TFUEL Block Explorer URL (optional): https://explorer.thetatoken.org/

Recompiling contracts

From the /contracts directory: yarn; truffle compile

Useful links

theta22's People

Contributors

cbonoz avatar

Stargazers

 avatar

Watchers

 avatar  avatar

Forkers

deepakbhatia

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.