内嵌网页

imharryzhu · Jan 24, 2018 · e66b96e · e66b96e
1 parent e29b740
commit e66b96e
Show file tree

Hide file tree

Showing 298 changed files with 181,984 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -1,5 +1,30 @@
 # AndroidControl
 
+> **非常抱歉，因为工作繁忙，有很长一段时间没有更新了。 有很多人加群也没有及时通过。。。在这里郑重的说声 抱歉！ 非常感谢大家的支持！**
+
+
+
+我打算重构此项目的代码，下面介绍原因：
+
+1. 去ADB化
+   1. ADB很容易被其他程序或者用户操作干扰，导致连接中断
+   2. Android的碎片化导致很多人不知道如何配置ADB环境
+   3. 性能较差
+2. 服务器准备使用python替代java
+   1. 一开始选择Java的原因是因为ddmlib，既然去adb了，那就不想使用java了
+   2. 编译方法很多，导致很多朋友不知道如何编译java
+   3. 脚本是趋势，尤其是python的跳一跳外挂更是掀起了一阵波澜
+
+
+
+当然，原先的版本保留，不更新了（随着时间的发展，本菜鸟觉得以前的设计确实脑残。。。）
+
+
+
+---
+
+
+
 **它可以仅仅使用浏览器控制一台或者多台安卓设备，不仅仅局限于手机，如平板、手表等都可以**
 
 **如果有问题或者建议，请加qq群: 1476686**

