Skip to content
GitLab
Menu
Why GitLab
Pricing
Contact Sales
Explore
Why GitLab
Pricing
Contact Sales
Explore
Sign in
Get free trial
Primary navigation
Search or go to…
Project
osiux.gitlab.io
Manage
Activity
Members
Labels
Plan
Issues
Issue boards
Milestones
Requirements
Code
Repository
Branches
Commits
Tags
Repository graph
Compare revisions
Locked files
Build
Pipelines
Jobs
Pipeline schedules
Test cases
Artifacts
Deploy
Releases
Container registry
Model registry
Operate
Environments
Monitor
Incidents
Service Desk
Analyze
Value stream analytics
Contributor analytics
CI/CD analytics
Repository analytics
Issue analytics
Insights
Model experiments
Help
Help
Support
GitLab documentation
Compare GitLab plans
Community forum
Contribute to GitLab
Provide feedback
Privacy statement
Keyboard shortcuts
?
What's new
6
Snippets
Groups
Projects
Show more breadcrumbs
OSiUX
osiux.gitlab.io
Commits
d5ed807f
Commit
d5ed807f
authored
1 year ago
by
OSiUX
Browse files
Options
Downloads
Patches
Plain Diff
agregar ansible tools demo vhs
@ 00:25 hs
parent
5253da3b
No related branches found
Branches containing commit
No related tags found
No related merge requests found
Changes
2
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
2023-03-30-generar-video-de-la-ejecucion-de-comandos-usando-vhs.org
+125
-0
125 additions, 0 deletions
...-generar-video-de-la-ejecucion-de-comandos-usando-vhs.org
img/ansible-tools/ansible-tools-demo-vhs.png
+0
-0
0 additions, 0 deletions
img/ansible-tools/ansible-tools-demo-vhs.png
with
125 additions
and
0 deletions
2023-03-30-generar-video-de-la-ejecucion-de-comandos-usando-vhs.org
0 → 100644
+
125
−
0
View file @
d5ed807f
#+TITLE: Ansible Tools VHS Ansible BA Meetup
#+DESCRIPTION: Generar un video de la salida de comandos de terminal usando VHS para la charla Ansible Tools en Ansible BA Meetup
#+AUTHOR: Osiris Alejandro Gomez
#+EMAIL: osiux@osiux.com
#+LANGUAGE: es
#+LINK_HOME: index.html
#+INCLUDE: header.org
#+KEYWORDS: Blog, Design, Ansible, AnsibleTools, VHS, Video, Terminal
#+DATE: 2023-05-28 11:55
** Ansible Tools Video
A partir de un diseño /2D/ en /Inkscape/ [fn:inkscape], se me ocurrió
realizar los /slides/ de la charla =Ansible Tools= [fn:ansible-tools]
para la =Ansible BA Meetup= [fn:ansible-ba-meetup] en modo video, porque
tenía poco tiempo y el video (una vez generado) no produce errores o al
menos no agrega nuevos errores en el momento de la presentación.
** VHS
Hace tiempo que había descubierto =VHS= [fn:vhs] que es una utilidad
para generar un video /MP4/ o un /GIF/ animado de la salida de los
comandos de una terminal.
Llegué a /VHS/ gracias al /repo/ =SCIFI Terminals= [fn:scifi-terminals]
que tenía reproducciones casi exactas de escenas de /Hacking/ de
películas de /Hackers/ y/o para ñoñes! :P
En su momento probé para jugar y se veía fácil armar algo, quedó en el
=TODO.txt= [fn:todotxt-cli] y justo para esta ocasión recordé que podía
usar /VHS/!
Lo primero es definir un /Theme/, me base en uno cualquiera y cambié
algunos colores para estar a tono con los colores de /Ansible/.
#+BEGIN_EXAMPLE
Set Theme
{
"name": "OSiUX",
"black": "#535178",
"red": "#cd0000",
"green": "#00cd00",
"yellow": "#cdcd00",
"blue": "#0000ee",
"purple": "#cd00cd",
"cyan": "#00cdcd",
"white": "#ffffff",
"brightBlack": "#535178",
"brightRed": "#ff0000",
"brightGreen": "#00ff00",
"brightYellow": "#ffff00",
"brightBlue": "#5c5cff",
"brightPurple": "#ff00ff",
"brightCyan": "#00ffff",
"brightWhite": "#ffffff",
"background": "#306f98",
"foreground": "#ffffff",
"selectionBackground": "#3d3c58",
"cursorAccent": "#00ffff",
"cursor": "#00ffff"
}
#+END_EXAMPLE
Luego hay que definir el archivo y formato de salida
#+BEGIN_EXAMPLE
Output ansible-tools.mp4
#+END_EXAMPLE
Se define el tamaño de fuente, ancho y alto de la captura
#+BEGIN_EXAMPLE
Require echo
Set FontSize 28
Set Width 1920
Set Height 960
#+END_EXAMPLE
Luego se usa el comando =Type= para definir qué querés que /VHS/ tipee
por vos! y obviamente en que momento presionar =Enter= o cuando realizar
una espera =Sleep 10s= para que se pueda apreciar el comando ejecutado.
#+BEGIN_EXAMPLE
Type " export PS1='\n#';alias cat='bat --style=plain,changes'"
Enter
Type " clear"
Enter
Show
Sleep 10s
Type "# get Ansible Tools"
Sleep 5s
Enter
Type " git clone https://gitlab.com/gcoop-libre/ansible_tools"
Sleep 5s
Enter
Sleep 10s
Type " cd ansible_tools"
Sleep 5s
Enter
Sleep 10s
#+END_EXAMPLE
Lo interesante es que ejecuta el comando y captura su salida, si bien
puede resultar en un bonito video lleno de errores, lo genial es que al
estar en modo texto, es versionable, ocupa muy poco lugar y permite
realizar todo tipo de modificaciones, para finalmente generar el video
que tenés en mente, e inclusive utilizar este código como base para
adaptarlo y generar otro video en el futuro.
[fn:vhs] https://github.com/charmbracelet/vhs
[fn:scifi-terminals] https://github.com/ldodds/scifi-terminals
[fn:ansible-ba-meetup] https://www.meetup.com/ansible-buenos-aires/
[fn:ansible-tools] https://gitlab.com/osiux/ansible_tools/
[fn:inkscape] https://inkscape.org/
[fn:todotxt-cli] https://github.com/todotxt/todo.txt-cli
This diff is collapsed.
Click to expand it.
img/ansible-tools/ansible-tools-demo-vhs.png
0 → 100644
+
0
−
0
View file @
d5ed807f
513 KiB
This diff is collapsed.
Click to expand it.
Preview
0%
Loading
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Save comment
Cancel
Please
register
or
sign in
to comment