| <?-- |
| Copyright (C) 2019 The Android Open Source Project |
| |
| Licensed under the Apache License, Version 2.0 (the "License"); |
| you may not use this file except in compliance with the License. |
| You may obtain a copy of the License at |
| |
| http://www.apache.org/licenses/LICENSE-2.0 |
| |
| Unless required by applicable law or agreed to in writing, software |
| distributed under the License is distributed on an "AS IS" BASIS, |
| WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| See the License for the specific language governing permissions and |
| limitations under the License. |
| --> |
| |
| <html> |
| <head> |
| <title>My Virtual Device Playground</title> |
| |
| <link rel="stylesheet" type="text/css" href="style.css" > |
| <link rel="stylesheet" type="text/css" href="controls.css" > |
| <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined"> |
| <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> |
| </head> |
| |
| <body> |
| <section id='device-selector'> |
| <h1>Available devices <span id='refresh-list'>↻</span></h1> |
| <ul id="device-list"></ul> |
| </section> |
| <section id='device-connection'> |
| <div id='header'> |
| <div id='app-controls'> |
| <div id="keyboard-capture-control" title="Capture Keyboard"></div> |
| <div id="mic-capture-control" title="Capture Microphone"></div> |
| <audio autoplay controls id="device-audio"></audio> |
| </div> |
| <div id='status-div'> |
| <h3 id='status-message' class='connecting'>Connecting to device</h3> |
| </div> |
| </div> |
| <div id='controls-and-screens'> |
| <div id='control-panel-default-buttons' class='control-panel-column'> |
| <button id='device-details-button' title='Device Details' class='material-icons'> |
| settings |
| </button> |
| </div> |
| <div id='control-panel-custom-buttons' class='control-panel-column'></div> |
| <div id='screens'> |
| <video id="device-screen" autoplay ></video> |
| </div> |
| </div> |
| </section> |
| <div id='device-details-modal'> |
| <div id='device-details-modal-header'> |
| <h2>Device Details</h2> |
| <button id='device-details-close' title='Close' class='material-icons'>close</button> |
| </div> |
| <hr> |
| <h3>Hardware Configuration</h3> |
| <span id='device-details-hardware'>unknown</span> |
| </div> |
| |
| <script src="js/adb.js"></script> |
| <script src="js/cf_webrtc.js" type="module"></script> |
| <script src="js/controls.js"></script> |
| <script src="js/app.js"></script> |
| </body> |
| </html> |
