From 012bef55b1e53045d151d5853aa76c4c78838e26 Mon Sep 17 00:00:00 2001
From: sam <sam@iMac27.local>
Date: Sat, 2 May 2020 02:38:06 +0200
Subject: [PATCH] BUgfixs

---
 .gitignore          |   1 +
 client.py           |   4 +-
 jamidi.json         |  48 +++++++++--
 libs/midi3.py       | 151 +++++++++++++++++++++++++--------
 main.py             |   9 +-
 web/.DS_Store       | Bin 10244 -> 0 bytes
 web/knobs/.DS_Store | Bin 6148 -> 0 bytes
 web/knobs/load.png  | Bin 0 -> 16956 bytes
 web/knobs/save.png  | Bin 0 -> 12651 bytes
 web/mmo3.html       | 192 +++++++++++++++++++++++++++++-------------
 web/ocs2.html       | 201 +++++++++++++++++++++++++++++---------------
 11 files changed, 435 insertions(+), 171 deletions(-)
 mode change 100644 => 100755 client.py
 delete mode 100644 web/.DS_Store
 delete mode 100644 web/knobs/.DS_Store
 create mode 100644 web/knobs/load.png
 create mode 100644 web/knobs/save.png

diff --git a/.gitignore b/.gitignore
index e61bca2..297fd49 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,4 @@
+*.DS_Store
 # ---> Python
 # Byte-compiled / optimized / DLL files
 __pycache__/
diff --git a/client.py b/client.py
old mode 100644
new mode 100755
index c9136a9..1711a55
--- a/client.py
+++ b/client.py
@@ -60,8 +60,8 @@ print ("Arguments parsing if needed...")
 argsparser = argparse.ArgumentParser(description="Jamidi Client v0.1b commands help mode")
 argsparser.add_argument("-s","--servername",help="servername: 'local', 'xrkia' ('local' by default)", type=str)
 
-argsparser.add_argument('--default',help="All incoming midi <-> default midi device. Default option." , dest='default', action='store_true')
-argsparser.add_argument('--no-default',help="Do not send reset values to local device a startup.", dest='default', action='store_false')
+# argsparser.add_argument('--default',help="All incoming midi <-> default midi device. Default option." , dest='default', action='store_true')
+argsparser.add_argument('-nodefault',help="Do not send reset values to local device a startup.", dest='default', action='store_false')
 argsparser.set_defaults(default=True)
 
 args = argsparser.parse_args()
diff --git a/jamidi.json b/jamidi.json
index 706ae2a..e16d282 100644
--- a/jamidi.json
+++ b/jamidi.json
@@ -6,7 +6,9 @@
     "type": "serverconf",
     "name": "local",
     "IP":  "127.0.0.1",
-    "port": 8081
+    "port": 8081,
+    "oscport": 8082,
+    "udport": 8083
   }
 ],
 
@@ -17,7 +19,9 @@
     "type": "serverconf",
     "name": "llstrvpn",
     "IP":  "10.8.0.46",
-    "port": 8081
+    "port": 8081,
+    "oscport": 8082,
+    "udport": 8083
   }
 ],
 
@@ -28,7 +32,9 @@
     "type": "serverconf",
     "name": "xrkia",
     "IP":  "xrkia.org",
-    "port": 8081
+    "port": 8081,
+    "oscport": 8082,
+    "udport": 8083
   }
 ],
 
@@ -39,7 +45,29 @@
     "type": "serverconf",
     "name": "tmlsr",
     "IP":  "laser.teamlaser.fr",
-    "port": 8081
+    "port": 8081,
+    "oscport": 8082,
+    "udport": 8083
+  }
+],
+
+"sq-1": [
+  {
+    "_comment": "SQ-1 device parameters",
+    "type": "mididevice",
+    "mididevice": "UM-ONE:UM-ONE MIDI 1 20:0",
+    "midichan" : 3,
+    "xname" : "sq-1(3)"
+  }
+],
+
+"sq-1": [
+  {
+    "_comment": "SQ-1 device parameters",
+    "type": "mididevice",
+    "mididevice": "UM-ONE:UM-ONE MIDI 1 20:0",
+    "midichan" : 4,
+    "xname" : "sq-1(4)"
   }
 ],
 
@@ -93,6 +121,16 @@
     }
  ],
 
+"maxwell": [
+  {
+    "_comment": "Mawell  device parameters",
+    "type": "mididevice",
+    "mididevice": "to Maxwell 1",
+    "midichan" : 0,
+    "xname" : "ocs2"
+    }
+ ],
+
 
 "default": [
   {
@@ -106,4 +144,4 @@
 ]
 
 
-}
\ No newline at end of file
+}
diff --git a/libs/midi3.py b/libs/midi3.py
index 6a1a135..ebfdb24 100644
--- a/libs/midi3.py
+++ b/libs/midi3.py
@@ -1,3 +1,4 @@
+
 #!/usr/bin/python3
 # -*- coding: utf-8 -*-
 
@@ -13,6 +14,8 @@ Midi Handler :
 by Sam Neurohack 
 from /team/laser
 
