Web3Player

An open-source Web3 enabled video player for you to embed in your website.

Web3Player

Created At

Road to Web3

Project 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.

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.

background image mobile

Join the mailing list

Get the latest news and updates