/
index.html
88 lines (71 loc) · 2.54 KB
/
index.html
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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<script src="jquery-1.10.2.min.js"></script>
<script src="/socket.io/socket.io.js"></script>
<script src="mousetrap.min.js"></script>
<script>
var context = new webkitAudioContext();
gainNode2 = context.createGainNode(); // Create gain node 2
function plays(fq) {
oscillator2 = context.createOscillator();
var freq = fq;
oscillator2.type = 'square';
oscillator2.connect(gainNode2); // Connect sound source 2 to gain node 2
gainNode2.connect(context.destination); // Connect gain node 2 to output
gainNode2.gain.value = 0.3; // Set gain node 2 to 30 percent
oscillator2.frequency.value = freq;
var t = context.currentTime;
oscillator2.start(t);
oscillator2.stop(t+1);
console.log(fq);
}
</script>
<script src="functions.js"></script>
<script src="conf.js"></script>
<script>
$(document).ready(function() {
var socket = io.connect(host);
$('#sender').on('click',function() {
var user_message = $('#message_box').val();
// socket.emit('send_message',{message: user_message});
freq = user_message;
socket.emit('send_message',{frequency: freq});
});
$('.kb').on('click',function(e) {
var user_message = this.id;
// alert(this.id);
console.log(this.id+ "aa")
// socket.emit('send_message',{message: user_message});
freq = user_message;
socket.emit('send_message',{frequency: freq});
});
socket.on('get_message', function(data) {
console.log(data.frequency);
var t = context.currentTime;
squareVoice.start(t, data.frequency);
//plays(data.frequency)
// $('#data').append(data.message);
});
squareVoice.create(context, 440, 0);
squareVoice.connect(context.destination);
var param = {};
param.noteOn = function(note) {
var f = noteToFrequency(note);
//var t = context.currentTime;
socket.emit('send_message', {frequency: f});
//console.log("Note: " + note + ". F: " + f + ". Time: " + t);
}
param.noteOff = function(note) {
console.log("OFF");
}
keyboard.create(param);
});
</script>
<div id='data'></div>
<input type='text' id='message_box' placeholder='send message'>
<button id='sender'>Send Message</button>
<input type="button" onclick="plays(10);" value="hejjjjplejj">
<div id = "con">a</div>
<script>
for (var i = 0 ; i < 100; i++){
$('#con').append('<input type=button class="kb" id='+ i +' value = ' + noteToFrequency(i) + ' >')
}
</script>