player gist

player.jsx

import {
  Player,
  LivepeerConfig,
  createReactClient,
  studioProvider,
} from "@livepeer/react";

const client = createReactClient({
  provider: studioProvider({ apiKey: "e2475873-a877-4c48-97bb-738677a94b89" }),
});

const DemoPlayer = () => {
  return (
    <LivepeerConfig client={client}>
      <Player
        src="ar://eowSrgs3tZPK7bA1QPrdVFhodkepSJrIqYfzGbMaP7Q"
        autoUrlUpload={{
          fallback: true,
          arweaveGateway: "https://arweave.net",
        }}
      />
    </LivepeerConfig>
  );
};

export default DemoPlayer;