speech.html 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8"/>
  5. <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
  6. <meta name="HandheldFriendly" content="true"/>
  7. <meta name="MobileOptimized" content="320"/>
  8. <title>Hello H5+</title>
  9. <script type="text/javascript" src="../js/common.js"></script>
  10. <script type="text/javascript">
  11. var text=null;
  12. function startRecognize() {
  13. var options = {
  14. engine: 'baidu'
  15. };
  16. text.value = '';
  17. outSet('开始语音识别:');
  18. plus.speech.startRecognize(options, function(s){
  19. outLine(s);
  20. text.value += s;
  21. }, function(e){
  22. outSet('语音识别失败:'+JSON.stringify(e));
  23. } );
  24. }
  25. function startRecognizeEnglish(){
  26. var options = {};
  27. options.engine = 'iFly';
  28. options.lang = 'en-us';
  29. text.value = '';
  30. outSet('开始语音识别:');
  31. plus.speech.startRecognize(options, function(s){
  32. outLine(s);
  33. text.value += s;
  34. }, function(e){
  35. outSet('语音识别失败:'+JSON.stringify(e));
  36. } );
  37. }
  38. </script>
  39. <link rel="stylesheet" href="../css/common.css" type="text/css" charset="utf-8"/>
  40. <style type="text/css">
  41. .out {
  42. margin: 9px;
  43. height: 30%;
  44. width: 90%;
  45. }
  46. </style>
  47. </head>
  48. <body onload="text=document.getElementById('text');">
  49. <br/>
  50. <div class="button" onclick="startRecognize()">开始语音识别</div>
  51. <div class="button" onclick="startRecognizeEnglish()">开始语音识别(英语)</div>
  52. <br/>
  53. <textarea readonly="readonly" id="text" style="margin:2%;padding:2%;height:60px;width:90%;border:1px solid #6C6C6C;-webkit-border-radius: 2px;border-radius: 2px;-webkit-appearance:none;">
  54. 语音输入内容
  55. </textarea>
  56. <br/>
  57. <br/>
  58. <div class="button" onclick="clicked('speech_custom.html')">自定义语音识别</div>
  59. <br/>
  60. <div id="outpos"/>
  61. <div id="output">
  62. Speech提供语音识别功能,可通过麦克风设备进行语音输入操作。
  63. </div>
  64. </body>
  65. </html>