@pentaio/pentio-svelte

Svelte wrapper for Pentio player.

Install

npm i @pentaio/pentio-svelte

Quick start

<script lang="ts">
  import { PentioPlayer, type PentioPlayerController } from "@pentaio/pentio-svelte";

  let controller: PentioPlayerController | undefined;

  function handleReady(event: CustomEvent<PentioPlayerController>) {
    controller = event.detail;
  }
</script>

<PentioPlayer src="<assets-url-or-path>/pentio.pto" autoplay={true} on:ready={handleReady} />

<button on:click={() => controller?.play()}>Play</button>
<button on:click={() => controller?.resume()}>Resume</button>
<button on:click={() => controller?.pause()}>Pause</button>
<button on:click={() => controller?.stop()}>Stop</button>

Props

• src?: string
• autoplay?: boolean
• width?: string | number
• height?: string | number

Event

• ready (detail contains controller)

License

MIT