Self-Hosted Embedding

The TeachariumPlayer is a self-contained React component for embedding Teacharium lessons in your application. It handles all provider setup internally, making integration straightforward.

Installation


npm install @teacharium/player @teacharium/widget @measured/puck
# or
pnpm add @teacharium/player @teacharium/widget @measured/puck

Quick Start


import { TeachariumPlayer } from "@teacharium/player";
import { getWidgets } from "@teacharium/widget";
import lessonData from "./lesson.json";
 
function LessonPage() {
  return (
    <TeachariumPlayer
      lesson={lessonData}
      widgets={getWidgets()}
      onComplete={(result) => console.log("Lesson completed", result)}
    />
  );
}