From c535f4b82b58c0c3001291fa98e409ca68e27326 Mon Sep 17 00:00:00 2001 From: Pierre Ranwez <pierre.ranwez.etu@univ-lille.fr> Date: Wed, 16 Feb 2022 16:50:46 +0100 Subject: [PATCH] =?UTF-8?q?=F0=9F=93=9D=20doc:=20readme?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 20 +++++++++++++++++--- 1 file changed, 17 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 7dc1d10..f07d422 100644 --- a/README.md +++ b/README.md @@ -4,6 +4,9 @@ the style of web pages using MIDI messages, Keyboard presses or Audio input features. .</p> +## Table of contents + +- [Table of contents](#table-of-contents) - [Setup](#setup) - [Usage](#usage) - [User Interface](#user-interface) @@ -13,6 +16,8 @@ features. - [Start to use functionnalities](#start-to-use-functionnalities) - [Audio](#audio) - [MIDI](#midi) + - [Loops](#loops) + - [Upload and download](#upload-and-download) - [CSSLSD Code](#csslsd-code) - [MIDI Variables](#midi-variables) - [Audio Variables](#audio-variables) @@ -59,6 +64,14 @@ Click on activate button, right top. When it becomes green you can click on audi Click on activate button, then on MIDI button. If this one becomes green, the MIDI is operationnal to use. Your device is displayed on top left. On control change on your MIDI device and if the extension pop-up is open the control ID will be displayed on top center. And if you focus text MIDI column parameter, control will be add to the list. +##### Loops + +When you press record all interactions with the midi device are recorded in a table. When finished recording, press stop. You can then play your loop by pressing play or re-record over the previously created loop. Finally, you can overwrite the created magnifying glass. You have 4 slots available to save your loops. You can also map MIDI events to the actions listed above. + +#### Upload and download + +You have the possibility to export all CSS-LSD settings and codes as a JSON file. You can then import a previously exported JSON file from the extension. This can be useful for saving presets according to websites. + ### CSSLSD Code You need to use a custom CSS template, like below to map your audio or MIDI events to some CSSLSD properties. All parameters are between square brackets you can extend parameter by heritage with a range (this is not mandatory). @@ -126,6 +139,7 @@ This exemple show, how to duplicate parameter, to add "opacité" one. And then a ## Ressources -- Chrome extensions : https://developer.chrome.com/docs/extensions/mv3/getstarted/ -- WebMIDI : https://webmidijs.org/ -- CSSParser : http://glazman.org/JSCSSP/index.html +- Chrome extensions : <https://developer.chrome.com/docs/extensions/mv3/getstarted/> +- ACE.js : <https://ace.c9.io/> +- WebMIDI : <https://webmidijs.org/> +- CSSParser : <http://glazman.org/JSCSSP/index.html> -- GitLab