+Midi conversions from https://github.com/craffel/pretty-midi
+
 
 """
 
@@ -32,6 +35,7 @@ import weakref
 import sys
 from sys import platform
 import os
+import re
 
 
 is_py2 = sys.version[0] == '2'
@@ -103,13 +107,90 @@ STATUS_MAP = {
 }
 
 
+def GetTime():
+  return time.strftime("%a, %d %b %Y %H:%M:%S", time.localtime())
 
 notes = ["C","C#","D","D#","E","F","F#","G","G#","A","A#","B"]
 def midi2note(midinote):
 
-    print("midinote",midinote, "note", notes[midinote%12]+str(round(midinote/12)))
+    print(GetTime(),"midinote",midinote, "note", notes[midinote%12]+str(round(midinote/12)))
     return notes[midinote%12]+str(round(midinote/12))
 
+
+def note2midi(note_name):
+    """Converts a note name in the format
+    ``'(note)(accidental)(octave number)'`` (e.g. ``'C#4'``) to MIDI note
+    number.
+    ``'(note)'`` is required, and is case-insensitive.
+    ``'(accidental)'`` should be ``''`` for natural, ``'#'`` for sharp and
+    ``'!'`` or ``'b'`` for flat.
+    If ``'(octave)'`` is ``''``, octave 0 is assumed.
+    Parameters
+    ----------
+    note_name : str
+        A note name, as described above.
+    Returns
+    -------
+    note_number : int
+        MIDI note number corresponding to the provided note name.
+    Notes
+    -----
+        Thanks to Brian McFee.
+    """
+
+    # Map note name to the semitone
+    pitch_map = {'C': 0, 'D': 2, 'E': 4, 'F': 5, 'G': 7, 'A': 9, 'B': 11}
+    # Relative change in semitone denoted by each accidental
+    acc_map = {'#': 1, '': 0, 'b': -1, '!': -1}
+
+    # Reg exp will raise an error when the note name is not valid
+    try:
+        # Extract pitch, octave, and accidental from the supplied note name
+        match = re.match(r'^(?P<n>[A-Ga-g])(?P<off>[#b!]?)(?P<oct>[+-]?\d+)$',
+                         note_name)
+
+        pitch = match.group('n').upper()
+        offset = acc_map[match.group('off')]
+        octave = int(match.group('oct'))
+    except:
+        raise ValueError('Improper note format: {}'.format(note_name))
+    # Convert from the extrated ints to a full note number
+    return 12*(octave + 1) + pitch_map[pitch] + offset
+
+
+
+def hz2midi(frequency):
+    """Convert a frequency in Hz to a (fractional) note number.
+    Parameters
+    ----------
+    frequency : float
+        Frequency of the note in Hz.
+    Returns
+    -------
+    note_number : float
+        MIDI note number, can be fractional.
+    """
+    # MIDI note numbers are defined as the number of semitones relative to C0
+    # in a 440 Hz tuning
+    return 12*(np.log2(frequency) - np.log2(440.0)) + 69
+
+def midi2hz(note_number):
+    """Convert a (fractional) MIDI note number to its frequency in Hz.
+    Parameters
+    ----------
+    note_number : float
+        MIDI note number, can be fractional.
+    Returns
+    -------
+    note_frequency : float
+        Frequency of the note in Hz.
+    """
+    # MIDI note numbers are defined as the number of semitones relative to C0
+    # in a 440 Hz tuning
+    return 440.0*(2.0**((note_number - 69)/12.0))  
+
+
+
 # Send through websocket. 
 # Different websocket library for client (websocket) or server (websocket_server.
 # ws object is added here by main.py or client.py startup : midi3.ws =
@@ -139,7 +220,7 @@ def MidinProcess(inqueue, portname):
         time.sleep(0.001)
         msg = inqueue_get()
         print("")
-        print("Generic from", portname,"msg : ", msg)
+        print(GetTime(),"Generic from", portname,"msg : ", msg)
         
 
         # Noteon message on all midi channels   
@@ -148,9 +229,9 @@ def MidinProcess(inqueue, portname):
             MidiChannel = msg[0]-144
             MidiNote = msg[1]
             MidiVel = msg[2]
-            print("NOTE ON :", MidiNote, 'velocity :', MidiVel, "Channel", MidiChannel)
+            print(GetTime(),"NOTE ON :", MidiNote, 'velocity :', MidiVel, "Channel", MidiChannel)
             #NoteOn(msg[1],msg[2],mididest)
-            print("Midi in process send /"+findJamName(portname, MidiChannel)+"/noteon "+str(msg[1])+" "+str(msg[2]))
+            print(GetTime(),"Midi in process send /"+findJamName(portname, MidiChannel)+"/noteon "+str(msg[1])+" "+str(msg[2]))
             wssend("/"+findJamName(portname, MidiChannel)+"/noteon "+str(msg[1])+" "+str(msg[2]))
 
             '''
@@ -174,15 +255,15 @@ def MidinProcess(inqueue, portname):
         # Note Off or Note with 0 velocity on all midi channels
         if NOTE_OFF -1 < msg[0] < 145 or (NOTE_OFF -1 < msg[0] < 160 and msg[2] == 0):
 
-            print(NOTE_OFF)
+            print(GetTime(),"NOTE_OFF :",NOTE_OFF)
             if msg[0] > 143:
                 MidiChannel = msg[0]-144
             else:
                 MidiChannel = msg[0]-128
 
-            print("NOTE OFF :", MidiNote, 'velocity :', MidiVel, "Channel", MidiChannel)
+            print(GetTime(),"NOTE OFF :", MidiNote, 'velocity :', MidiVel, "Channel", MidiChannel)
             #NoteOff(msg[1],msg[2], mididest)
-            print("Midi in process send /"+findJamName(portname, MidiChannel)+"/noteoff "+str(msg[1]))
+            print(GetTime(),"Midi in process send /"+findJamName(portname, MidiChannel)+"/noteoff "+str(msg[1]))
             wssend("/"+findJamName(portname, MidiChannel)+"/noteoff "+str(msg[1]))
 
 
@@ -191,8 +272,8 @@ def MidinProcess(inqueue, portname):
 
             MidiChannel = msg[0]-175
             #findJamName(portname, MidiChannel)
-            print("channel", MidiChannel, "  ",findJamName(portname, MidiChannel), " CC :", msg[1], msg[2])
-            print("Midi in process send /"+findJamName(portname, MidiChannel)+"/cc/"+str(msg[1])+" "+str(msg[2])+" to WS")
+            print(GetTime(),"channel", MidiChannel, "  ",findJamName(portname, MidiChannel), " CC :", msg[1], msg[2])
+            print(GetTime(),"Midi in process send /"+findJamName(portname, MidiChannel)+"/cc/"+str(msg[1])+" "+str(msg[2])+" to WS")
             wssend("/"+findJamName(portname, MidiChannel)+"/cc/"+str(msg[1])+" "+str(msg[2]))
 
             
@@ -290,7 +371,7 @@ class OutObject():
         self._instances.add(weakref.ref(self))
         OutObject.counter += 1
 
-        print("Adding OutDevice name", self.name, "kind", self.kind, "port", self.port)
+        print(GetTime(),"Adding OutDevice name", self.name, "kind", self.kind, "port", self.port)
 
     @classmethod
     def getinstances(cls):
@@ -314,8 +395,8 @@ def OutConfig():
     # 
     if len(OutDevice) == 0:
         print("")
-        print("MIDIout...")
-        print("List and attach to available devices on host with IN port :")
+        print(GetTime(),"MIDIout...")
+        print(GetTime(),"List and attach to available devices on host with IN port :")
     
         # Display list of available midi IN devices on the host, create and start an OUT instance to talk to each of these Midi IN devices 
         midiout = rtmidi.MidiOut()
@@ -331,7 +412,7 @@ def OutConfig():
             OutDevice.append(OutObject(name, "generic", port))
     
         #print "")      
-        print(len(OutDevice), "Out devices")
+        print(GetTime(),len(OutDevice), "Out devices")
         #ListOutDevice()
         MidInsNumber = len(OutDevice)+1
 
@@ -339,7 +420,7 @@ def ListOutDevice():
 
     for item in OutObject.getinstances():
 
-        print(item.name)
+        print(GetTime(),item.name)
 
 def FindOutDevice(name):
 
@@ -355,14 +436,14 @@ def FindOutDevice(name):
 def DelOutDevice(name):
 
     Outnumber = Findest(name)
-    print('deleting OutDevice', name)
+    print(GetTime(),'deleting OutDevice', name)
 
     if Outnumber != -1:
-        print('found OutDevice', Outnumber)
+        print(GetTime(),'found OutDevice', Outnumber)
         delattr(OutObject, str(name))
-        print("OutDevice", Outnumber,"was removed")
+        print(GetTime(),"OutDevice", Outnumber,"was removed")
     else:
-        print("OutDevice was not found")
+        print(GetTime(),"OutDevice was not found")
 
 
 
@@ -387,7 +468,7 @@ class InObject():
         self._instances.add(weakref.ref(self))
         InObject.counter += 1
 
-        print("Adding InDevice name", self.name, "kind", self.kind, "port", self.port)
+        print(GetTime(),"Adding InDevice name", self.name, "kind", self.kind, "port", self.port)
 
     @classmethod
     def getinstances(cls):
@@ -407,16 +488,16 @@ class InObject():
 def InConfig():
 
     print("")
-    print("MIDIin...")
+    print(GetTime(),"MIDIin...")
     
     # client mode
     if debug > 0:
         if clientmode == True:
-            print("midi3 in client mode")
+            print(GetTime(),"midi3 in client mode")
         else: 
-            print("midi3 in server mode")
+            print(GetTime(),"midi3 in server mode")
 
-    print("List and attach to available devices on host with OUT port :")
+    print(GetTime(),"List and attach to available devices on host with OUT port :")
 
     if platform == 'darwin':
         mido.set_backend('mido.backends.rtmidi/MACOSX_CORE')
@@ -437,7 +518,7 @@ def InConfig():
         try:
             #print name, name.find("RtMidi output"))
             if name.find("RtMidi output") > -1:
-                print("No thread started for device", name)
+                print(GetTime(),"No thread started for device", name)
             else:
                 portin = object
                 port_name = ""
@@ -460,7 +541,7 @@ def InConfig():
             traceback.print_exc()
                     
     #print "")      
-    print(InObject.counter, "In devices")
+    print(GetTime(),InObject.counter, "In devices")
     #ListInDevice()
 
 
@@ -469,7 +550,7 @@ def ListInDevice():
     #print "known IN devices :"
     for item in InObject.getinstances():
 
-        print(item.name)
+        print(GetTime(),item.name)
     print("")
 
 def FindInDevice(name):
@@ -486,14 +567,14 @@ def FindInDevice(name):
 def DelInDevice(name):
 
     Innumber = Findest(name)
-    print('deleting InDevice', name)
+    print(GetTime(),'deleting InDevice', name)
 
     if Innumber != -1:
-        print('found InDevice', Innumber)
+        print(GetTime(),'found InDevice', Innumber)
         delattr(InObject, str(name))
-        print("InDevice", Innumber,"was removed")
+        print(GetTime(),"InDevice", Innumber,"was removed")
     else:
-        print("InDevice was not found")
+        print(GetTime(),"InDevice was not found")
 
 
 
@@ -517,18 +598,18 @@ def MidiMsg(midimsg, mididest):
    
     desterror = -1
 
-    print("jamidi3 got midimsg", midimsg, "for", mididest)
+    print(GetTime(),"jamidi3 got midimsg", midimsg, "for", mididest)
 
     for port in range(len(OutDevice)):
         # To mididest
         if midiname[port].find(mididest) != -1:
             if debug>0:
-                print("jamidi 3 sending to name", midiname[port], "port", port, ":", midimsg)
+                print(GetTime(),"jamidi 3 sending to name", midiname[port], "port", port, ":", midimsg)
             midiport[port].send_message(midimsg)
             desterror = 0
 
     if desterror == -1:
-        print("mididest",mididest, ": ** This midi destination doesn't exists **")
+        print(GetTime(),"mididest",mididest, ": ** This midi destination doesn't exists **")
 
     # send midi msg over ws.
     #if clientmode == True:
@@ -566,7 +647,7 @@ def findJamName(mididevice, midichan):
 
             #print(v[0]["mididevice"],v[0]["midichan"], type(v[0]["midichan"]))
             if (v[0]["mididevice"] == mididevice) and (v[0]["midichan"] == midichan):
-                print("Incoming event from",  k, "xname", v[0]["xname"])
+                print(GetTime(),"Incoming event from",  k, "xname", v[0]["xname"])
                 return v[0]["xname"]
     return "None"
 
@@ -575,7 +656,7 @@ def findJamName(mididevice, midichan):
 def findJamDevices(name):
 
     devices = []
-    print ("searching", name)
+    print (GetTime(),"searching", name)
     for (k, v) in Confs.items():
 
         if v[0]["type"] == "mididevice":
diff --git a/main.py b/main.py
index e707087..16dd5eb 100755
--- a/main.py
+++ b/main.py
@@ -58,7 +58,7 @@ argsparser.set_defaults(broadcast=True)
 
 args = argsparser.parse_args()
 
-# Mode
+# Server name
 if args.servername:
     servername = args.servername
 else:
@@ -201,7 +201,12 @@ def new_client(client, wserver):
 
     Players+=1
     sendWSall("/status Hello %d" %(client['id']))
-    sendWSall("/players %d" %(Players))
+    if Players > 1:
+      #sendWSall("/players %d" %(Players))
+      sendWSall("/players (players:%d)" %(Players))
+    else:
+      sendWSall("/players (player:%d)" %(Players))
+
 
 
 # Called for every WS client disconnecting
diff --git a/web/.DS_Store b/web/.DS_Store
deleted file mode 100644
index 9b9704aeb476bf04d73a6129242821a418625741..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 10244
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

diff --git a/web/knobs/.DS_Store b/web/knobs/.DS_Store
deleted file mode 100644
index 16180405450bc153625ed156b678443e19471df5..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 6148
zcmeHK%}T>S5dOCIP$@{gdCUWd#Wx709tz?`dREhx7+RZ>A4E@i3?Iq|@NM*)*`-+9
zdK8rznE5u7nc3ZMLv|N{8`RTtpa-Bs6>J^S>=1b`x+SgPX%n5+$gsc^XINpm6>W~+
z$bhU}7X@ZWP~-FZrK>8rtjnrk#3{xo8B@^qxyCcDa*YYwL$*uIQ6cB5_vy>|PJB=N
z1|(uh&oecne~b}5bM+-!>$~2sLhpOV$8jC8MurFWEMrPJzB~5ozrS>}$S27nPZ%ek
z_bc_~U4<>+n7NP4t~knj+~^Ea){sg&E4a5W6|{^QW55_N2L2!e+_ObGU5{ps0b{@z
zSTi91hlnZ|2W&j*uY*Rf07N-Ps<17GEy;-j#sM3Td_!?QmFQDlxMDb;PJa~Q;((1u
zpAHu;A1?Il!VSe~@2nqbI9%+}tTA8=Y%*}*AA7R@U+lmCZzkE3F<=b*D+XM9cs(3&
zN?~u^nw;#l5%rcTB5{q!bqX806*E@0;uES0{gE_?alpnSJrp|#C=F(efgfey0~=0L
AU;qFB

diff --git a/web/knobs/load.png b/web/knobs/load.png
new file mode 100644
index 0000000000000000000000000000000000000000..207453c649d8fdab2e258c0f447a0f7752b63577
GIT binary patch
literal 16956
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
B0x<vp

literal 0
HcmV?d00001

diff --git a/web/knobs/save.png b/web/knobs/save.png
new file mode 100644
index 0000000000000000000000000000000000000000..e822e6b70e73530e1e654e095575303efc90f68f
GIT binary patch
literal 12651
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
G1OE@b@O0Mz

literal 0
HcmV?d00001

diff --git a/web/mmo3.html b/web/mmo3.html
index bece34b..9c2fb87 100644
--- a/web/mmo3.html
+++ b/web/mmo3.html
@@ -28,6 +28,12 @@
             color: #ccc;
             font-size: 2ex;
         }
+        #smalltext{
+            font-family: "Lucida Grande", Verdana, Arial, sans-serif;
+            text-align: center;
+            color: #ccc;
+            font-size: 1.6ex;
+        }
         .encoders{
             margin: 0 auto;
         }
@@ -93,7 +99,7 @@
         Buttons Line
         
         <div></div>
-            <div  class="buttons-container" id="text">
+            <div  class="buttons-container" id="smalltext">
                 <div>
                     <webaudio-switch id="select" value="1" height="35" width="100" tooltip="Switch-B" src="knobs/select.png"  type="toggle" onclick="socket.emit('message', '/select');"></webaudio-switch>
                 </div>
@@ -119,22 +125,22 @@
                         <div class="encoders">
                             <div><webaudio-knob id="mmo3/cc/0" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">FQ -0</div>
+                            <div id="smalltext">FQ -0</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="mmo3/cc/1" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">Mod 1 -1</div>
+                            <div id="smalltext">Mod 1 -1</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="mmo3/cc/2" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">Mod 2 -2</div>
+                            <div id="smalltext">Mod 2 -2</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="mmo3/cc/3" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">Mod 3 -3</div>
+                            <div id="smalltext">Mod 3 -3</div>
                         </div>
                 </div> 
 
@@ -147,22 +153,22 @@
                         <div class="encoders">
                             <div><webaudio-knob id="mmo3/cc/5" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">FQ -5</div>
+                            <div id="smalltext">FQ -5</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="mmo3/cc/6" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">Mod 1 -6</div>
+                            <div id="smalltext">Mod 1 -6</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="mmo3/cc/7" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">Mod 2 -7</div>
+                            <div id="smalltext">Mod 2 -7</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="mmo3/cc/8" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">Mod 3 -8</div>
+                            <div id="smalltext">Mod 3 -8</div>
                         </div>
                 </div> 
 
@@ -175,22 +181,22 @@
                         <div class="encoders">
                             <div><webaudio-knob id="mmo3/cc/9" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">FQ -9</div>
+                            <div id="smalltext">FQ -9</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="mmo3/cc/10" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">Mod 1 -10</div>
+                            <div id="smalltext">Mod 1 -10</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="mmo3/cc/11" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">Mod 2 -11</div>
+                            <div id="smalltext">Mod 2 -11</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="mmo3/cc/12" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">Mod 3 -12</div>
+                            <div id="smalltext">Mod 3 -12</div>
                         </div>
                 </div> 
             <!-- LFO 1 vertical Grid -->
@@ -201,22 +207,22 @@
                         <div class="encoders">
                             <div><webaudio-knob id="mmo3/cc/13" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">FQ -13</div>
+                            <div id="smalltext">FQ -13</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="mmo3/cc/14" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">WF -14</div>
+                            <div id="smalltext">WF -14</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="mmo3/cc/15" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">SYM -15</div>
+                            <div id="smalltext">SYM -15</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="mmo3/cc/16" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">ATTACK -16</div>
+                            <div id="smalltext">ATTACK -16</div>
                         </div>
                 </div> 
 
@@ -228,22 +234,22 @@
                         <div class="encoders">
                             <div><webaudio-knob id="mmo3/cc/17" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">FQ 1 -17</div>
+                            <div id="smalltext">FQ 1 -17</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="mmo3/cc/18" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">FQ 2 -18</div>
+                            <div id="smalltext">FQ 2 -18</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="mmo3/cc/19" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">MOD -19</div>
+                            <div id="smalltext">MOD -19</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="mmo3/cc/20" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">DECAY -20</div>
+                            <div id="smalltext">DECAY -20</div>
                         </div>
                 </div> 
 
@@ -255,22 +261,22 @@
                         <div class="encoders">
                             <div><webaudio-knob id="mmo3/cc/21" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">FQ -21</div>
+                            <div id="smalltext">FQ -21</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="mmo3/cc/22" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">Param 1 -22</div>
+                            <div id="smalltext">Param 1 -22</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="mmo3/cc/23" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">Param 2 -23</div>
+                            <div id="smalltext">Param 2 -23</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="mmo3/cc/24" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">SUSTAIN -24</div>
+                            <div id="smalltext">SUSTAIN -24</div>
                         </div>
                 </div> 
 
@@ -282,22 +288,22 @@
                         <div class="encoders">
                             <div><webaudio-knob id="mmo3/cc/25" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">OSC 1 -25</div>
+                            <div id="smalltext">OSC 1 -25</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="mmo3/cc/26" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">OSC 2 -26</div>
+                            <div id="smalltext">OSC 2 -26</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="mmo3/cc/27" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">OSC 3 -27</div>
+                            <div id="smalltext">OSC 3 -27</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="mmo3/cc/28" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">RELEASE -28</div>
+                            <div id="smalltext">RELEASE -28</div>
                         </div>
                 </div> 
 
@@ -309,7 +315,7 @@
                         <div class="encoders">
                             <div><webaudio-knob id="mmo3/cc/29" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">VOL -29</div>
+                            <div id="smalltext">VOL -29</div>
                         </div>
                         <div>
 
@@ -330,14 +336,24 @@
             </div>
         </div> 
         
+         <div  align ="center" class="encoders">
+            <webaudio-switch id="store" value="1" height="45" width="45" tooltip="Switch-B" src="knobs/save.png"  type="toggle"></webaudio-switch>
+            <webaudio-switch id="load" value="1" height="45" width="45" tooltip="Switch-B" src="knobs/load.png"  type="toggle"></webaudio-switch>
+        </div>
+
+        <div id="title"  align ="center" style="font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
+            text-align: center;color: #ddd;font-size: 2ex;">
+            <a href="ocs2.html">OCS-2</a>
+        <span id="players"></span>
+        </div>
 
         <!-- LJ style WS : A nettoyer ! -->
 
         <script type="text/javascript">
 
-            <!-- var LJ = 'ws://xrkia.org:8081/'  -->
+            var LJ = 'ws://xrkia.org:8081/'
             <!-- var LJ = 'ws://laser.teamlaser.fr:8081/' -->
-            var LJ = 'ws://127.0.0.1:8081/'
+            <!-- var LJ = 'ws://127.0.0.1:8081/' -->
             var _WS = {
             uri: LJ,
             ws: null,
@@ -363,7 +379,7 @@
         
             onMessage: function (e) {
               var res = e.data.split(" ");
-              console.log(e.data)
+              //console.log(e.data)
               //console.log(res[0].substring(0,6))
               //console.log(res)
               //console.log(res[0].slice(1))
@@ -377,8 +393,11 @@
                       divtext.innerHTML="MMO-3";
                       break;
                 case "/playe":
-                      divtext.innerHTML="MMO-3 ("+res[1]+" player(s))";
-                      divtextp.innerHTML=" ("+res[1]+" player(s))";
+                      //divtext.innerHTML="OCS-2 ("+res[1]+" player(s))";
+                      //divtextp.innerHTML=" ("+res[1]+" player(s))";
+                      divtext.innerHTML="MMO-3 "+res[1];
+                      divtextp.innerHTML=" "+res[1];
+                      //console.log(res)
                       break;
                 case "/simul":
                     pl = e.data.slice(7);
@@ -389,8 +408,20 @@
                     //console.log("plpoint");
                     break;
                 default:
-                    console.log("test "+res[0].slice(1)+" "+res[1]);
-                    document.getElementById(res[0].slice(1)).value = res[1];
+                    //console.log(e);
+                    //console.log(res[0].slice(1))
+                    //console.log(document.getElementById(res[0].slice(1)));
+                    //console.log(res[0].slice(1)+" "+res[1])
+                    //let documentX = document.getElementById(res[0].slice(1));
+                    //documentX.value=res[1];
+
+                    //document.getElementById(res[0].slice(1)).value = res[1];
+                    document.getElementById(res[0].slice(1)).setAttribute('value',res[1]);
+                    //document.getElementById(res[0].slice(1)).setValue(res[1],true);
+                    document.getElementById(res[0].slice(1)).setValue(res[1],false);
+
+                    //console.log(documentX.value)
+                    //console.log(document.getElementById(res[0].slice(1)));
                     _WS.showin(e.data);
                 }
               },
@@ -447,6 +478,7 @@
             var message="";
             var log=[];
             var knobs = document.getElementsByTagName('webaudio-knob');
+            var knobState = []
             
             for(var i = 0; i < knobs.length; i++){
                 knobs[i].addEventListener("input",Dump,false);
@@ -467,7 +499,7 @@
             function Dump(e) {
                 var str="";
                 str=e.type + " : " + e.target.id + " : " + e.target.value + " ";
-                console.log(str);
+                //console.log(str);
                 log.unshift(str);
                 log.length=1;
                 str="";
@@ -476,31 +508,75 @@
                     if(log[i])
                         str+=log[i]+"<br/>";
                 }
+                //var evview=document.getElementById("events");
+                //evview.innerHTML=str;
+                //console.log(  e.type + "/" + e.target.id + "/" +  e.target.value);
+                //console.log('/' + e.target.id + ' ' +  e.target.value + ' ' + e.type);
+                //socket.emit('message', '/' + e.target.id + ' ' +  e.target.value);
+                
+                if (e.target.id === "load" || e.target.id === "store") {
 
-                _WS.send("/" + e.target.id + " " +  e.target.value);
+                     if (e.type === "change") {
+
+                        if (e.target.id === "store") {
+                            //var knobState = []
+                            //var knobs = document.getElementsByTagName('webaudio-knob');
+                            for (var i = 0; i < knobs.length; i++) {
+                              var knob = knobs[i] ;
+                              //console.log(knob) ;
+                              knobState[i] = knob.getAttribute('id')+" "+knob.getAttribute('value') ;
+                              localStorage.setItem(knob.getAttribute('id'),knob.getAttribute('value')) ;
+                            }
+                            //console.log(knobState) ;
+                            console.log('store clique') ;
+                            }
+                        if (e.target.id === "load") {
+                            if (knobState.length > 0) {
+                                for (var i = 0; i < knobState.length; i++) {
+                                    ccstate=knobState[i] ; 
+                                    _WS.send("/" + ccstate) ;
+                                }
+                            }
+                            else {
+                                for (var i = 0; i < knobs.length; i++) {
+                                  var knob = knobs[i];
+                                  var value = localStorage.getItem(knob.getAttribute('id'));
+                                  if ( value != null) {
+                                    ccstate = knob.getAttribute('id')+" "+value;
+                                    _WS.send("/" + ccstate) ;
+                                    console.log(ccstate) ;
+                                 }
+                                 else console.log("no localstorage");
+                               }
+                            }
+                            console.log('load clique') ;
+                        }
+                     }
 
-                if (e.target.id === "on" && e.type === "change") {   
-                    window.location.reload();
                     }
-        
-                if (e.target.id === "rate" && e.type === "change") {
-                      e.target.value = 1 ;
-                    }
-                    
-                if (e.target.id === "range" && e.type === "change") {
-                      e.target.value = 1 ;
-                    }
-                if (e.target.id === "select" && e.type === "change") {
-                      e.target.value = 1 ;
-                    }
-          
+                else {
+    
+                    _WS.send("/" + e.target.id + " " +  e.target.value);
+    
+                    if (e.target.id === "on" && e.type === "change") {   
+                        window.location.reload();
+                        }
+            
+                    if (e.target.id === "rate" && e.type === "change") {
+                          e.target.value = 1 ;
+                        }
+                        
+                    if (e.target.id === "range" && e.type === "change") {
+                          e.target.value = 1 ;
+                        }
+                    if (e.target.id === "select" && e.type === "change") {
+                          e.target.value = 1 ;
+                        }
+                
+                }
             }
         </script>
-        <div id="title"  align ="center" style="font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
-            text-align: center;color: #ddd;font-size: 2ex;">
-            <a href="ocs2.html">OCS-2</a>
-	    <span id="players"></span>
-        </div>
+
 
     </body>
 </html>
diff --git a/web/ocs2.html b/web/ocs2.html
index e2b82b0..3349838 100644
--- a/web/ocs2.html
+++ b/web/ocs2.html
@@ -28,6 +28,12 @@
             color: #ccc;
             font-size: 2ex;
         }
+        #smalltext{
+            font-family: "Lucida Grande", Verdana, Arial, sans-serif;
+            text-align: center;
+            color: #ccc;
+            font-size: 1.6ex;
+        }
         .encoders{
             margin: 0 auto;
         }
@@ -93,7 +99,7 @@
         Buttons Line
         
         <div></div>
-            <div  class="buttons-container" id="text">
+            <div  class="buttons-container" id="smalltext">
                 <div>
                     <webaudio-switch id="select" value="1" height="35" width="100" tooltip="Switch-B" src="knobs/select.png"  type="toggle" onclick="socket.emit('message', '/select');"></webaudio-switch>
                 </div>
@@ -119,22 +125,22 @@
                         <div class="encoders">
                             <div><webaudio-knob id="ocs2/cc/0" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">FQ -0</div>
+                            <div id="smalltext">FQ -0</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="ocs2/cc/1" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">WF -1</div>
+                            <div id="smalltext">WF -1</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="ocs2/cc/2" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">Mod 1 -2</div>
+                            <div id="smalltext">Mod 1 -2</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="ocs2/cc/3" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">Mod 2 -3</div>
+                            <div id="smalltext">Mod 2 -3</div>
                         </div>
                 </div> 
 
@@ -147,22 +153,22 @@
                         <div class="encoders">
                             <div><webaudio-knob id="ocs2/cc/5" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">FQ -5</div>
+                            <div id="smalltext">FQ -5</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="ocs2/cc/6" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">WF -6</div>
+                            <div id="smalltext">WF -6</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="ocs2/cc/7" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">Mod 1 -7</div>
+                            <div id="smalltext">Mod 1 -7</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="ocs2/cc/8" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">Mod 2 -8</div>
+                            <div id="smalltext">Mod 2 -8</div>
                         </div>
                 </div> 
 
@@ -175,22 +181,22 @@
                         <div class="encoders">
                             <div><webaudio-knob id="ocs2/cc/9" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">FQ -9</div>
+                            <div id="smalltext">FQ -9</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="ocs2/cc/10" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">Q -10</div>
+                            <div id="smalltext">Q -10</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="ocs2/cc/11" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">Mod 1 -11</div>
+                            <div id="smalltext">Mod 1 -11</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="ocs2/cc/12" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">Mod 2 -12</div>
+                            <div id="smalltext">Mod 2 -12</div>
                         </div>
                 </div> 
             <!-- LFO 1 vertical Grid -->
@@ -201,22 +207,22 @@
                         <div class="encoders">
                             <div><webaudio-knob id="ocs2/cc/13" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">FQ -13</div>
+                            <div id="smalltext">FQ -13</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="ocs2/cc/14" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">WF -14</div>
+                            <div id="smalltext">WF -14</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="ocs2/cc/15" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">SYM -15</div>
+                            <div id="smalltext">SYM -15</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="ocs2/cc/16" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">ATTACK -16</div>
+                            <div id="smalltext">ATTACK -16</div>
                         </div>
                 </div> 
 
@@ -228,22 +234,22 @@
                         <div class="encoders">
                             <div><webaudio-knob id="ocs2/cc/17" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">FQ -17</div>
+                            <div id="smalltext">FQ -17</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="ocs2/cc/18" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">WF -18</div>
+                            <div id="smalltext">WF -18</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="ocs2/cc/19" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">SYM -19</div>
+                            <div id="smalltext">SYM -19</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="ocs2/cc/20" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">DECAY -20</div>
+                            <div id="smalltext">DECAY -20</div>
                         </div>
                 </div> 
 
@@ -255,22 +261,22 @@
                         <div class="encoders">
                             <div><webaudio-knob id="ocs2/cc/21" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">FQ -21</div>
+                            <div id="smalltext">FQ -21</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="ocs2/cc/22" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">MOD -22</div>
+                            <div id="smalltext">MOD -22</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="ocs2/cc/23" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">WET EFFECT -23</div>
+                            <div id="smalltext">WET EFFECT -23</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="ocs2/cc/24" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">SUSTAIN -24</div>
+                            <div id="smalltext">SUSTAIN -24</div>
                         </div>
                 </div> 
 
@@ -282,22 +288,22 @@
                         <div class="encoders">
                             <div><webaudio-knob id="ocs2/cc/25" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">PARAM 1 -25</div>
+                            <div id="smalltext">PARAM 1 -25</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="ocs2/cc/26" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">PARAM 2 -26</div>
+                            <div id="smalltext">PARAM 2 -26</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="ocs2/cc/27" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">MOD EFFECT -27</div>
+                            <div id="smalltext">MOD EFFECT -27</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="ocs2/cc/28" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">RELEASE -28</div>
+                            <div id="smalltext">RELEASE -28</div>
                         </div>
                 </div> 
 
@@ -309,17 +315,17 @@
                         <div class="encoders">
                             <div><webaudio-knob id="ocs2/cc/29" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">MIX 1/2 -29</div>
+                            <div id="smalltext">MIX 1/2 -29</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="ocs2/cc/30" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">MOD -30</div>
+                            <div id="smalltext">MOD -30</div>
                         </div>
                         <div class="encoders">
                             <div><webaudio-knob id="ocs2/cc/31" diameter="70" min="0" max="127" value="64"></webaudio-knob>   </div>
                             <div></div>
-                            <div id="text">VOL -31</div>
+                            <div id="smalltext">VOL -31</div>
                         </div>
                         <div class="encoders">
                         <webaudio-switch id="ocs2/reset" value="1" height="70" width="70" tooltip="Switch-B" src="knobs/rebuild.png"  type="toggle"></webaudio-switch>
@@ -334,14 +340,24 @@
             </div>
         </div> 
         
+         <div  align ="center" class="encoders">
+            <webaudio-switch id="store" value="1" height="45" width="45" tooltip="Switch-B" src="knobs/save.png"  type="toggle"></webaudio-switch>
+            <webaudio-switch id="load" value="1" height="45" width="45" tooltip="Switch-B" src="knobs/load.png"  type="toggle"></webaudio-switch>
+        </div>
+
+        <div id="title"  align ="center" style="font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
+            text-align: center;color: #ddd;font-size: 2ex;">
+            <a href="mmo3.html">MMO-3</a>
+        <span id="players"></span>
+        </div>
 
         <!-- LJ style WS : A nettoyer ! -->
 
         <script type="text/javascript">
 
-            <!-- var LJ = 'ws://xrkia.org:8081/' -->
+            var LJ = 'ws://xrkia.org:8081/'
             <!-- var LJ = 'ws://laser.teamlaser.fr:8081/' -->
-            var LJ = 'ws://127.0.0.1:8081/'
+            <!-- var LJ = 'ws://127.0.0.1:8081/' -->
             var _WS = {
             uri: LJ,
             ws: null,
@@ -367,7 +383,7 @@
         
             onMessage: function (e) {
               var res = e.data.split(" ");
-              console.log(e.data)
+              //console.log(e.data)
               //console.log(res[0].substring(0,6))
               //console.log(res)
               //console.log(res[0].slice(1))
@@ -381,20 +397,27 @@
                       divtext.innerHTML="OCS-2";
                       break;
                 case "/playe":
-                      divtext.innerHTML="OCS-2 ("+res[1]+" player(s))";
-                      divtextp.innerHTML=" ("+res[1]+" player(s))";
+                      //divtext.innerHTML="OCS-2 ("+res[1]+" player(s))";
+                      //divtextp.innerHTML=" ("+res[1]+" player(s))";
+                      divtext.innerHTML="OCS-2 "+res[1];
+                      divtextp.innerHTML=" "+res[1];
+                      //console.log(res)
                       break;
-                case "/simul":
-                    pl = e.data.slice(7);
-                    //console.log(pl)
-                    pl2 = eval(pl.replace(/[()]/g, ''));
-                    break;
-                case "/plpoi":
-                    //console.log("plpoint");
-                    break;
                 default:
                     //console.log(e);
-                    document.getElementById(res[0].slice(1)).value = res[1];
+                    //console.log(res[0].slice(1))
+                    //console.log(document.getElementById(res[0].slice(1)));
+                    //console.log(res[0].slice(1)+" "+res[1])
+                    //let documentX = document.getElementById(res[0].slice(1));
+                    //documentX.value=res[1];
+
+                    //document.getElementById(res[0].slice(1)).value = res[1];
+                    document.getElementById(res[0].slice(1)).setAttribute('value',res[1]);
+                    //document.getElementById(res[0].slice(1)).setValue(res[1],true);
+                    document.getElementById(res[0].slice(1)).setValue(res[1],false);
+
+                    //console.log(documentX.value)
+                    //console.log(document.getElementById(res[0].slice(1)));
                     _WS.showin(e.data);
                 }
               },
@@ -436,7 +459,7 @@
             }
           };
         
-          window.addEventListener('load', _WS.init, false);     
+          window.addEventListener('load', _WS.init, false);    
 
         </script>
 
@@ -451,6 +474,7 @@
             var message="";
             var log=[];
             var knobs = document.getElementsByTagName('webaudio-knob');
+            var knobState = []
             
             for(var i = 0; i < knobs.length; i++){
                 knobs[i].addEventListener("input",Dump,false);
@@ -471,7 +495,7 @@
             function Dump(e) {
                 var str="";
                 str=e.type + " : " + e.target.id + " : " + e.target.value + " ";
-                console.log(str);
+                //console.log(str);
                 log.unshift(str);
                 log.length=1;
                 str="";
@@ -483,33 +507,72 @@
                 //var evview=document.getElementById("events");
                 //evview.innerHTML=str;
                 //console.log(  e.type + "/" + e.target.id + "/" +  e.target.value);
-                //console.log('/' + e.target.id + ' ' +  e.target.value);
+                //console.log('/' + e.target.id + ' ' +  e.target.value + ' ' + e.type);
                 //socket.emit('message', '/' + e.target.id + ' ' +  e.target.value);
-                _WS.send("/" + e.target.id + " " +  e.target.value);
+                
+                if (e.target.id === "load" || e.target.id === "store") {
+
+                     if (e.type === "change") {
+
+                        if (e.target.id === "store") {
+                            //var knobState = []
+                            //var knobs = document.getElementsByTagName('webaudio-knob');
+                            for (var i = 0; i < knobs.length; i++) {
+                              var knob = knobs[i] ;
+                              //console.log(knob) ;
+                              knobState[i] = knob.getAttribute('id')+" "+knob.getAttribute('value') ;
+                              localStorage.setItem(knob.getAttribute('id'),knob.getAttribute('value')) ;
+                            }
+                            //console.log(knobState) ;
+                            console.log('store clique') ;
+                            }
+                        if (e.target.id === "load") {
+                            if (knobState.length > 0) {
+                                for (var i = 0; i < knobState.length; i++) {
+                                    ccstate=knobState[i] ; 
+                                    _WS.send("/" + ccstate) ;
+                                }
+                            }
+                            else {
+                                for (var i = 0; i < knobs.length; i++) {
+                                  var knob = knobs[i];
+                                  var value = localStorage.getItem(knob.getAttribute('id'));
+                                  if ( value != null) {
+                                    ccstate = knob.getAttribute('id')+" "+value;
+                                    _WS.send("/" + ccstate) ;
+                                    console.log(ccstate) ;
+                                 }
+                                 else console.log("no localstorage");
+                               }
+                            }
+                            console.log('load clique') ;
+                        }
+                     }
 
-                if (e.target.id === "on" && e.type === "change") {   
-                    window.location.reload();
                     }
-        
-                if (e.target.id === "rate" && e.type === "change") {
-                      e.target.value = 1 ;
-                    }
-                    
-                if (e.target.id === "range" && e.type === "change") {
-                      e.target.value = 1 ;
-                    }
-                if (e.target.id === "select" && e.type === "change") {
-                      e.target.value = 1 ;
-                    }
-          
+                else {
+    
+                    _WS.send("/" + e.target.id + " " +  e.target.value);
+    
+                    if (e.target.id === "on" && e.type === "change") {   
+                        window.location.reload();
+                        }
+            
+                    if (e.target.id === "rate" && e.type === "change") {
+                          e.target.value = 1 ;
+                        }
+                        
+                    if (e.target.id === "range" && e.type === "change") {
+                          e.target.value = 1 ;
+                        }
+                    if (e.target.id === "select" && e.type === "change") {
+                          e.target.value = 1 ;
+                        }
+                
+                }
             }
         </script>
 
-        <div id="title"  align ="center" style="font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
-            text-align: center;color: #ddd;font-size: 2ex;">
-            <a href="mmo3.html">MMO-3</a>
-	    <span id="players"></span>
-        </div>
 
     </body>
 </html>