[API HTML5] API d'enregistrement audio (HTML5)

Bonjour,

je souhaiterais pouvoir enregistrer directement ma voix via mon site, aussi j'ai essayé l'API native à HTML5.

Voici mon code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
var onFail = function(e) {
        console.log('Rejected!', e);
      };
 
      var onSuccess = function(s) {
        var context = new webkitAudioContext();
        var mediaStreamSource = context.createMediaStreamSource(s);
        recorder = new Recorder(mediaStreamSource);
        recorder.record();
 
        // audio loopback
        // mediaStreamSource.connect(context.destination);
      }
 
      window.URL = window.URL || window.webkitURL;
      navigator.getUserMedia  = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;
 
      var recorder;
      var audio = document.querySelector('audio');
 
      window.URL = window.URL || window.webkitURL;
      navigator.getUserMedia  = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;
 
      var stream;
      var audio = document.querySelector('audio');
 
      function startRecording() {
        if (navigator.getUserMedia) {
          navigator.getUserMedia({audio: true}, onSuccess, onFail);
        } else {
          console.log('navigator.getUserMedia not present');
        }
      }
 
      function stopRecording() {
        recorder.stop();
        recorder.exportWAV(function(s) {
          audio.src = window.URL.createObjectURL(s);
 
        });
      }

Aussi, j'aimerais savoir comment récupérer l'enregistrement et le stocker sur mon serveur.