Understanding RTP protocol by glitching an image collaboratively

This is a space to explore and experience how your information travels in a distributed system.


[0] Set up

- Upload image
- Share URL with your peers.


We will be part of a multi-feedback system, where we can identify 2 composable stages:

[1] Single user interaction

You will be altering values of diffusion algorithm over an image with the controls Know more about diffusion system

This creates an inner feedback loop with your scene(the image you are seeing on your screen).

Controls' Specification

Play around with sliders.

- frecuencyBroadcast: number of frames you will be sending messages
- step: size of neighbourhood radius of diffusion
- iterations: how many times the algorithm is apply per frame
- invert: invert effect apply on input image
- saturate: increase general saturation
- hue: changes hue
- sharp: amount to sharpen colour
- weigth: how important is the value of each current pixel
- diffusionRate1: rate of diffusion of neighbours in directions: north, south, east, west
- diffusionRate2: rate of diffusion of neighbours in directions: north-east, north-west, south-east, south-west
- interpolate: value that mixes with previous frame

When you move sliders, you are updating values that will create messages. Some messages will be listened by all your peers, affecting the shared glitchy medium. As well as you will be receiving messages that will altered the control's values.

Decide how to interact
- Choosing when to broadcast your messages in terms of frames. Using frecuencyBroadcast.
- Choosing what values of the controls you are sending
- Choosing what values of the controls you are receiving

[2] Network interaction

Use peer to peer connections to have general context in where users’ actions will be affecting each other mediums. This context can be seen as the outer feedback loop.

For now, once you get the URL you are automatically connected to receive and send messages.

Learn more!

Get started by uploading an image!