51 lines
1.6 KiB
HTML
51 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1"> <style> </style>
|
|
<title> Control Audio</title>
|
|
</head>
|
|
<body>
|
|
<h1>Control Audio</h1>
|
|
<h2>Master</h2>
|
|
<div class="slidecontainer">
|
|
<input type="range" min="1" max="101" value="%d" class="slider" id="vmas">
|
|
</div>
|
|
<h2>Entradas</h2>
|
|
<div class="slidecontainer">
|
|
<input type="range" min="1" max="101" value="%d" class="slider" id="vvin">Vinilo
|
|
</div>
|
|
<div class="slidecontainer">
|
|
<input type="range" min="1" max="101" value="%d" class="slider" id="vpc">PC
|
|
</div>
|
|
<div class="slidecontainer">
|
|
<input type="range" min="1" max="101" value="%d" class="slider" id="vrad">Radio
|
|
</div>
|
|
<div class="slidecontainer">
|
|
<input type="range" min="1" max="101" value="%d" class="slider" id="vaux">Aux
|
|
</div>
|
|
|
|
<script>
|
|
function httpGetAsync(theUrl)
|
|
{
|
|
var xmlHttp = new XMLHttpRequest();
|
|
xmlHttp.onreadystatechange = function() { };
|
|
xmlHttp.open("GET", theUrl, true);
|
|
xmlHttp.send(null);
|
|
}
|
|
|
|
var ip="http://%s";
|
|
var sl = document.getElementById("vmas");
|
|
var s2 = document.getElementById("vvin");
|
|
var s3 = document.getElementById("vpc");
|
|
var s4 = document.getElementById("vrad");
|
|
var s5 = document.getElementById("vaux");
|
|
sl.oninput = function() { httpGetAsync(ip+"/set1?v="+this.value);}
|
|
s2.oninput = function() { httpGetAsync(ip+"/set2?v="+this.value);}
|
|
s3.oninput = function() { httpGetAsync(ip+"/set3?v="+this.value);}
|
|
s4.oninput = function() { httpGetAsync(ip+"/set4?v="+this.value);}
|
|
s5.oninput = function() { httpGetAsync(ip+"/set5?v="+this.value);}
|
|
|
|
|
|
</script>
|
|
</body>
|
|
</html> |