<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0">
<title>CCRemote</title>
<link rel="stylesheet" href="./CCRemote/CCRemote.css">
</head>
<body style="overflow:hidden">
<p class="Display1">CC：<span id="cc" class="Display2"></span></p>
<p class="Display3">Channel：<span id="channel" class="Display4"></span></p>
<div class="slider-bar">
<input type="range" id="slider" value="0" max="127" aria-orientation="vertical">
<span>0</span>
</div>
</body>
</html>
<script src="./CCRemote/CCRemote.js"></script>
<script src="main.js">
/*includes the main.js, which contains a lot of helper functions*/
</script>
<script type="text/javascript">
wwr_start(); /*tells Reaper to accept requests*/
//将CCRemoteState.lua的ID替换下面ID
wwr_req_recur("_RS66619adfd48c9e3b48615f283de6f90ac26ee6aa",1000);
wwr_req_recur("GET/EXTSTATE/CCRemote/CCNum",1000);
wwr_req_recur("GET/EXTSTATE/CCRemote/channel",1000);
var selectedNum;
var ccNum=0;
var channel="none";
function wwr_onreply(results) {
//main.js calls wwr_onreply with the response, as sent from Reaper, when
//wwr_req("TRANSPORT") is called.
//alert("Reaper returned: "+results); //shows a messagebox with "results", as returned by Reaper
var temps=results.split(/[(\r\n)\r\n]+/);
var showSelected=false;
temps.forEach(element => {
var temps2=element.split(/\s+/);
for(var i=0;i<temps2.length;i++)
{
if(temps2[i]=="CCNum")
{
ccNum=parseInt(temps2[i+1]);
}
else if(temps2[i]=="selected")
{
selectedNum=parseInt(temps2[i+1]);
showSelected=true;
}
else if(temps2[i]=="channel")
{
channel=parseInt(temps2[i+1]);
}
}
});
if(showSelected)
{
if(selectedNum==0)
{
alert("You must select 1 item first!");
}
else if(selectedNum>1)
{
alert("You've selected more than 1 item!\nShould only select 1 item!");
}
}
if (document.getElementById("cc").innerHTML != ccNum) {
document.getElementById("cc").innerHTML = ccNum;
}
if (document.getElementById("channel").innerHTML != channel) {
document.getElementById("channel").innerHTML = channel;
}
}
</script>
