Fork me on GitHub

Posts in tag `Javascript'

Blink en Arduino con Cylon.js

January 10, 2015

Quería ver qué tal era instalar cylon.js y hacer al menos un blink con él. La instalación con npm es simple

$ npm install cylon cylon-gpio cylon-i2c cylon-firmata

Cylon se comunica con Arduino vía serial usando el protocolo firmata. Lo instalamos usando el IDE de Arduino o podemos usar gort.io, que es una herramienta en Go hecha por los mismos de cylon y que es muy parecida a inotool. Lamentablemente gort no funciona con Arduino Nano así que tuve que usar un Uno.

$ gort scan serial
$ gort arduino install
$ gort arduino upload firmata [port]

Finalmente el código en JS queda así

Arduino Javascript Trabajos

Filmstrip - html5 video preview

November 3, 2013

En OpCode estamos haciendo Filmstrip, un widget para previsualizar videos en html5. Para mejor performance se utilizan videos convertidos a 320x180px, a 1 frame/s y sin audio. Esto se logra con ffmpeg:

ffmpeg -i original_video.mkv -s 320x180 \
       -vcodec libx264 -an -r 1 filmstrip_video.mp4

El siguiente video deja ver el funcionamiento principal de filmstrip: mostrar frames de un video para tener una panomámica del mismo.

El ejemplo del video podés probarlo online acá.

En este otro puede verse otra de las funciones de filmstrip: capturar un frame a un segundo determinado y devolver una imagen al tamaño real del video.

Aquí puede verse un ejemplo básico de uso

#html
<canvas id="filmstrip"></canvas>

#script
var model = {src: 'sita.ogv'};

var fs = new Filmstrip(model, {
    width: 120,
    height: 600,
    bgColor: '#333',
    drawBackground: true,
    drawHoles: true,
    holesColor: '#222',
    holesDispersion: .7,
    bandsPadding: 20,
    autoOrientation: true,
    strechOnResize: true,
});

fs.on('draw:finished', function() {
    this.drawCanvas($('#filmstrip'));
 });

Este proyecto es parte del proyecto Malbec Broadcast desarrollado por la Cooperativa OpCode y como todos sus proyectos tiene licencia AGPL v3.

El código en github: https://github.com/inaes-tic/filmstrip

Javascript Software Libre Trabajos Video html5 opcode

Embed this gist

August 28, 2013

Acabo de descubrir que podés incluir tus gists directamente en tus htmls/posts. Simplemente hay que copiar una línea con un include de Javascript bajo "Embed this gist" y pegarlo en tu post, tal como harías al incluir un video de Youtube.

De paso dejo un ejemplo de un servidor tcp en Node.js

Para probarlo, levantar el servicio y desde otra terminal hacer

$ nc localhost 3000

Javascript

Chat con Node.js

August 5, 2013

El año pasado nos juntamos con algunos compañeros del trabajo a aprender Node.js. El resultado es este chat que usa socket.io para la comunicación vía WebSocket. Para la interfaz usamos Bootstrap y para levantar la app como un servicio usamos forever.

Simple chat in Node.js

El chat permite enviar mensajes privados usando la forma

/msg <user> <message>

El código está en Github

Javascript Trabajos

← Older | Newer →