Jekyll-media-plugins

These are personal plugins i created to use in my projects:

• Youtube: add Id

{% youtube EoTCS9AZRSQ %}

{% video /myvideo.mp4 %}

• MIDI with tags: add Src

{% midi /mymidi.mid %}

• Vexflow tags for create music staffs: add code!

{% vexflow myflow 400 170 %}
tabstave notation=true tablature=false
notes 4-5-6/3 ## =|: 5-4-2/3 2/2 =:|

tabstave notation=true tablature=false
notes C-D-E/4 #0# =:: C-D-E-F/4 =|=
{% endvexflow %}

• P5.js with render.js: for create interactive sketchs!

First write this line. This load all scripts

{% p5load %}

A single static sketch:

{% p5 foo %}
createCanvas(400, 400 );
background(255);
smooth();
stroke(random(255), random(255), random(255), 100);
line(i, 0, random(0, width), height);
{% endp5 %}

Or dynamic sketch:

{% p5 foo %}
function setup(){
  createCanvas(400, 400 );
}

function draw(){
  background(255);
  smooth();
  stroke(random(255), random(255), random(255), 100);
  line(i, 0, random(0, width), height);
  if(i>=width){
    i++;
  }
  else{
    i--;
  }
}	
{% endp5 %}

Then do this

{% p5run %}

• Wavepot: sound synthesis with HTML5.

{% wavepotload %}

{% wavepot foo %}
function dsp(){
  return noise(sin(0.001));
}
{% endwavepot %}

TODO

• Vimeo
• tags
• Soundcloud
• Freesound
• Wikimedia images
• Audio Synthesis:
  • Gibber