Description

Web developers can easily integrate this video player that connects to Metamask, and can charge users based on usage of the video. They don't have to have the expertise of using frameworks like web3.js or languages such as Solidity. They can simply embed the custom html tags to their page, and insert their wallet address and price per stream.

Web3Player showcase

How it's made

It is entirely made with Vanilla JS with help from the Moralis SDK, that simple. However I had to get deep into Javascript and learn about Web Components in order to create the custom video tags. It was a challenge learning how to extract data from the shadowDOM, and having to change data by calling function outside of it. Moralis SDK was a big help, due to the fact that I always have a terrible time using web3.js, however Moralis was perfect for simple transactions which was what I needed for this project.