Skip to content
CONSTRUCTING

Asciinema Player

Word count
166 words
Reading time
2 minutes

Installation

Install @nolebase/ui and asciinema-player to your project dependencies by running the following command:

shell
ni @nolebase/ui asciinema-player
shell
pnpm add @nolebase/ui asciinema-player
shell
npm install @nolebase/ui asciinema-player
shell
yarn add @nolebase/ui asciinema-player

Usage

vue
<script setup>
import { NuAsciinemaPlayer } from '@nolebase/ui'
import 'asciinema-player/dist/bundle/asciinema-player.css'
</script>

<template>
  <NuAsciinemaPlayer
    src="/asciinema/test-nyancat.cast"
    :preload="true"
    :cols="400"
    :rows="40"
    :auto-play="true"
    :controls="true"
    :terminal-font-size="'12px'"
    :loop="true"
  />
</template>

Acknowledgements

Contributors

Changelog