yeungalan
/
Remoteplay
mirror of https://github.com/yeungalan/Remoteplay.git


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220
							<?php
include_once '../auth.php';
if(!file_exists("data")){
	mkdir("data",0777,true);
}
if (isset($_GET['comm']) && isset($_GET['rid'])){
	$rid = $_GET['rid'];
	$rid = explode(",",$rid)[0];
	file_put_contents("data/" . $rid . ".inf",$_GET['comm']);
	echo "DONE";
	exit(0);
}
?>
<html>
<head>
    <link rel="stylesheet" href="../script/tocas/tocas.css">
	<script src="../script/tocas/tocas.js"></script>
	<meta name="viewport" content="width=device-width, initial-scale=0.9, shrink-to-fit=no">
	<script src="../script/jquery.min.js"></script>
	<script src="../script/ao_module.js"></script>
	<style>
	body{
		background-color:#0c0c0c;
		color:white;
	}
	.white{
		color:white !important;
	}
	</style>
</head>
<body>
<br>
<div class="ts container">

<div class="ts center aligned grid">
    <div class="row">
        <div class="sixteen wide column">
			<div class="ts white header">
				<i class="options icon"></i>RemotePlay Remote
			</div>
		</div>
    </div>
    <div class="row">
        <div class="sixteen wide column">
			<p class="white">Target RemotePlay ID</p>
			<div class="ts basic mini fluid input">
				<input id="remoteID" class="white" type="text">
			</div>
		</div>
    </div>
	<div class="row">
        <div class="five wide column">
		</div>
		<div class="six wide column">
			<button class="ts huge basic white icon button" onClick="ffwd();"><i class="fast forward icon"></i></button>
		</div>
		<div class="five wide column">
		</div>
    </div>
	<div class="row">
        <div class="five wide right aligned column">
			<button class="ts huge basic white icon button" onClick="bwd();"><i class="backward icon"></i></button>
		</div>
		<div class="six wide column">
			<button class="ts huge basic white icon button" onClick="stop();"><i class="stop icon"></i></button>
		</div>
		<div class="five wide left aligned column">
			<button class="ts huge basic white icon button" onClick="fwd();"><i class="forward icon"></i></button>
		</div>
    </div>
	<div class="row">
        <div class="five wide column">
		</div>
		<div class="six wide column">
			<button class="ts huge basic white icon button" onClick="fbwd();"><i class="fast backward icon"></i></button>
		</div>
		<div class="five wide column">
		</div>
    </div>
    <div class="row">
        <div class="five wide right aligned column">
			<button class="ts huge basic white icon button" onClick="play();"><i class="play icon"></i></button>
		</div>
		<div class="six wide column"></div>
		<div class="five wide left aligned column">
			<button class="ts huge basic white icon button" onClick="volup();"><i class="volume up icon"></i></button>
		</div>
    </div>
    <div class="row">
        <div class="five wide right aligned column">
			<button class="ts huge basic white icon button" onClick="pause();"><i class="pause icon"></i></button>
		</div>
		<div class="six wide column"></div>
		<div class="five wide left aligned column">
			<button class="ts huge basic white icon button" onClick="voldown();"><i class="volume down icon"></i></button>
		</div>
    </div>
    <div class="row">
        <div class="sixteen wide column">
			<br>
			<div class="ts separated mini buttons">
				<button class="ts huge basic white button" onClick="mute();"><i class="volume off icon"></i>Mute</button>
				<button class="ts huge basic white button" onClick="reset();"><i class="home icon"></i>Reset</button>
				<button class="ts huge basic white button" onClick="newsession();"><i class="add icon"></i>New Session</button>
			</div>
		</div>
    </div>
</div>
</div>
<div class="ts snackbar">
    <div class="content"></div>
    <a class="action"></a>
</div>
<script>
/* for iOS or iPadOS patch (tested on iPhone8 and iPad Gen6) */

/* end */


var rid = "";
ao_module_setWindowSize(500,320);
$("#vol").on("change",function(){
	sendCommand("setVol",$(this).val());
});

$("#remoteID").on("change",function(){
	ao_module_saveStorage("remoteplay","remoteID",$(this).val());
	rid = $(this).val();
});

function play(){
	sendCommand("play","");
}

function pause(){
	sendCommand("pause","");
}

function fwd(){
	sendCommand("fwd","");
}

var ffwding = false;
function ffwd(){
	if(ffwding){
		clearInterval(timer_1);
		ffwding = false;
		$(".button").removeAttr("disabled");
	}else{
	  timer_1 = setInterval(fwd, 1000);
	  ffwding = true;
	  $(".button").attr("disabled","disabled");
	  $(".fast.forward.icon").parent().removeAttr("disabled");
	}
}

function bwd(){
	sendCommand("bwd","");
}

var fbwding = false;
function fbwd(){
	if(fbwding){
		clearInterval(timer_1);
		fbwding = false;
		$(".button").removeAttr("disabled");
	}else{
	  timer_1 = setInterval(bwd, 1000);
	  fbwding = true;
	  $(".button").attr("disabled","disabled");
	  $(".fast.backward.icon").parent().removeAttr("disabled");
	}
}

function stop(){
	sendCommand("stop","");
}

function volup(){
	sendCommand("volup","");
}

function voldown(){
	sendCommand("voldown","");
}

function mute(){
	sendCommand("setVol","0");
	$("#vol").val(0);
}

function reset(){
	sendCommand("reset","");
}

function newsession(){
	sendCommand("newsession","");
}

function sendCommand(comm,value){
	var fullcomm = comm + "," + value;
	$.get("remote.php?comm=" + fullcomm + "&rid=" + rid,function(data){
		if (data.includes("ERROR")){
			
		}
	});
}

$(document).ready(function(){
	var previousRemoteID = ao_module_getStorage("remoteplay","remoteID");
	if (previousRemoteID !== undefined){
		$("#remoteID").val(previousRemoteID);
		rid = previousRemoteID;
	}
});
</script>
</body>
</html>