@feenomeen/rrweb-player-vue3 NPM

rrweb player vue

Vue3-based player for rrweb

Installation

npm

npm install @bpsmartdesign/rrweb-player-vue3

Yarn

yarn add @bpsmartdesign/rrweb-player-vue3

pnpm

pnpm install @bpsmartdesign/rrweb-player-vue3

Basic usage

<template>
  <RRWebPlayer :events="events" />
</template>

<script lang="ts" setup>
import { ref } from "vue"
import { RRWebPlayer } from '@bpsmartdesign/rrweb-player-vue3'
import '@bpsmartdesign/rrweb-player-vue3/dist/style.css'

const events = ref<any[]>([]) // Events are required, Full type will be available in next versions
</script>

Props

Name	Type	Default
events	`Array`	`[]`
width	`number`	`1024`
height	`number`	`576`
goTo	`number`	`undefined`
skipInactive	`boolean`	`true`
autoplay	`boolean`	`true`
speedOption	`number[]`	`[1, 2, 4, 8]`
speed	`number`	`speedOption[0]`
showController	`boolean`	`true`
tags	`Object`	`{}`