Integrate Token Gating for Videos

[sirgawain0x]

We need to integrate a way to token gate videos in our application. This feature will ensure that only users with the required tokens can access specific video content. The implementation should follow the guidance provided in the Livepeer documentation.

Tasks:

• Review the Livepeer documentation on token-gating videos.

• Implement token gating for video access based on the provided tutorial.

• Ensure that the token gating mechanism is secure and operates as intended.

• Test the integration thoroughly to confirm that only users with the required tokens can access the gated videos.

• Update any relevant documentation to reflect the new token gating feature.

Additional Context:

This feature will enhance the security and exclusivity of our video content by restricting access to users who possess the required tokens.

[liberalterian]

Updaet: I added the /token-gate endpoint and related access-key util in the PR I submitted last week. I also added tests for both in my most recent PR.

Next steps:

• Add a model to OrbisDB for token metadata and a new endpoint for fetching it
• Deploy a test contract and setup the base URL (probably something like https://tv.creativeplatform.xyz/api/token-metadata/{id}.json)
• Add the contract interactions to mint the owner's token to the Upload page
• Add additional arguments tokenId, contractAddress, chain, and tokenGateVideo = true to the getLivepeerUploadUrl server action to configure the playbackPolicy prior to uploading the videos in the [FileUpload component](Upload page).

@sirgawain0x, do you agree with this plan? I still have a lot of time on my hands so I'm happy to jump in and get this done ASAP if everything sounds right to you.

[liberalterian]

I just realized that the Thirdweb TS SDK handles all of the metadata so I added the token interactions, form fields, and state variables needed to handle lazy minting token metadata, updating it at the end of the upload process with the thumbnailUri, and providing the additional arguments to the getLivepeerUploadUrl() server action in the FileUpload component.

You can see the changes I made here:

• Upload page
• FileUpload component
• New VideoTokenMetadata type