`
40 |
41 | if (element.type === 'stun') {
42 | template += `URL: ${element.url}`
43 | } else {
44 | template += `URL: ${element.url} Username: ${element.username} Credential: ${element.credential}`
45 | }
46 |
47 | template += `
48 |
49 |
`
54 |
55 | let e = document.createElement('div')
56 | e.innerHTML = template
57 | iceListDiv.append(e.childNodes[0])
58 | }
59 |
60 | $('#stun-form').submit((event) => {
61 | event.preventDefault()
62 |
63 | let server = {
64 | type: 'stun',
65 | isActive: true,
66 | url: $('#add-new-stun').val()
67 | }
68 |
69 | addServer(server)
70 | event.currentTarget.reset()
71 | renderIceServers()
72 | })
73 |
74 |
75 | $('#turn-form').submit((event) => {
76 | event.preventDefault()
77 |
78 | let server = {
79 | type: 'turn',
80 | isActive: true,
81 | url: $('#add-new-turn').val(),
82 | username: $('#add-new-turn-username').val(),
83 | credential: $('#add-new-turn-credential').val()
84 | }
85 |
86 | addServer(server)
87 | event.currentTarget.reset()
88 | renderIceServers()
89 | })
90 |
91 | function addServer(server) {
92 | try {
93 | let localStorage = window.localStorage
94 | let storedIceServers = localStorage.getItem('iceServers')
95 | if (storedIceServers) {
96 | iceServers = JSON.parse(storedIceServers)
97 | }
98 | iceServers.push(server)
99 |
100 | localStorage.setItem('iceServers', JSON.stringify(iceServers))
101 | } catch (e) {
102 | console.error(e)
103 | }
104 | }
105 |
106 | function removeServer (index) {
107 | iceServers.splice(index, 1)
108 | localStorage.setItem('iceServers', JSON.stringify(iceServers))
109 | }
110 |
111 | function changeActiveServer (index, isActive) {
112 | iceServers[index].isActive = !!isActive
113 | localStorage.setItem('iceServers', JSON.stringify(iceServers))
114 | }
115 |
116 |
117 | iceListDiv.on('click', '.delete-server', (event) => {
118 | event.preventDefault()
119 | let id = parseInt(event.currentTarget.parentElement.parentElement.dataset.id, 10)
120 |
121 | removeServer(id)
122 | renderIceServers()
123 | })
124 |
125 | iceListDiv.on('change', '.active-checkbox', (event) => {
126 | event.preventDefault()
127 | let id = parseInt(event.currentTarget.parentElement.parentElement.dataset.id, 10)
128 |
129 | changeActiveServer(id, event.currentTarget.checked)
130 | renderIceServers()
131 | })
132 |
--------------------------------------------------------------------------------
/web/js/turn-test.js:
--------------------------------------------------------------------------------
1 | window.turnTests = []
2 |
3 | let resultListDiv = $('#result-list')
4 | let startButton = $('#start-test-button')
5 |
6 | startButton.on('click', (event) => {
7 | event.preventDefault()
8 |
9 | let iceServers = window.iceServers.filter((e) => e.isActive).map((e) => {
10 | let r = { urls: [e.url]}
11 | if (e.username) {
12 | r.username = e.username
13 | }
14 | if (e.credential) {
15 | r.credential = e.credential
16 | }
17 |
18 | return r
19 | })
20 |
21 | let t = new TurnTest(iceServers)
22 | turnTests.push(t)
23 |
24 | renderResults()
25 | })
26 |
27 | renderResults()
28 |
29 | function renderResults() {
30 | window.turnTests.forEach((element, index) => {
31 | renderResult(element, index)
32 | })
33 |
34 | if (!window.turnTests.length) {
35 | let template = `
No Tests yet, please start a test.
`
36 | let e = document.createElement('div')
37 | e.innerHTML = template
38 | resultListDiv.append(e.childNodes[0])
39 | } else {
40 | $('#empty-test-message').remove()
41 | }
42 | }
43 |
44 | function renderResult(turnTest, index) {
45 | if (document.getElementById('turn-test-' + index)) {
46 | return
47 | }
48 |
49 | let view = new ResultView(turnTest, 'turn-test-' + index)
50 | resultListDiv.prepend(view.render())
51 | turnTest.start()
52 | }
53 |
--------------------------------------------------------------------------------
/web/js/your-browser.js:
--------------------------------------------------------------------------------
1 | let container = document.getElementById('container')
2 |
3 | let template = `
4 | Your browser is
${adapter.browserDetails.browser} ${adapter.browserDetails.version ? adapter.browserDetails.version : 'unkown version'}`
5 |
6 | if (!adapter.browserDetails.version) {
7 | template += ` and it seems to be
not supported by
webrtc-adapter.`
8 | }
9 |
10 | template += `
11 |
14 |
`
15 |
16 | let e = document.createElement('div')
17 | e.innerHTML = template
18 | container.prepend(e.childNodes[0])
19 |
20 |
21 |
--------------------------------------------------------------------------------
124 |
125 |
126 |
127 |
128 |
129 |
130 |
131 |
132 |
133 |
134 |
135 |
136 |
137 |
138 |
139 |
140 |
141 |
--------------------------------------------------------------------------------
/web/js/class/resultview.js:
--------------------------------------------------------------------------------
1 | class ResultView {
2 |
3 | /**
4 | *
5 | * @param {TurnTest} turnTest
6 | * @param domElementId
7 | */
8 | constructor (turnTest, domElementId) {
9 | this.turnTest = turnTest
10 | this.domElementId = domElementId
11 |
12 | this._render()
13 |
14 |
15 | this.turnTest.on('icegatheringstatechange', (iceGatheringState) => {
16 | this.domElement.querySelector('.icegatheringstate').innerText = iceGatheringState
17 | })
18 |
19 | this.turnTest.on('icecandidate', (candidate) => {
20 | let template = `