React hooks

useArtworkFrame

Control live artwork playback in a protected browser frame.

Usage

tsx
import { useArtworkFrame } from "@whitehash/react"
const result = useArtworkFrame(token)

Image and live artwork are different

Display and thumbnail URIs are static previews. The artifact URI is executable HTML and becomes the iframe URL. useArtworkFrame applies the token seed, checks whether onchfs resolution is available, and supplies the sandbox and device permissions; it never puts an artifact HTML URL into an image tag.

Live result

ok; stopped