ATD
/
jitsi-stream-client
1
0
Fork 0
Code Issues 2 Pull Requests Releases Wiki Activity

moved name inputs

This commit is contained in:
henne 2020-04-28 18:35:50 +02:00
parent 685656d9b7
commit 82bd99492f
2 changed files with 22 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
index.html
View File

@ -58,18 +58,18 @@
<div class="col-md-4 video video-0">
<video autoplay='autoplay'></video>
<audio autoplay='autoplay'></audio>
<input type="text" onchange="setName(0, this.value)">
<span class="name"></span>
</div>
<div class="col-md-4 video video-1">
<video autoplay='autoplay'></video>
<audio autoplay='autoplay'></audio>
<input type="text" onchange="setName(1, this.value)">
<span class="name"></span>
<span></span>
</div>
<div class="col-md-4 video video-2">
<video autoplay='autoplay'></video>
<audio autoplay='autoplay'></audio>
<input type="text" onchange="setName(2, this.value)">
<span class="name"></span>
<span></span>
</div>
</div>
@ -77,19 +77,19 @@
<div class="col-md-4 video video-3">
<video autoplay='autoplay'></video>
<audio autoplay='autoplay'></audio>
<input type="text" onchange="setName(3, this.value)">
<span class="name"></span>
<span></span>
</div>
<div class="col-md-4 video video-4">
<video autoplay='autoplay'></video>
<audio autoplay='autoplay'></audio>
<input type="text" onchange="setName(4, this.value)">
<span class="name"></span>
<span></span>
</div>
<div class="col-md-4 video video-5">
<video autoplay='autoplay'></video>
<audio autoplay='autoplay'></audio>
<input type="text" onchange="setName(5, this.value)">
<span class="name"></span>
<span></span>
</div>
</div>
@ -97,19 +97,19 @@
<div class="col-md-4 video video-6">
<video autoplay='autoplay'></video>
<audio autoplay='autoplay'></audio>
<input type="text" onchange="setName(6, this.value)">
<span class="name"></span>
<span></span>
</div>
<div class="col-md-4 video video-7">
<video autoplay='autoplay'></video>
<audio autoplay='autoplay'></audio>
<input type="text" onchange="setName(7, this.value)">
<span class="name"></span>
<span></span>
</div>
<div class="col-md-4 video video-8">
<video autoplay='autoplay'></video>
<audio autoplay='autoplay'></audio>
<input type="text" onchange="setName(8, this.value)">
<span class="name"></span>
<span></span>
</div>
</div>
@ -118,51 +118,51 @@
<div class="volume-slider volume-0 col">
<span class="volume">70%</span>
<input type="range" min="0" max="1" step="0.01" value="0.7" oninput="setLevel(0, this.value)">
<span class="name"></span>
<input type="text" onchange="setName(0, this.value)">
</div>
<div class="volume-slider volume-1 col">
<span class="volume">70%</span>
<input type="range" min="0" max="1" step="0.01" value="0.7" oninput="setLevel(1, this.value)">
<span class="name"></span>
<input type="text" onchange="setName(1, this.value)">
</div>
<div class="volume-slider volume-2 col">
<span class="volume">70%</span>
<input type="range" min="0" max="1" step="0.01" value="0.7" oninput="setLevel(2, this.value)">
<span class="name"></span>
<input type="text" onchange="setName(2, this.value)">
</div>
</div>
<div class="row">
<div class="volume-slider volume-3 col">
<span class="volume">70%</span>
<input type="range" min="0" max="1" step="0.01" value="0.7" oninput="setLevel(3, this.value)">
<span class="name"></span>
<input type="text" onchange="setName(3, this.value)">
</div>
<div class="volume-slider volume-4 col">
<span class="volume">70%</span>
<input type="range" min="0" max="1" step="0.01" value="0.7" oninput="setLevel(4, this.value)">
<span class="name"></span>
<input type="text" onchange="setName(4, this.value)">
</div>
<div class="volume-slider volume-5 col">
<span class="volume">70%</span>
<input type="range" min="0" max="1" step="0.01" value="0.7" oninput="setLevel(5, this.value)">
<span class="name"></span>
<input type="text" onchange="setName(5, this.value)">
</div>
</div>
<div class="row">
<div class="volume-slider volume-6 col">
<span class="volume">70%</span>
<input type="range" min="0" max="1" step="0.01" value="0.7" oninput="setLevel(6, this.value)">
<span class="name"></span>
<input type="text" onchange="setName(6, this.value)">
</div>
<div class="volume-slider volume-7 col">
<span class="volume">70%</span>
<input type="range" min="0" max="1" step="0.01" value="0.7" oninput="setLevel(7, this.value)">
<span class="name"></span>
<input type="text" onchange="setName(7, this.value)">
</div>
<div class="volume-slider volume-8 col">
<span class="volume">70%</span>
<input type="range" min="0" max="1" step="0.01" value="0.7" oninput="setLevel(8, this.value)">
<span class="name"></span>
<input type="text" onchange="setName(8, this.value)">
</div>
</div>
</div>

8
script.js
View File

@ -296,9 +296,9 @@ function connect(e) {
if(!video.hasOwnProperty(i)) {
continue;
}
$(video[i]).find('input')[0].value = remoteMappingName[i];
$('.volume-' + i + ' .name').text(remoteMappingName[i]);
$('.volume-' + i + ' input').val(0.7);
$('.volume-' + i + ' input[type="text"]')[0].value = remoteMappingName[i];
$('.video-' + i + ' .name').text(remoteMappingName[i]);
$('.volume-' + i + ' input[type="range"]').val(0.7);
$(video[i]).find('video').on('resize', onVideoResize).width(videoSize.width).height(videoSize.height);
}
}
@ -345,7 +345,7 @@ function midiSetLevel(id, level) {
function setName(position, name) {
console.log(`setting name of ${position} to ${name}`);
remoteMappingName[position] = name;
$('.volume-' + position + ' .name').text(name);
$('.video-' + position + ' .name').text(name);
for(let i in trackMapping) {
if(trackMapping[i] === position) {
detachUser(i);