@pentaio/pentio-vue

Vue 3 wrapper for Pentio player.

Install

npm i @pentaio/pentio-vue

Quick start

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

const controller = ref<PentioPlayerController | null>(null);

const handleReady = (ctrl: PentioPlayerController) => {
  controller.value = ctrl;
};
</script>

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

  <button @click="controller?.play()">Play</button>
  <button @click="controller?.resume()">Resume</button>
  <button @click="controller?.pause()">Pause</button>
  <button @click="controller?.stop()">Stop</button>
</template>

Component props

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

Events

• ready(controller)

License

MIT