Korben, roi d’internet, logo bébé avec des lunettes en mode thug life Korben, roi d’internet, logo bébé avec des lunettes en mode thug life

Korben Upgrade your mind

Générer des partitions en HTML5 + SVG avec cette bibliothèque Javascript

Si vous êtes musicien et que vous souhaitez mettre en ligne des partitions ou des tablatures, il existe une bibliothèque JavaScript capable de générer du HTML5 + des SVG à insérer dans vos pages.

Cette bibliothèque s’appelle VexFlow et à partir d’un bout de code comme celui-ci

var canvas = $("div.two div.a canvas")[0];
var renderer = new Vex.Flow.Renderer(canvas,
Vex.Flow.Renderer.Backends.CANVAS);

var ctx = renderer.getContext();
var stave = new Vex.Flow.Stave(10, 0, 500);
stave.addClef("treble").setContext(ctx).draw();

// Create the notes
var notes = [
// A quarter-note C.
new Vex.Flow.StaveNote({ keys: ["c/4"], duration: "q" }),

// A quarter-note D.
new Vex.Flow.StaveNote({ keys: ["d/4"], duration: "q" }),

// A quarter-note rest. Note that the key (b/4) specifies the vertical
// position of the rest.
new Vex.Flow.StaveNote({ keys: ["b/4"], duration: "qr" }),

// A C-Major chord.
new Vex.Flow.StaveNote({ keys: ["c/4", "e/4", "g/4"], duration: "q" })
];

// Create a voice in 4/4
var voice = new Vex.Flow.Voice({
num_beats: 4,
beat_value: 4,
resolution: Vex.Flow.RESOLUTION
});

// Add notes to voice
voice.addTickables(notes);

// Format and justify the notes to 500 pixels
var formatter = new Vex.Flow.Formatter().
joinVoices([voice]).format([voice], 500);

// Render voice
voice.draw(ctx, stave);

On peut obtenir ceci :

vexflow

Le tuto est ici et la sandbox pour vous exercer avec le code se trouve ici.

Si vous êtes développeur, toute la doc se trouve ici. Par contre, si vous êtes un simple utilisateur qui souhaite publier ses partitions, vous pouvez utiliser ce service dérivé.

Autrement, si c’est la guitare qui vous branche, vous pouvez en générer avec Vextab qui lit le code Vexflow pour produire des tablatures.

Source


Microsoft Modern Keyboard avec Fingerprint ID

Expérience impeccable avec ou sans fil

Capteur d’empreintes digitales dissimulé
L’approche était de fondre le lecteur d’empreinte digitale dans le clavier de manière à ce qu’il soit identique au autre touche. Ils fonctionnaient en synergie pour créer une expérience de frappe impeccable qui ne ressemble à aucune autre touche.
Mince et solide
Le cadre d’aluminium du clavier Microsoft Modern Keyboard with Fingerprint ID en fait l’un des produits de la plus haute qualité, en plus d’être solide et pratiquement indestructible. Sa conception peu encombrante et épurée en fait une bête de travail élégant et sous-estimé.

En Savoir +