Asciinema Instructions

Click the GIF image below to see an asciinema demo!

Title:

A demonstration of the asciinema terminal recording tool

Duration:

2' 25" : The timeline indicates 4' 49" but in fact the recording is fast forwarded 2x with the "speed: 2" option put in the html template.

Public

Material

Terminal recording tool
Preferred recording method: Captured from Alexandre Racine's computer

Description

A demonstration of the commands needed to install it on Mac OS X and Linux Ubuntu

CERN video content owner

Maria Dimou

Other information:

Full asciinema installation and usage instructions are attached to this twiki.

One expects 4 files to be created at the end of a terminal session recorded with asciinema: .js, .json, .css, .html. We make the .html by copy/pasting in a file of our own the

<HEAD> and <BODY>

etc wrapping tags offered to us by the asciinema site to encapsulate the links to the other 3 outputs .js, .json and .cssconstructed by the product. Hence, these files must live on the web. This is why we have attached these actual files to this page.

One can convert asciinema casts to animated GIFs using this tool: https://github.com/tav/asciinema2gif but the copy/paste possibility is lost.
If you face an SSL error during this conversion, such as:

ERROR: Couldn't open https://asciinema.org/api/asciicasts/81648?theme=solarized-light

ERROR: SSL handshake failed

Please refer to this issue on Github and replace the content in line 113 in the asciinema2gif script:

phantomjs "${rundir}/render.js" "${asciinema_url}"

by:

phantomjs --ssl-protocol=any "${rundir}/render.js" "${asciinema_url}"

The reply obtained by the developers on Github indicates that a new release should be done soon and the problem corrected.
The GIF image generated and placed at the top of this page is a link to the real video (attached to this twiki) which allows to copy / paste the text.

In order to show a video made with asciinema in the twiki Video Library, we attach the gif generated from the conversion to the same Video Library page and use these tags at the beginning of the twiki page source:

<a href="%ATTACHURL%/index.html">
<img src="%PUBURL%/cern/asciicast.gif" alt="Play Video">
</a>

The GIF image generated and placed at the top of this page is a link to the real video (attached to this twiki) which allows to copy / paste the text.

On how to register in CDS videos made with asciinema, pending answer from the CDS experts.

Create a new video under this topic

Video Discussion

No audio possible when using asciinema, for now.

-- Maria Dimou - 2016-09-07

We are making progress in registering an animated gif in CDS generated from a terminal recording with asciinema. Follow https://cern.service-now.com/service-portal/view-request.do?n=RQF0626880 if you have a CERN login.

-- Maria Dimou - 2016-09-07

use the attach button below to upload the video to this page. Then copy/paste the %ATTACHURL% url the video tag above

Attachments

Topic attachments
I	Attachment	History	Action	Size	Date	Who	Comment
json	asciicast-82223.json	r1	manage	31.3 K	2016-08-10 - 08:29	AlexandreRacine	asciinema recording (named asciicast) in .json format
gif	asciicast.gif	r1	manage	495.5 K	2016-08-10 - 08:30	AlexandreRacine
css	asciinema-player.css	r1	manage	50.1 K	2016-08-03 - 08:19	AlexandreRacine	CSS template for the javascript player
js	asciinema-player.js	r1	manage	500.9 K	2016-08-03 - 08:19	AlexandreRacine	Script for the .js player
pdf	asciinema_installation_instructions.pdf	r1	manage	144.2 K	2016-08-03 - 08:19	MariaDimou	Terminal recording tool asciinema - installation instructions by Alexandre Racine
html	index.html	r5 r4 r3 r2 r1	manage	0.3 K	2016-08-10 - 08:29	AlexandreRacine	html template to play the asciicast. Links in it to the three other files must be set with the right paths depending on where you store the files. The name does not need to be index.html, you can name your recording as you want.