Vue3-based player for rrweb
npm install @bpsmartdesign/rrweb-player-vue3yarn add @bpsmartdesign/rrweb-player-vue3pnpm install @bpsmartdesign/rrweb-player-vue3<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>
| 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 |
{} |
| Name |
|---|
| ui-update-current-time |
| ui-update-player-state |
- Typscript types will be fully available in the nexts version
- If you like it, give a star 🙂.
- The initial version of rrweb-player for vue3
- Fix
skip innactive - Fix
go-to - Fix auto-play setted to true sometimes
- Set definitions files for ts and autocomplete
If you find any bugs or if you have any suggestion, please open an issue.
- Author: BIYA Paul (bpsmartdesign) bpsmartdesign@hotmail.com
- github
- portfolio
