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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
|
const io = require('socket.io-client');
const internals = {
promisesSupported: !!(window.browser),
isInCallState: false,
icons: {
call: {
16: 'icons/action-16.png',
32: 'icons/action-32.png'
},
hangUp: {
16: 'icons/hang_up-16.png',
32: 'icons/hang_up-32.png'
}
},
socket: null,
peers: 0,
onClick() {
if (internals.isInCall()) {
return internals.hangUp();
}
return internals.joinAudioCall();
},
async joinAudioCall() {
internals.isInCallState = true;
internals.setIcon('hangUp');
const activeTabs = await internals.getActiveTabs();
const socketUrl = 'http://localhost:8000/';
const currentUrl = activeTabs[0].url;
this.socket = io(socketUrl);
var that = this;
this.socket.on('connect', function() {
console.log("Connected to signaling server");
that.socket.emit('join', {
'url': currentUrl,
});
});
this.socket.on('disconnect', function() {
console.log("disconnected from signaling server");
});
this.socket.on('addPeer', function(data) {
console.log(data);
that.peers++;
console.log(`There are now ${that.peers} participants`);
});
this.socket.on('removePeer', function() {
that.peers--;
console.log(`There are now ${that.peers} participants`);
});
console.log(activeTabs[0].url); // placeholder while we connect backend.
internals.createAudioElement(internals.getRoot().runtime.getURL('sounds/tada.wav'));
},
hangUp() {
this.socket.close();
document.querySelectorAll('audio').forEach((audioElement) => audioElement.remove());
internals.setIcon('call');
internals.isInCallState = false;
},
createAudioElement(source, type = 'audio/wav') {
const audioElement = document.createElement('audio');
audioElement.src = source;
audioElement.autoplay = 'autoplay';
audioElement.type = type;
document.querySelector('body').appendChild(audioElement);
},
isInCall() {
return internals.isInCallState; // this should be replaced with actually checking the built stuff
},
setIcon(iconSet) {
internals.getRoot().browserAction.setIcon({
path: internals.icons[iconSet]
});
},
getRoot() {
return window.browser || window.chrome;
},
// Chrome doesn't yet implement the promise based tabs.query :'(
getActiveTabs() {
const query = {
currentWindow: true,
active: true
};
if (internals.promisesSupported) {
return internals.getRoot().tabs.query(query);
}
return new Promise((resolve, reject) => {
internals.getRoot().tabs.query(query, (tabs) => {
return resolve(tabs);
});
});
},
};
internals.getRoot().browserAction.onClicked.addListener(internals.onClick);
|
