Skip to content

Asciinema player wrapped in a custom element for simple use with any frontend framework.

License

Notifications You must be signed in to change notification settings

haxagoncz/asciinema-ce

Repository files navigation

Asciinema player custom element

This library wraps asciinema-player in a custom element, so it can be used in any framework without needing to run AsciinemaPlayer.create for each player you want to spawn.

Installation

npm

You can use your preferred package manager

npm i asciinema-player-ce
# or
pnpm i asciinema-player-ce
# or
yarn add asciinema-player-ce

import it and use it to define a custom element on your window.

import { useAsciinemaCe } from 'asciinema-player-ce'

useAsciinemaCe()

html

Add the following script to your document

<script src="https://cdn.jsdelivr.net/npm/asciinema-player-ce@latest/lib/asciinema-player.iife.min.js"></script>
<script defer>
  asciinemaPlayerCe.useAsciinemaCe()
</script>

Usage

You can simply use asciinema-player tag.

<!-- put your cast id inside src -->
<asciinema-player src=""></asciinema-player>

About

Asciinema player wrapped in a custom element for simple use with any frontend framework.

Resources

License

Stars

Watchers

Forks

Packages

No packages published