@pentaio/pentio-player

Web runtime package for Pentio animations.

@pentaio/pentio-player provides:

• PentioPlayer class (vanilla JS)
• pentio-player custom element (auto-registered)
• Controller API for playback and param/state control

Install

npm i @pentaio/pentio-player

Vanilla JS usage

<div id="pentio-player" style="width: 800px; height: 450px;"></div>
<script type="module">
  import { PentioPlayer } from "@pentaio/pentio-player";

  const player = new PentioPlayer({
    container: document.getElementById("pentio-player"),
    src: "<assets-url-or-path>/pentio.pto",
    autoplay: true,
  });

  player.play();
  player.pause();
  player.resume();
  player.stop();
  player.setParam("Param_0", true);
</script>

Web Component usage

import "@pentaio/pentio-player";

<pentio-player src="<assets-url-or-path>/pentio.pto" autoplay width="800" height="450"></pentio-player>
<script>
  const el = document.querySelector("pentio-player");
  el.addEventListener("pentio-ready", event => {
    const controller = event.detail.controller;
    controller.play();
    controller.setParam("Param_0", true);
  });
</script>

CDN

<script src="https://cdn.jsdelivr.net/npm/@pentaio/pentio-player/dist/index.global.js"></script>

Global export:

• window.PentioPlayer

Exports

• PentioPlayer
• PentioPlayerElement
• definePentioPlayerElement
• PentioPlayerOptions type
• PentioPlayerController type

License

MIT