OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <!-- | 2 <!-- |
3 * Copyright (c) 2013 The Chromium Authors. All rights reserved. Use of this | 3 * Copyright (c) 2013 The Chromium Authors. All rights reserved. Use of this |
4 * source code is governed by a BSD-style license that can be found in the | 4 * source code is governed by a BSD-style license that can be found in the |
5 * LICENSE file. | 5 * LICENSE file. |
6 --> | 6 --> |
7 <html> | 7 <html> |
8 <head> | 8 <head> |
9 <title>Waiting</title> | 9 <title>Waiting</title> |
10 </head> | 10 </head> |
11 <body style="padding: 0; margin: 0;"> | 11 <body style="padding: 0; margin: 0;"> |
12 <div style="position: relative; overflow: hidden; height: 10px;"> | 12 <div style="position: relative; overflow: hidden; height: 10px;"> |
13 <div style="position: absolute: left: -5px; top: -5px;"> | 13 <div style="position: absolute: left: -5px; top: -5px;"> |
14 <input id='speechInput' x-webkit-speech style="width: 10px;"> | 14 <input id='speechInput' x-webkit-speech style="width: 10px;"> |
15 </div> | 15 </div> |
16 </div> | 16 </div> |
| 17 <style> |
| 18 input::-webkit-input-speech-button { |
| 19 opacity: 1; |
| 20 pointer-events: auto; |
| 21 } |
| 22 </style> |
17 <script> | 23 <script> |
18 var speechInputElement = document.getElementById('speechInput'); | 24 var speechInputElement = document.getElementById('speechInput'); |
19 var onSpeechInputChanged = function() { | 25 var onSpeechInputChanged = function() { |
20 if (speechInputElement.value == 'Pictures of the moon') { | 26 if (speechInputElement.value == 'Pictures of the moon') { |
21 document.title = 'PASSED'; | 27 document.title = 'PASSED'; |
22 } else { | 28 } else { |
23 document.title = 'FAILED'; | 29 document.title = 'FAILED'; |
24 } | 30 } |
25 }; | 31 }; |
26 speechInputElement.onwebkitspeechchange = onSpeechInputChanged; | 32 speechInputElement.onwebkitspeechchange = onSpeechInputChanged; |
27 speechInputElement.onchange = onSpeechInputChanged; | 33 speechInputElement.onchange = onSpeechInputChanged; |
28 </script> | 34 </script> |
29 </body> | 35 </body> |
30 </html> | 36 </html> |
OLD | NEW |