1<?-- 2 Copyright (C) 2019 The Android Open Source Project 3 4 Licensed under the Apache License, Version 2.0 (the "License"); 5 you may not use this file except in compliance with the License. 6 You may obtain a copy of the License at 7 8 http://www.apache.org/licenses/LICENSE-2.0 9 10 Unless required by applicable law or agreed to in writing, software 11 distributed under the License is distributed on an "AS IS" BASIS, 12 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 13 See the License for the specific language governing permissions and 14 limitations under the License. 15 --> 16 17<html> 18 <head> 19 <title>My Virtual Device Playground</title> 20 21 <link rel="stylesheet" type="text/css" href="style.css" > 22 <link rel="stylesheet" type="text/css" href="controls.css" > 23 <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined"> 24 <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> 25 </head> 26 27 <body> 28 <section id='device-selector'> 29 <h1>Available devices <span id='refresh-list'>↻</span></h1> 30 <ul id="device-list"></ul> 31 </section> 32 <section id='device-connection'> 33 <div id='header'> 34 <div id='app-controls'> 35 <div id="keyboard-capture-control" title="Capture Keyboard"></div> 36 <div id="mic-capture-control" title="Capture Microphone"></div> 37 <audio autoplay controls id="device-audio"></audio> 38 </div> 39 <div id='status-div'> 40 <h3 id='status-message' class='connecting'>Connecting to device</h3> 41 </div> 42 </div> 43 <div id='controls-and-screens'> 44 <div id='control-panel-default-buttons' class='control-panel-column'> 45 <button id='device-details-button' title='Device Details' class='material-icons'> 46 settings 47 </button> 48 <button id='bluetooth-console-button' title='Bluetooth console' class='material-icons'> 49 settings_bluetooth 50 </button> 51 </div> 52 <div id='control-panel-custom-buttons' class='control-panel-column'></div> 53 <div id='screens'> 54 <video id="device-screen" autoplay ></video> 55 </div> 56 </div> 57 </section> 58 <div id='device-details-modal' class='modal'> 59 <div id='device-details-modal-header' class='modal-header'> 60 <h2>Device Details</h2> 61 <button id='device-details-close' title='Close' class='material-icons modal-close'>close</button> 62 </div> 63 <hr> 64 <h3>Hardware Configuration</h3> 65 <span id='device-details-hardware'>unknown</span> 66 </div> 67 <div id='bluetooth-console-modal' class='modal'> 68 <div id='bluetooth-console-modal-header' class='modal-header'> 69 <h2>Bluetooth Console</h2> 70 <button id='bluetooth-console-close' title='Close' class='material-icons modal-close'>close</button> 71 </div> 72 <div> 73 <table> 74 <tr><td colspan='2'><textarea id='bluetooth-console-view' readonly rows='10' cols='60'></textarea></td></tr> 75 <tr><td width='1'><p id='bluetooth-console-cmd-label'>Command:</p></td><td width='100'><input id='bluetooth-console-input' type='text'></input></td></tr> 76 </table> 77 </div> 78 </div> 79 <script src="js/adb.js"></script> 80 <script src="js/rootcanal.js"></script> 81 <script src="js/cf_webrtc.js" type="module"></script> 82 <script src="js/controls.js"></script> 83 <script src="js/app.js"></script> 84 </body> 85</html> 86