Add Asciinema integration (#326)

* Added Asciinema integration

* Added CHANGELOG entry
This commit is contained in:
Erik Michelson 2020-07-16 22:14:47 +02:00 committed by GitHub
parent 1b52bac838
commit 8216958f91
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 68 additions and 1 deletions

View file

@ -0,0 +1,19 @@
import React from 'react'
import { OneClickEmbedding } from '../one-click-frame/one-click-embedding'
export interface AsciinemaFrameProps {
id: string
}
export const AsciinemaFrame: React.FC<AsciinemaFrameProps> = ({ id }) => {
return (
<OneClickEmbedding
containerClassName={'embed-responsive embed-responsive-16by9'}
previewContainerClassName={'embed-responsive-item'}
hoverIcon={'play'}
loadingImageUrl={`https://asciinema.org/a/${id}.png`}>
<iframe className='embed-responsive-item' title={`asciinema cast ${id}`}
src={`https://asciinema.org/a/${id}/embed?autoplay=1`}/>
</OneClickEmbedding>
)
}