diff --git a/resources/web/LICENSE b/resources/web/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017 朱辉
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/resources/web/README.md b/resources/web/README.md
@@ -0,0 +1,16 @@
+# RemoteControl-Web
+RemoteControl Web Client
+
+# What's this
+The Web Client For [RemoteControl](https://github.com/yeetor/AndroidControl)
+
+# How to use
+
+1. open the [RemoteControl](https://github.com/yeetor/AndroidControl) server (see RemoteControl README.md)
+2. connect your phones
+3. double click `index.html`
+
+![demo](demo.gif)
+
+# Give me five
+🤗
diff --git a/resources/web/device.html b/resources/web/device.html
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <link rel="stylesheet" href="static/lib/bootstrap-3.3.7/css/bootstrap.min.css">
+    <link rel="stylesheet" href="static/lib/font-awesome-4.7.0/css/font-awesome.min.css">
+    <link rel="stylesheet" href="static/lib/jquery-ui-1.12.1/jquery-ui.min.css">
+    <link rel="stylesheet" href="static/css/device.css">
+  </head>
+  <body>
+    <div id="main">
+      <div class="content" id="content">
+        <nav class="navbar">
+            <p id="title" class="text-center">{{title}}</p>  
+        </nav>
+        <canvas id="phone-screen"></canvas>
+        <footer class="footer">
+          <div class="container-fluid">
+              <div class="row">
+              <!-- <div class="col-xs-3  text-center menu-button" id="btn-scale"><span class="fa "></div> -->
+                  <!-- <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button> -->
+              <div class="col-xs-3 text-center menu-button" id="btn-back"><span class="fa fa-chevron-left"></span></div>
+              <div class="col-xs-3 text-center menu-button" id="btn-home"><span class="fa fa-circle-o"></span></div>
+              <div class="col-xs-3 text-center menu-button" id="btn-menu"><span class="fa fa-align-justify"></span></div>
+              <div class="col-xs-3 text-center menu-button" id="btn-more" data-toggle="modal" data-target="#myModal"><span class="fa fa-wheelchair"></span></div>
+              <!-- Button trigger modal -->
+              </div>
+          </div>
+        </footer>
+      </div>
+    </div>
+    <!-- Modal -->
+    <!-- 设置  -->
+    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
+      <div class="modal-dialog" role="document">
+        <!-- <div class="modal-content"> -->
+          <ul class="list-group">
+            <li class="list-group-item">
+              <p>窗口大小设置</p>
+              <div id="display-scale-slider"></div>
+            </li>
+            <li class="list-group-item">
+              <p>输出清晰度</p>
+              <div id="scale-slider"></div>
+            </li>
+            <li class="list-group-item text-center">
+              <div class="checkbox">
+                <label>
+                  <input type="checkbox" id="rotateCheckBox"> 屏幕旋转
+                </label>
+              </div>
+              <div class="checkbox">
+                <label>
+                  <input type="checkbox" id="keyEventCheckBox"> 键盘映射
+                </label>
+                <p class="help-block">将你键盘按下的键位信息发送到手机</p>
+              </div>
+            </li>
+          </ul>
+        <!-- </div> -->
+      </div>
+    </div>
+    <!-- 重置scale  -->
+    <div class="modal" id="resetScaleModal" tabindex="-1" role="dialog" data-backdrop="static">
+      <div class="modal-dialog" role="document">
+        <div class="modal-content">
+          <div class="modal-body">
+            <div>请等待CapService重启</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </body>
+  <script src="static/lib/jquery-3.2.1.min.js"></script>
+  <script>if (typeof module === 'object') {window.jQuery = window.$ = module.exports;};</script>
+  <script src="static/lib/bootstrap-3.3.7/js/bootstrap.min.js"></script>
+  <script src="static/lib/jquery-ui-1.12.1/jquery-ui.min.js"></script>
+  <script src="static/lib/vue.js"></script>
+  <script src="static/js/keyeventConvert.js"></script>
+  <script src="static/js/device.js"></script>
+</html>
diff --git a/resources/web/index.html b/resources/web/index.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <title>RemoteControl-Desktop</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+    <link rel="stylesheet" href="static/lib/bootstrap-3.3.7/css/bootstrap.min.css">
+    <link rel="stylesheet" href="static/lib/font-awesome-4.7.0/css/font-awesome.min.css">
+    <link rel="stylesheet" href="static/css/index.css">
+  </head>
+  <body class="noselect">
+    <nav class="navbar">
+      <h1 class="text-center">AndroidControl</h1>
+    </nav>
+    <div class="content">
+      <ul class="phone-list" id="phone-list">
+          <li v-for="p in devices.slice(0, 4)">
+            <div class="phone">
+              <div class="phone-header phone-info">
+                <p>{{p.sn}}@{{p.server.ip}}:{{p.server.port}}</p>
+              </div>
+              <div class="phone-body">
+                <img v-bind:onclick="'phoneClick(\'' + p.sn + '\')'" style="max-width: 100%;" class="phone-shot" v-bind:src="'http://127.0.0.1:6655/shot/' + p.sn" /> 
+              </div>
+              <div class="phone-footer phone-info">
+                <div>{{p.sn}}<a style="float: right; margin-right:8px;">🖕</a></div>
+              </div>
+            </div>
+          </li>
+        <!-- 群控机  -->
+        <!-- <li>
+          <div class="phone">
+            <div class="phone-header phone-info">
+              <p>群控机@1920x1080</p>
+            </div>
+            <div class="phone-body" id="control-all-phone">
+              <div v-for="p in devices" class="small-phone">
+                <img style="max-width: 100%;" class="phone-shot" v-bind:src="'http://127.0.0.1:6655/shot/' + p.sn">
+              </div>
+            </div>
+            <div class="phone-footer phone-info">
+              <div>别问那么多了，点开试试</div>
+            </div>
+          </div>
+        </li> -->
+        <!-- 群控机 end  -->
+      </ul>
+      <div class="bottom text-center"><span>Copyright © Harry 2017</span></div>
+    </div>
+    <!-- modal  -->
+    <div class="modal fade" id="serverModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
+      <div class="modal-dialog" role="document">
+        <div class="modal-content">
+          <div class="modal-body">
+            <div class="panel panel-default">
+              <div class="panel-heading">添加服务器</div>
+              <div class="panel-body">
+                <div class="input-group">
+                  <span class="input-group-addon" id="basic-addon3">服务器地址</span>
+                  <input type="text" class="form-control" id="server-input" placeholder="localhost:6655">
+                  <span class="input-group-btn">
+                    <button class="btn btn-default" type="button" id="btn-addserver">添加</button>
+                  </span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </body>
+  <script src="static/lib/jquery-3.2.1.min.js"></script>
+  <script>if (typeof module === 'object') {window.jQuery = window.$ = module.exports;};</script>
+  <script src="static/lib/bootstrap-3.3.7/js/bootstrap.min.js"></script>
+  <script src="static/lib/vue.js"></script>
+  <script src="static/js/index.js"></script>
+</html>