Credenza3 Token Gated video Library.

Installation

Make sure @credenza3/passport-evm is already installed

import { Passport } from "@credenza3/passport-evm"; new Passport({...})

with npm

npm install @credenza3/tokengated-video-lib

with yarn

yarn add @credenza3/tokengated-video-lib

with pnpm

pnpm install @credenza3/tokengated-video-lib

or include a script tag

<script src="https://unpkg.com/@credenza3/tokengated-video-lib/dist/tokengated-video.umd.js"></script>

Usage

import { initTokenGatedWidget } from "@credenza3/tokengated-video-lib";

initTokenGatedWidget

ERC-1155 gating

await initTokenGatedWidget({
  target: "#tokengated-video-app",
  placeholderImage:
    "https://images.unsplash.com/photo-1626379953822-baec19c3accd?w=800&q=80",
  gating: {
    type: "nft",
    contractAddress: "0x6c83c06a3edb16f6e79ae3c0cd9e21cfda35d25c",
    chain_id: "84532",
    tokenId: "1",
  },
  onPurchaseRequired: () => {
    console.log("purchase required");
  },
  unlockText: "UNLOCK", // optional, defaults to "UNLOCK"
})

Membership gating

await initTokenGatedWidget({
  target: "#tokengated-video-app",
  placeholderImage:
    "https://images.unsplash.com/photo-1626379953822-baec19c3accd?w=800&q=80",
  gating: {
    type: "membership",
    contractAddress: "0x6c83c06a3edb16f6e79ae3c0cd9e21cfda35d25c",
    chain_id: "84532",
  },
  onPurchaseRequired: () => {
    console.log("purchase required");
  },
  unlockText: "UNLOCK", // optional, defaults to "UNLOCK"
})