Mirad, os voy a enseñar una cosa que te va a volar la cabeza.
Si no te vola la cabeza, te devuelvo el dinero ahora mismo.
Y es que no sé si lo sabéis, hoy he hecho un tuit, como todos los días casi,
pero he hecho un tuit que os va a volar la cabeza.
Mirad, amigos, hoy he enseñado en un tuit que me da pena,
porque ¿por qué no triunfan tanto estos?
A ver, triunfa, estoy contento, estoy contento, ¿eh?
Pero que es que esto debería tener 3 millones de likes.
Esto es una salvajada, esto es increíble.
Mirad, amigos, podéis crear con 20 líneas de JavaScript.
20 líneas, ¿eh? No más.
Podéis crear una capturadora de vídeo desde vuestro navegador.
Es así, con este código que veis aquí, con este código que veis aquí.
Y lo podéis ver porque lo tengo aquí puesto, mirad, lo voy a poner.
Nos podemos olvidar del HTML y del CSS también.
Con este JavaScript, con este JavaScript, solo con este JavaScript,
podéis hacer una capturadora de vídeo y de vídeo de audio de webcam y tal.
Yo lo he hecho que sea de pantalla.
Pero fijaos qué maravilla de código en JavaScript,
que es que son estas cosas, que JavaScript tiene estas cosas.
Mirad, primero le dices que quieres recuperar el display media.
Esto básicamente es lo que nos va a hacer que cuando le demos clic
nos diga lo que queremos, qué es lo que queremos grabar.
Y luego lo que vamos a hacer es empezar a grabar desde este media recorder.
Lo vamos a grabar y le podemos decir el tipo.
Esto es porque tenemos diferentes codecs, algunos con mejor calidad y tal.
Y le podéis cambiar el frame rate, podéis decirle también que capture el audio,
por ejemplo, ¿vale? Puede ser que queráis capturar el audio o no.
Yo lo he hecho sin capturar el audio, pero podéis capturar el audio si queréis.
¿Vale? Y entonces, una vez que lo termináis, lo que podemos hacer
es simplemente guardarlo en un archivo .wpm y ya tenéis el vídeo.
A ver, estos son 20 líneas, 20 líneas de JavaScript.
Se pueden hacer mil millones de cosas.
De hecho, este código es parte de la magia que hay detrás de startups enteras,
como puede ser Loom. No sé si conocéis Loom. Loom.
Pero bueno, que es de miles de millones de euros han conseguido.
Bueno, miles de millones, pero ya me entendéis. Muchos millones de euros.
Y esta gente han hecho un producto de pago a través de esta API, ¿eh?
A través de esta API.
No, hombre, no representa un peligro.
No representa un peligro y te explico por qué, Apu.
No representa un peligro porque esto necesita tu permiso.
Fíjate, tú le das a grabar pantalla.
Y entonces aquí ahora ya, ¿ves? Te está pidiendo si es una pestaña, una ventana o toda la pantalla.
Y puedes elegir entre las dos pantallas.
Ya solo con esto, esto es una maravilla. Esto es una maravilla.
Mirad, vamos a poner aquí los premios Eslan. Eslan Web.
Y así os enseño también la web, que hemos hecho unos cambios interesantes.
¿Vale? Mira qué bonita, qué bonita está quedando.
¿Habéis visto esto?
¿Qué te parece este selector de idioma?
No me digas que no le pasarías la lengua.
No me digas que no le pasarías la lengua.
Le pasaría la lengua.
Que está chulo.
Mira, mira, mira.
Madre mía, está bonito.
Está bonito.
Está bien bonito, ¿eh?
Está bien bonito.
No, no le paso la lengua.
Pues tú te lo pierdes.
Tú te lo pierdes.
Bueno, el tema es que, fijaos, le das a grabar pantalla.
Y yo le digo, premios Eslan, ¿vale?
Por ejemplo, puedes hacer pestañas, puede ser ventana, puede ser pantalla, puede ser lo que tú quieras.
Premios Eslan, la pestaña.
Le das a compartir.
¿Ves? Necesitas darla a compartir.
Y tú ahora, pues, haces lo que sea.
Yo que sé, pues te vas aquí y, fijaos, la galería tan bonita que hicimos con un más sonri.
Y ya he arreglado que todos tengan los thumbnails correctos, con la resolución correcta.
No me digas que no, quedó increíble.
Es que quedó tremendo, ¿eh?
Quedó tremendo esto.
Quedó tremendo.
Bueno, le dais a dejar de compartir, ¿vale?
Y fíjate que ya te dice de guardar el vídeo.
Le das a guardar y mira lo que tenéis aquí.
El vídeo.
El vídeo con la captura de los pasos que he hecho.
Esto, especialmente con JavaScript.
No me digáis que no es tremendo.
No me digas que no es tremendo.
Porque es que está, está genial.
Podéis mejorar la calidad, podéis cambiar la calidad, podéis cambiar un montón de cosas.
La resolución en la que graba.
Yo lo he hecho como por defecto.
Pero esto lo hemos conseguido con estas líneas de JavaScript.
Solo con esta línea de JavaScript ya tenéis directamente una capturadora.
Que obviamente lo podéis mejorar un montón.
Podéis hacer que se pueda seleccionar la calidad, la resolución, lo que sea.
Pero en un momento hemos hecho una capturadora.
Y esto, de nuevo, para que veáis lo potente que es esto.
Esto lo podéis hacer también a nivel de toda la pantalla.
Podéis grabar la pantalla entera.
Ahora estoy grabando toda la pantalla.
Entonces, si yo ahora pongo al Discord aquí, ¿vale?
No sé qué.
Mira, este, ¿qué dice?
Fuera.
Que me tiras para arriba el...
Hola, desde España.
Bueno, total.
¿Qué ves?
Estoy haciendo cosas.
Y ahora...
Ah, claro.
Ahora lo malo es que no le he puesto un botón de parar.
Tendría que haberle puesto un botón de parar.
Pero bueno, se puede hacer, se puede hacer.
Le puedes hacer un botón de parar para parar la grabación.
Porque si no, no se para.
Si no, no se para nunca la grabación.
Si no, no se parará nunca la grabación.
Es verdad.
No he pensado en eso.
Qué lástima, qué lástima.
Ahora no puedo parar la grabación.
Pero se puede poner un botón aquí que sea para usar la grabación y ya está.
Porque si no, ¿veis?
Se está grabando aquí ad infinitum.
Pero bueno, ahora ya está.
Ya ha parado.
Lo malo es que hemos perdido la grabación.
Pero bueno, para que os hagáis.
Era para que os hagáis una idea.
No he hecho una aplicación entera.
Pero es tremendo, ¿eh?
Está súper, súper genial.
No, cerrad la pestaña.
Lo que pasa es que lo perdéis todo y ya está.
Pero tendríais que hacer, por ejemplo, hacer el media recorder stop.
Cuando se haga clic en un botón, hacéis este stop y ya lo tendríais.
Y ya está.
O sea, no debería ser muy difícil.
Lo que pasa es que ahora, como he hecho esto, esto me va a costar ahora aquí mover y poner otro botón.
Tendríais que poner otro botón aquí, que sea guardar, no sé qué, no sé cuánto.
Y ya está.
Pero bueno, está súper bien, ¿eh?
Sí, sí.
O sea, vosotros reíros.
Pero esto que os he enseñado, hay gente que está ganando dinero solo con esto, ¿eh?
Vosotros reíros.
Vosotros reíros.
¿Qué tal hacer una aplicación completa?
Se podría hacer.
Y además se puede hacer de capturar también la webcam y hacer que la webcam esté en un ladito.
Eso se podría hacer.
Es que no es tan difícil.
Es que la potencia que tiene JavaScript y la plataforma web es increíble.
Es increíble.
Así que nada, nada, reíros, que es tremendo.
Sí, para hacer videollamadas, por ejemplo, también se podría utilizar.
Sí, para hacer videollamadas.