{"id":2408,"date":"2012-05-24T23:26:19","date_gmt":"2012-05-24T15:26:19","guid":{"rendered":"http:\/\/www.zhangxinxu.com\/wordpress\/?p=2408"},"modified":"2018-01-02T01:30:00","modified_gmt":"2018-01-01T17:30:00","slug":"html5-speech-x-webkit-grammar","status":"publish","type":"post","link":"https:\/\/www.zhangxinxu.com\/wordpress\/2012\/05\/html5-speech-x-webkit-grammar\/","title":{"rendered":"\u6e10\u8fdb\u4f7f\u7528HTML5\u8bed\u8a00\u8bc6\u522b, so easy!"},"content":{"rendered":"

by zhangxinxu<\/a> from http:\/\/www.zhangxinxu.com<\/a>
\n\u672c\u6587\u5730\u5740\uff1ahttp:\/\/www.zhangxinxu.com\/wordpress\/?p=2408<\/a><\/p>\n

\u4e00\u3001\u672c\u4e0d\u60f3\u5199\u6b64\u6587<\/h3>\n

HTML5\u8bed\u97f3\u8bc6\u522b\uff08\u73b0\u5728\u4e00\u822c\u7528\u5728\u641c\u7d22\u4e0a\uff09\uff0c\u76ee\u524d\u76f8\u5173\u4ecb\u7ecd\u8fd8\u662f\u633a\u591a\u7684\u3002\u4e3a\u4f55\u5462\uff1f\u56e0\u4e3a\u5f88\u7b80\u5355\uff01<\/p>\n

\u4e0b\u9762\u662f\u4e2a\u666e\u901a\u6587\u672c\u6846\uff1a<\/p>\n

\n
<input \/><\/pre>\n<\/div>\n
\u800c\u7a0d\u7a0d\u591a\u6572\u51e0\u4e2a\u5b57\u6bcd\uff0c\u5176\u5c31\u53d8\u6210\u4e86\u652f\u6301HTML5\u8bed\u97f3API\u7684\u8bed\u97f3\u8bc6\u522b\u6587\u672c\u6846\u4e86\u3002<\/p>\n
\n
<input x-webkit-speech<\/span> \/><\/pre>\n<\/div>\n
\u6211\u4e0d\u559c\u6b22\u56bc\u4eba\u5bb6\u7684\u70c2\u6839\u5b50\uff0c\u4f46\u662f\uff0c\u5c31\u7b97\u95f9\u5f97\u518d\u8f70\u8f70\u70c8\u70c8\uff0c\u90a3\u4e9b\u79cd\u7530\u7684\u519c\u6c11\u4f2f\u4f2f\u4e5f\u4e0d\u77e5\u9053\u201c\u534a13 <\/span>\u8fde\u4f53\u88e4\u201d\u4e3a\u4f55\u7269\u3002\u56e0\u6b64\uff0c\u4e00\u60f3\u5230\u5982\u6b64\u7b80\u5355\u5b9e\u7528\u7684\u88c5\u903c\u529f\u80fd\u8fd8\u6709\u4e0d\u5c11\u4eba\u5e76\u4e0d\u719f\u77e5\uff0c\u6211\u8fd9\u5fc3\u91cc\u554a\uff0c\u5c31\u89c9\u5f97\u4e0d\u8e0f\u5b9e\u3002<\/p>\n
\u4f60\u60f3\u60f3\u770b\u54ea\uff1f\u4e00\u8bf4\u8bed\u97f3\u8bc6\u522b\uff0c\u54c7\u9760\uff0c\u5916\u884c\u4eba(\u6bd4\u65b9\u8bf4\u4f60\u53d7\u5c3d\u8138\u8272\u7684\u4ea7\u54c1\u7ecf\u7406\u6216\u662f\u8001\u677f\u4e4b\u7c7b)\u4e00\u542c\uff0c\u7acb\u9a6c\u89c9\u5f97\u8fd9\u73a9\u610f\u725b\u903c\u54c4\u54c4\u3002\u4f46\u662f\uff0c\u4f60\u5374\u641e\u51fa\u6765\u4e86\uff0cOK\uff0c\u8fd9\u4e0b\u53ef\u4ee5\u5c3d\u60c5\u88c5\u903c\u4e86\uff1a\u8001\u677f\u90a3\uff0c\u6628\u513f\u4e2a\u6211\u653e\u5f03\u548c\u5973\u53cb\u5575\u5575\u7684\u597d\u673a\u4f1a\uff0c\u57cb\u5934\u82e6\u5e72\uff0c\u52a0\u73ed\u52a0\u70b9\u653b\u514b\u8bed\u97f3\u8bc6\u522b\u8fd9\u4e2a\u53f2\u65e0\u524d\u4f8b\u7684\u6280\u672f\u96be\u5173\uff0c\u7687\u5929\u4e0d\u8d1f\u6709\u5fc3\u4eba\uff0c\u7ec8\u4e8e\u8ba9\u6211\u62ff\u4e0b\u5566\uff01\uff01<\/p>\n
\u5fc5\u7136\u7684\uff0c\u4ec0\u4e48\u522e\u76ee\u76f8\u770b\uff0c\u6ed4\u6ed4\u6c5f\u6c34\u656c\u4ef0\u4e4b\u60c5\u90fd\u6765\u4e86\u3002\u56e0\u6b64\uff0cHTML5\u8bed\u8a00\u8bc6\u522b\u5c31\u662f\u6bcf\u4e2a\u524d\u7aef\u4eba\u5458\u90fd\u5fc5\u5907\u7684\u88c5B\u795e\u5668\u3002<\/p>\n
\"\u88c5B\u6a21\u5f0f\u542f\u52a8\"<\/p>\n
\u81ea\u4ece\u6709\u4e86HTML5\u8bed\u97f3\u8bc6\u522b\uff0c\u8001\u677f\u518d\u4e5f\u4e0d\u7528\u62c5\u5fc3\u7f51\u7ad9\u4e0d\u9ad8\u7ea7\u4e86\uff0cso  easy!<\/p>\n
\"HTML5<\/p>\n
\u4e8c\u3001\u5e90\u5c71\u5c0f\u9762\u76ee<\/h3>\n
\u7eb8\u4e0a\u5f97\u6765\u7ec8\u89c9\u6d45\uff0c\u7edd\u77e5\u6b64\u4e8b\u8981\u8eac\u884c\u3002\u56e0\u6b64\uff0c\u6709\u5fc5\u8981\u5927\u5bb6\u90fd\u6765\u8bd5\u8bd5\u8fd9\u88c5B\u795e\u5668\u3002\u5982\u679c\u60a8\u624b\u5934\u4e0a\u6709\u6d3b\u6b63\u5728\u4f7f\u7528\u7684\u662fChrome 11+\u6d4f\u89c8\u5668\uff0c\u60a8\u53ef\u4ee5\u72e0\u72e0\u5730\u70b9\u51fb\u8fd9\u91cc\uff1aHTML5\u8bed\u97f3\u8bc6\u522b\u529f\u80fddemo<\/a><\/p>\n
\u770b\u5230\u6ca1\uff0c\u6587\u672c\u6846\u540e\u9762\u6709\u4e2a\u9ea6\u514b\u98ce\u6a21\u6837\u7684\u4e1c\u897f\uff0c\u6211\u4eec\u6ee1\u6000\u5d07\u656c\u4e4b\u60c5\u70b9\u51fb\u4e4b\uff0c\u7a81\u7136\u773c\u524d\u4eae\u5149\u4e00\u95ea\uff0c(\/\/zxx:\u4e0d\u662f\u4eae\u778e\u4e86\u91d1\u949b\u72d7\u773c<\/span>)\uff0c\u795e\u5668\u51fa\u73b0\u4e86\uff1a
\n\"\u795e\u5668\u964d\u4e34<\/p>\n
\u6b64\u65f6\uff0c\u5bf9\u7740\u97f3\u9891\u8f93\u5165\u8bbe\u5907\uff08\u5982\u8033\u9ea6\uff09\u53d1\u51fa\u4f60\u90a3\u6216\u5996\u5a06\uff0c\u6216\u9187\u539a\uff0c\u6216\u78c1\u6027\u7684\u55d3\u97f3\uff0c\u554a~~
\n<\/p>\n
\u4e8e\u662f\uff0c\u795e\u5668\u663e\u5a01\uff0c\u6a2f\u6a79\u5439\u7070\uff1a
\n\"\u6a21\u4eff\u5927S\u8bf4\u8bdd\"
\n\"\u8bed\u8a00\u8bc6\u522b\u7ed3\u679c\"<\/p>\n
\u5982\u679c\u7f51\u901f\u4e0d\u884c\uff0c\u6216\u662fgoogle\u88ab\u5899\u4e86\uff0c\u6216\u662f\u4f60\u957f\u65f6\u95f4\u4e0d\u8bf4\u8bdd\uff0c\u6216\u662f\u8bf4\u5f97\u662f\u9e1f\u8bed\uff0c\u795e\u5668\u53ef\u80fd\u5c31\u4f1a\u4e0d\u9ad8\u5174\uff0c\u7136\u540e\u8fd9\u6837\uff1a
\n\"\u957f\u65f6\u95f4\u4e0d\u8bf4\u8bdd\uff0c\u795e\u5668\u4e0d\u5f00\u5fc3\"
\n\u6216\u8005\u662f\u8fd9\u6837\uff1a
\n\"\u8bf4\u9e1f\u8bed<\/p>\n
\u5f53\u7136\uff0c\u8fd9\u91cc\u7684\u8bed\u8a00\u8bc6\u522b\u8fd8\u6709\u5176\u4ed6\u53c2\u6570\u6216\u662f\u65b9\u6cd5<\/strong>\u3002
\n\u6bd4\u65b9\u8bf4\u8868\u793a\u8bed\u8a00\u7684\uff1a<\/p>\n
\n
<input x-webkit-speech lang=\"zh-CN\"<\/span> \/><\/pre>\n<\/div>\n
\u4ee5\u53ca\u8868\u793a\u8bed\u6cd5\u7684\uff08\u636e\u8bf4bUIltin:search<\/code>\u53ef\u4ee5\u8fc7\u6ee4\u52a9\u8bcd\uff0c\u4e0d\u8fc7\u6211\u6ca1\u6d4b\u8bd5\u8fc7\uff09\uff1a<\/p>\n
\n
<input x-webkit-speech x-webkit-grammar=\"bUIltin:search\"<\/span> \/><\/pre>\n<\/div>\n
\u8fd8\u6709\u4e00\u4e2aonwebkitspeechchange<\/code>\u7684\u65b9\u6cd5\uff0c\u53d1\u751f\u5728\u8bed\u8a00\u8bc6\u522b\u6210\u529f\uff0c\u4e14\u6587\u5b57\u8f93\u5165\u5230\u6587\u672c\u6846\u540e\u89e6\u53d1\u3002<\/p>\n
\n
input.onwebkitspeechchange = function() {\n    \/\/ ...<\/span>\n};<\/pre>\n<\/div>\n
\u4e09\u3001\u795e\u5668\u7684\u4e0d\u8db3<\/h3>\n
\u4eba\u65e0\u5b8c\u4eba\uff0c\u91d1\u65e0\u8db3\u8d64\u3002\u867d\u8bf4HTML5\u8bed\u8a00\u662f\u88ab\u662f\u524d\u7aef\u5f00\u53d1\u4eba\u5458\u88c5B\u795e\u5668\uff0c\u4f46\u662f\uff0c\u5e76\u4e0d\u662f\u6bcf\u6b21\u90fd\u88c5\u5f97\u5f88perfect\u7684\u3002\u4ec0\u4e48\u65f6\u5019\u4f1a\u6389\u6c34\u6c9f\u5462\uff1f\u6211\u76ee\u524d\u77e5\u9053\u7684\u6709\u4e24\u79cd\u60c5\u51b5\uff1a
\n1. iframe\u4e2d\u5b9a\u4f4d\u95ee\u9898<\/strong>
\n\u5982\u679c\u8bed\u97f3\u8bc6\u522b\u6846\u5728iframe\u4e2d\uff0c\u5219\uff0c\u795e\u5668\u5b9a\u4f4d\u4f3c\u4e4e\u51fa\u73b0\u4e86\u504f\u5dee\u2014\u2014\u76f8\u5bf9\u4e8e\u7236\u7ea7\u4e0a\u4e0b\u6587\u5bb9\u5668\u5b9a\u4f4d\u4e86\u3002\/\/zxx:\u56e0\u4e3aHTML5\u4e0d\u9e1fiframe\u4e86\uff1f<\/span><\/p>\n
\u60a8\u53ef\u4ee5\u72e0\u72e0\u5730\u70b9\u51fb\u8fd9\u91cc\uff1aiframe\u4e2d\u8bed\u97f3\u8bc6\u522b\u6846\u5b9a\u4f4d\u4e0d\u51c6demo<\/a><\/p>\n
\"iframe\u4e0b\u8bed\u97f3\u6846\u5f88\u9519\u4f4ddemo\"<\/p>\n
2. \u8bed\u8a00\u5185\u5bb9\u7d2f\u52a0\u7684\u95ee\u9898<\/strong>
\n\u5728\u6b63\u5e38\u60c5\u51b5\u4e0b\uff0c\u70b9\u51fb\u8bed\u97f3\u90a3\u4e2a\u5c0f\u56fe\u6807\uff0c\u8f93\u5165\u6846\u4e2d\u7684\u6587\u5b57\u8fd8\u662f\u5904\u4e8e\u9009\u4e2d\u72b6\u6001\u7684\uff0c\u4e8e\u662f\uff0c\u65b0\u7684\u8bed\u8a00\u4fe1\u606f\u4f1a\u8986\u76d6\u4e4b\u524d\u7684\u6587\u5b57\u3002\u4f46\u662f\uff0c\u5982\u679c\u8fd9\u79cd\u9009\u4e2d\u72b6\u6001\u4e22\u5931\uff0c\u5c31\u662f\u51fa\u73b0\u8bed\u97f3\u8bc6\u522b\u5185\u5bb9\u4e0d\u65ad\u7d2f\u52a0\u7684bug.<\/p>\n
\u60a8\u53ef\u4ee5\u72e0\u72e0\u5730\u70b9\u51fb\u8fd9\u91cc\uff1a\u8bed\u97f3\u8bc6\u522b\u7d2f\u52a0bug\u5b9e\u4f8b<\/a><\/p>\n
\u4f8b\u5982\uff0c\u6211\u4eec\u7b2c\u4e00\u6b21\u8bf4\uff0c”yu yin sou suo”\uff0c\u51fa\u73b0\u7684\u662f\uff1a
\n\"\u7b2c\u4e00\u6b21\u8bed\u97f3\u641c\u7d22\u53ef\u4ee5\u8bc6\u522b<\/p>\n
\u4f46\u662f\uff0c\u8981\u662f\u4f60\u7ee7\u7eed\u8bf4\uff0c”yu yin shi bie”\uff0c\u5219\u51fa\u73b0\u7684\u4e0d\u662f\u201c\u8bed\u97f3\u8bc6\u522b\u201d\uff0c\u800c\u662f\u201c\u8bed\u97f3\u641c\u7d22\u8bed\u97f3\u8bc6\u522b\u201d\uff0c\u4e24\u8005\u7d2f\u52a0\u4e86\uff0c\u800c\u4e0d\u662f\u8986\u76d6\u3002\u8fd9\u79cd\u60c5\u51b5\u518d\u672c\u6587\u7b2c\u4e00\u4e2ademo\u4e2d\u662f\u4e0d\u4f1a\u51fa\u73b0\u7684\u3002
\n\"\u8bed\u97f3\u641c\u7d22\u5185\u5bb9\u7d2f\u52a0bug\u5c55\u793a\"<\/p>\n
\u4e3a\u4f55\uff0c\u8fd9\u4e2ademo\u505a\u4e86\u4e2a\u5f88\u5c0f\u7684\u4e8b\u60c5\uff0c\u5c31\u662f\u5728\u6587\u672c\u6846\uff08\u641c\u7d22\u6846\uff09\u5931\u53bb\u7126\u70b9\u7684\u65f6\u5019\uff0c\u503c\u91cd\u65b0\u8d4b\u4e86\u4e0b\u3002\u2014\u2014\u56e0\u4e3a\u6587\u672c\u6846\u91cd\u65b0\u8d4b\u503c\u4f1a\u53bb\u6389\u6587\u5b57\u9009\u4e2d\u72b6\u6001\uff0c\u7136\u540e\u2026\u2026<\/p>\n
\u8fd8\u662f\u4e0d\u660e\u767d\uff1f\u9759\u4e0b\u5fc3\uff0c\u591a\u82b1\u51e0\u5206\u949f\u60f3\u60f3\uff0c\u4f1a\u660e\u767d\u7684\u3002<\/p>\n
\u56db\u3001\u8981\u4e0d\uff0c\u5728\u8bf4\u70b9\u4ec0\u4e48<\/h3>\n
\u6587\u7ae0\u6807\u9898\u6709\u4e24\u4e2a\u5b57\uff0c\u201c\u6e10\u8fdb\u201d\uff0c\u5e94\u8be5\u90fd\u61c2\u4ec0\u4e48\u610f\u601d\u3002\u522b\u8ddf\u6211\u6574\u4ec0\u4e48\u201cIE6\u4e0d\u652f\u6301\u201d\u6709\u7684\u6ca1\u7684\u7684\uff0c\u4e0d\u652f\u6301\u5c31\u4e0d\u652f\u6301\uff0c\u53c8\u4e0d\u662f\u6ca1\u6709\u57fa\u672c\u751f\u6d3b\u4fdd\u969c\u3002\u76ee\u524d\uff0c\u5c31Chrome 11+\u6d4f\u89c8\u5668\u4e0a\u6709\u8be5\u529f\u80fd\u3002<\/p>\n
\u8003\u8651\u5230\u4f4e\u7ea7\u53d8\u9ad8\u7ea7\u7684\u6210\u672c\u5b9e\u5728\u662f\u4f4e\uff0c\u800c\u4e14\u57fa\u672c\u4e0a\u5bf9\u4e4b\u524d\u7684\u57fa\u672c\u529f\u80fd\u6ca1\u6709\u4efb\u4f55\u5f71\u54cd\u3002\u56e0\u6b64\uff0c\u6211\u89c9\u5f97\u6240\u6709\u7f51\u7ad9\u6240\u6709\u7684\u7c7b\u4f3c\u641c\u7d22\u7684\u8f93\u5165\u6846\u90fd\u8ba9\u4ed6\u652f\u6301HTML5\u8bed\u8a00\u8bc6\u522b\u5427\uff01\u60f3\u60f3\u8fd9\u662f\u4f60\u88c5\u903c\u7ffb\u8eab\u7684\u597d\u673a\u4f1a\uff0c\u5c31\u679c\u65ad\u53bb\u505a\u4e86\u5427\uff01\uff01<\/p>\n
\u672c\u6587\u4e3a\u539f\u521b\u6587\u7ae0\uff0c\u8f6c\u8f7d\u8bf7\u6ce8\u660e\u6765\u81ea\u5f20\u946b\u65ed-\u946b\u7a7a\u95f4-\u946b\u751f\u6d3b<\/a>[http:\/\/www.zhangxinxu.com<\/a>]
\n\u672c\u6587\u5730\u5740\uff1ahttp:\/\/www.zhangxinxu.com\/wordpress\/?p=2408<\/a><\/p>\n
\uff08\u672c\u7bc7\u5b8c\uff09<\/p>\n","protected":false},"excerpt":{"rendered":"
\u672c\u6587\u4ecb\u7ecd\u5982\u4f55\u5728\u60a8\u7684\u6d4f\u89c8\u5668\u4e0a\u6e10\u8fdb\u4f7f\u7528HTML5\u8bed\u97f3\u8bc6\u522b\u529f\u80fd\uff0c\u4ee5\u53ca\u8be5\u529f\u80fd\u6f5c\u5728\u7684\u4e00\u4e9b\u95ee\u9898\u3002\u4e30\u5bcc\u5fc5\u8981\u7684demo\uff0c\u751f\u52a8\u6709\u8da3\u7684\u622a\u56fe\uff0c\u5e7d\u9ed8\u8bd9\u8c10\u7684\u6587\u5b57\uff0c\u76f8\u4fe1\u672c\u6587\u7684\u5185\u5bb9\u5bf9\u60a8\u7684\u5b66\u4e60\u6709\u6240\u5e2e\u52a9\u7684\u3002<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1097],"tags":[215,136,52,720,721],"_links":{"self":[{"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/posts\/2408"}],"collection":[{"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/comments?post=2408"}],"version-history":[{"count":0,"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/posts\/2408\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/media?parent=2408"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/categories?post=2408"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhangxinxu.com\/wordpress\/wp-json\/wp\/v2\/tags?post=2408"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}