mobileremote.php 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229
  1. <?php
  2. include_once '../auth.php';
  3. if(!file_exists("data")){
  4. mkdir("data",0777,true);
  5. }
  6. if (isset($_GET['comm']) && isset($_GET['rid'])){
  7. $rid = $_GET['rid'];
  8. $rid = explode(",",$rid)[0];
  9. file_put_contents("data/" . $rid . ".inf",$_GET['comm']);
  10. echo "DONE";
  11. exit(0);
  12. }
  13. ?>
  14. <html>
  15. <head>
  16. <link rel="stylesheet" href="../script/tocas/tocas.css">
  17. <script src="../script/tocas/tocas.js"></script>
  18. <meta name="viewport" content="width=device-width, initial-scale=0.9, shrink-to-fit=no">
  19. <script src="../script/jquery.min.js"></script>
  20. <script src="../script/ao_module.js"></script>
  21. <link rel="manifest" href="manifest.json">
  22. <style>
  23. body{
  24. background-color:#0c0c0c;
  25. color:white;
  26. }
  27. .white{
  28. color:white !important;
  29. }
  30. </style>
  31. </head>
  32. <body>
  33. <br>
  34. <div class="ts container">
  35. <div class="ts center aligned grid">
  36. <div class="row">
  37. <div class="sixteen wide column">
  38. <div class="ts white header">
  39. <i class="options icon"></i>RemotePlay Remote
  40. </div>
  41. </div>
  42. </div>
  43. <div class="row">
  44. <div class="sixteen wide column">
  45. <p class="white">Target RemotePlay ID</p>
  46. <div class="ts basic mini fluid input">
  47. <select class="ts basic dropdown" id="remoteID" style="background: black;color: white;width: 100%">
  48. <option>Scanning...</option>
  49. </select>
  50. </div>
  51. </div>
  52. </div>
  53. <div class="row">
  54. <div class="five wide column">
  55. </div>
  56. <div class="six wide column">
  57. <button class="ts huge basic white icon button" onClick="ffwd();"><i class="fast forward icon"></i></button>
  58. </div>
  59. <div class="five wide column">
  60. </div>
  61. </div>
  62. <div class="row">
  63. <div class="five wide right aligned column">
  64. <button class="ts huge basic white icon button" onClick="bwd();"><i class="backward icon"></i></button>
  65. </div>
  66. <div class="six wide column">
  67. <button class="ts huge basic white icon button" onClick="stop();"><i class="stop icon"></i></button>
  68. </div>
  69. <div class="five wide left aligned column">
  70. <button class="ts huge basic white icon button" onClick="fwd();"><i class="forward icon"></i></button>
  71. </div>
  72. </div>
  73. <div class="row">
  74. <div class="five wide column">
  75. </div>
  76. <div class="six wide column">
  77. <button class="ts huge basic white icon button" onClick="fbwd();"><i class="fast backward icon"></i></button>
  78. </div>
  79. <div class="five wide column">
  80. </div>
  81. </div>
  82. <div class="row">
  83. <div class="five wide right aligned column">
  84. <button class="ts huge basic white icon button" onClick="play();"><i class="play icon"></i></button>
  85. </div>
  86. <div class="six wide column"></div>
  87. <div class="five wide left aligned column">
  88. <button class="ts huge basic white icon button" onClick="volup();"><i class="volume up icon"></i></button>
  89. </div>
  90. </div>
  91. <div class="row">
  92. <div class="five wide right aligned column">
  93. <button class="ts huge basic white icon button" onClick="pause();"><i class="pause icon"></i></button>
  94. </div>
  95. <div class="six wide column"></div>
  96. <div class="five wide left aligned column">
  97. <button class="ts huge basic white icon button" onClick="voldown();"><i class="volume down icon"></i></button>
  98. </div>
  99. </div>
  100. <div class="row">
  101. <div class="sixteen wide column">
  102. <br>
  103. <div class="ts separated mini buttons">
  104. <button class="ts huge basic white button" onClick="mute();"><i class="volume off icon"></i>Mute</button>
  105. <button class="ts huge basic white button" onClick="reset();"><i class="home icon"></i>Reset</button>
  106. <button class="ts huge basic white button" onClick="newsession();"><i class="add icon"></i>New Session</button>
  107. </div>
  108. </div>
  109. </div>
  110. </div>
  111. </div>
  112. <div class="ts snackbar">
  113. <div class="content"></div>
  114. <a class="action"></a>
  115. </div>
  116. <script>
  117. /* for iOS or iPadOS patch (tested on iPhone8 and iPad Gen6) */
  118. /* end */
  119. var rid = "";
  120. ao_module_setWindowSize(347,560);
  121. $("#vol").on("change",function(){
  122. sendCommand("setVol",$(this).val());
  123. });
  124. $("#remoteID").on("change",function(){
  125. ao_module_saveStorage("remoteplay","remoteID",$(this).val());
  126. rid = $(this).val();
  127. });
  128. function play(){
  129. sendCommand("play","");
  130. }
  131. function pause(){
  132. sendCommand("pause","");
  133. }
  134. function fwd(){
  135. sendCommand("fwd","");
  136. }
  137. var ffwding = false;
  138. function ffwd(){
  139. if(ffwding){
  140. clearInterval(timer_1);
  141. ffwding = false;
  142. $(".button").removeAttr("disabled");
  143. }else{
  144. timer_1 = setInterval(fwd, 1000);
  145. ffwding = true;
  146. $(".button").attr("disabled","disabled");
  147. $(".fast.forward.icon").parent().removeAttr("disabled");
  148. }
  149. }
  150. function bwd(){
  151. sendCommand("bwd","");
  152. }
  153. var fbwding = false;
  154. function fbwd(){
  155. if(fbwding){
  156. clearInterval(timer_1);
  157. fbwding = false;
  158. $(".button").removeAttr("disabled");
  159. }else{
  160. timer_1 = setInterval(bwd, 1000);
  161. fbwding = true;
  162. $(".button").attr("disabled","disabled");
  163. $(".fast.backward.icon").parent().removeAttr("disabled");
  164. }
  165. }
  166. function stop(){
  167. sendCommand("stop","");
  168. }
  169. function volup(){
  170. sendCommand("volup","");
  171. }
  172. function voldown(){
  173. sendCommand("voldown","");
  174. }
  175. function mute(){
  176. sendCommand("setVol","0");
  177. $("#vol").val(0);
  178. }
  179. function reset(){
  180. sendCommand("reset","");
  181. }
  182. function newsession(){
  183. sendCommand("newsession","");
  184. }
  185. function sendCommand(comm,value){
  186. var fullcomm = comm + "," + value;
  187. $.get("remote.php?comm=" + fullcomm + "&rid=" + rid,function(data){
  188. if (data.includes("ERROR")){
  189. }
  190. });
  191. }
  192. $(document).ready(function(){
  193. var previousRemoteID = ao_module_getStorage("remoteplay","remoteID");
  194. $.get("opr.php?opr=scanalive",function(data){
  195. var obj = JSON.parse(data);
  196. $("#remoteID").html("");
  197. $("#remoteID").append($("<option></option>").attr("value", "").text("Not selected"));
  198. $.each( obj, function( key, value ) {
  199. $("#remoteID").append($("<option></option>").attr("value", value).text(value));
  200. });
  201. $("#remoteID").val("");
  202. if (previousRemoteID !== undefined && $("#remoteID option[value='" + previousRemoteID + "']").length > 0){
  203. $("#remoteID").val(previousRemoteID);
  204. rid = previousRemoteID;
  205. }
  206. });
  207. });
  208. </script>
  209. </body>
  210. </html>