{"id":6417,"date":"2021-12-16T20:08:32","date_gmt":"2021-12-16T11:08:32","guid":{"rendered":"https:\/\/www.sria.co.jp\/blog\/?p=6417"},"modified":"2021-12-16T20:36:49","modified_gmt":"2021-12-16T11:36:49","slug":"speechrecognition","status":"publish","type":"post","link":"https:\/\/www.sria.co.jp\/blog\/2021\/12\/speechrecognition\/","title":{"rendered":"SpeechRecognition"},"content":{"rendered":"<p>\u3069\u3082\u3001\u30ab\u30ed\u30fc\u30b8\u3067\u3059\u3002<\/p>\n<p>\u6570\u5e74\u524d\u306b\u6d41\u884c\u3063\u3066\u305f\uff1f\uff08\u3068\u8a8d\u8b58\u3057\u3066\u3044\u308b\uff09\u300cSpeechRecognition\u300d\u304c<\/p>\n<p>\u7d50\u69cb\u304a\u3082\u3057\u308d\u304b\u3063\u305f\u306e\u3067\u3001\u4ee5\u4e0b\u306b\u30b3\u30fc\u30c9\u3068\u624b\u9806\u3092\u5171\u6709\u3055\u305b\u3066\u9802\u304d\u307e\u3059\u3002<\/p>\n<p>&nbsp;<\/p>\n<p>\u3007\u51fa\u6765\u308b\u3053\u3068<\/p>\n<p>\u6570\u884cJavaScript\u3092\u66f8\u304f\u3053\u3068\u3067\u97f3\u58f0\u8a8d\u8b58\u3092\u3057\u3066\u6587\u5b57\u8d77\u3053\u3057\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n<p>\u3007\u74b0\u5883<\/p>\n<p>Windows 11<\/p>\n<p>\u3007\u5fc5\u8981\u306a\u3082\u306e<\/p>\n<p>Chrome + \u30c6\u30ad\u30b9\u30c8\u30a8\u30c7\u30a3\u30bf<\/p>\n<p>\u3007\u624b\u9806<\/p>\n<p>\u30fb\u753b\u9762\u306e\u4e0b\u306e\u65b9\u306b\u3042\u308b\u30b3\u30fc\u30c9\u3092\u30c6\u30ad\u30b9\u30c8\u30a8\u30c7\u30a3\u30bf\u306b\u5f35\u308a\u4ed8\u3051\u3001\u4efb\u610f\u306e\u540d\u524d\u3067\u62e1\u5f35\u5b50HTML\u3067\u4fdd\u5b58\u3057\u3066\u4e0b\u3055\u3044\u3002<\/p>\n<p>\u30fbWindows\u306e\u5834\u5408\u3001\u4f5c\u6210\u3057\u305fHTML\u30d5\u30a1\u30a4\u30eb\u3092\u30c0\u30d6\u30eb\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u62e1\u5f35\u5b50\u306b\u7d10\u4ed8\u3044\u305f\u30d6\u30e9\u30a6\u30b6\u304c\u958b\u304d\u307e\u3059\u3002\uff08\u79c1\u306e\u5834\u5408\u306f\u3001Chrome\u304c\u958b\u304d\u307e\u3059\uff09<\/p>\n<p>\u30fb\u8868\u793a\u3055\u308c\u305f\u753b\u9762\u306b\u3042\u308b\u300c\u97f3\u58f0\u8a8d\u8b58\u958b\u59cb\u300d\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002<\/p>\n<p><a href=\"https:\/\/www.sria.co.jp\/blog\/wp-content\/uploads\/2021\/12\/sound.png\">\u3000\u3000\u3000\u3000<img loading=\"lazy\" src=\"https:\/\/www.sria.co.jp\/blog\/wp-content\/uploads\/2021\/12\/sound.png\" alt=\"\" width=\"342\" height=\"207\" class=\"alignnone size-full wp-image-6418\" srcset=\"https:\/\/www.sria.co.jp\/blog\/wp-content\/uploads\/2021\/12\/sound.png 342w, https:\/\/www.sria.co.jp\/blog\/wp-content\/uploads\/2021\/12\/sound-300x182.png 300w\" sizes=\"(max-width: 342px) 100vw, 342px\" \/><\/a><\/p>\n<p>\u30fb\u30de\u30a4\u30af\u306e\u4f7f\u7528\u306e\u8a31\u53ef\u3092\u6c42\u3081\u3089\u308c\u308b\u306e\u3067\u300c\u8a31\u53ef\u300d\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002<\/p>\n<p><a href=\"https:\/\/www.sria.co.jp\/blog\/wp-content\/uploads\/2021\/12\/conf.png\"><img loading=\"lazy\" src=\"https:\/\/www.sria.co.jp\/blog\/wp-content\/uploads\/2021\/12\/conf.png\" alt=\"\" width=\"324\" height=\"127\" class=\"alignnone size-full wp-image-6419\" srcset=\"https:\/\/www.sria.co.jp\/blog\/wp-content\/uploads\/2021\/12\/conf.png 324w, https:\/\/www.sria.co.jp\/blog\/wp-content\/uploads\/2021\/12\/conf-300x118.png 300w\" sizes=\"(max-width: 324px) 100vw, 324px\" \/><\/a><\/p>\n<p>\u30fb\u4f55\u304b\u558b\u308b\u3068\u3001\u97f3\u58f0\u8a8d\u8b58\u3092\u3057\u3066\u8a8d\u8b58\u3057\u305f\u6587\u5b57\u3092\u753b\u9762\u306b\u8868\u793a\u3057\u307e\u3059\u3002<\/p>\n<p><a href=\"https:\/\/www.sria.co.jp\/blog\/wp-content\/uploads\/2021\/12\/sample.png\"><img loading=\"lazy\" src=\"https:\/\/www.sria.co.jp\/blog\/wp-content\/uploads\/2021\/12\/sample.png\" alt=\"\" width=\"462\" height=\"202\" class=\"alignnone size-full wp-image-6420\" srcset=\"https:\/\/www.sria.co.jp\/blog\/wp-content\/uploads\/2021\/12\/sample.png 462w, https:\/\/www.sria.co.jp\/blog\/wp-content\/uploads\/2021\/12\/sample-300x131.png 300w\" sizes=\"(max-width: 462px) 100vw, 462px\" \/><\/a><\/p>\n<p>\u3007\u30b5\u30f3\u30d7\u30eb<br \/>\n\u3053\u306e\u30da\u30fc\u30b8\u306b\u3082\u7d44\u307f\u8fbc\u3093\u3067\u307f\u305f\u306e\u3067\u3001\u8a66\u3057\u306b\u300c\u97f3\u58f0\u8a8d\u8b58\u958b\u59cb\u300d\u30dc\u30bf\u30f3\u3092\u62bc\u3057\u3066\u4f55\u304b\u558b\u3063\u3066\u307f\u3066\u4e0b\u3055\u3044\u3002<\/p>\n<p><script>window.SpeechRecognition = window.SpeechRecognition || webkitSpeechRecognition; \nvar recognition = new webkitSpeechRecognition(); recognition.lang = 'ja'; \nrecognition.interimResults = true; \nrecognition.continuous = true; \nrecognition.onsoundstart = () => { document.getElementById('status').innerHTML = \"[\u8a8d\u8b58\u4e2d]\"; }; \nrecognition.onsoundend = () => { document.getElementById('status').innerHTML = \"[\u505c\u6b62]\"; }; \nrecognition.onresult = (event) => { \nvar results = event.results; for (var i = event.resultIndex; i < results.length; i++) { \ndocument.getElementById('result').innerHTML = results[i][0].transcript; \n} \n} \n<\/script><br \/>\n<strong><\/p>\n<div id=\"result\"><\/div>\n<p>&nbsp;<\/p>\n<div id=\"status\"><\/div>\n<p><\/strong><br \/>\n<input type=\"button\" onclick=\"recognition.start();\" value=\"\u97f3\u58f0\u8a8d\u8b58\u958b\u59cb\" \/>\u00a0<input type=\"button\" onclick=\"recognition.stop();\" value=\"\u97f3\u58f0\u8a8d\u8b58\u7d42\u4e86\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>\u3007\u30b3\u30fc\u30c9<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code><!DOCTYPE html>\n<html>\n<head>\n<meta charset=\"UTF-8\">\n<title>SpeechRecognition<\/title>\n<script>\nwindow.SpeechRecognition = window.SpeechRecognition || webkitSpeechRecognition;\nvar recognition = new webkitSpeechRecognition();\nrecognition.lang = 'ja';\nrecognition.interimResults = true;\nrecognition.continuous = true;\n\nrecognition.onsoundstart = function(){\ndocument.getElementById('status').innerHTML = \"[\u8a8d\u8b58\u4e2d]\";\n};\n\nrecognition.onsoundend = function(){\ndocument.getElementById('status').innerHTML = \"[\u505c\u6b62]\";\n};\n\nrecognition.onresult = function(event){\nvar results = event.results;\nfor (var i = event.resultIndex; i < results.length; i++){\ndocument.getElementById('result').innerHTML = results[i][0].transcript;\n}}\n<\/script>\n<\/head>\n<body>\n<div id=\"result\"><\/div>\n<div id=\"status\"><\/div>\n<br \/>\n<button onClick=\"recognition.start();\">\u97f3\u58f0\u8a8d\u8b58\u958b\u59cb<\/button>\u00a0\n<button onClick=\"recognition.stop();\">\u97f3\u58f0\u8a8d\u8b58\u7d42\u4e86<\/button>\n<\/body>\n<\/html><\/code><\/pre>\n<\/div>\n<p>\u4ee5\u524d\u3001\u4f55\u304b\u306e\u52c9\u5f37\u4f1a\u3067\u3001\u3061\u3087\u307e\u3069\u3055\u3093\u81ea\u8eab\u304c\u3001\u6d3b\u820c\u304c\u60aa\u304f\u300c\u3055\u300d\u884c\u304c\u82e6\u624b\u3067\u3001<br \/>\n\u30b9\u30de\u30fc\u30c8\u30b9\u30d4\u30fc\u30ab\u30fc\u3067\u6d3b\u820c\u30c1\u30a7\u30c3\u30af\u304c\u51fa\u6765\u308b\u30b9\u30ad\u30eb\u3092\u4f5c\u6210\u3055\u308c\u305f\u3002\u3068\u4ef0\u3063\u3066\u3044\u305f\u3053\u3068\u3092\u601d\u3044\u51fa\u3057\u307e\u3057\u305f\u3002<br \/>\uff08\u3053\u306e\u6a5f\u80fd\u3067\u3082\u3001\u30c1\u30a7\u30c3\u30af\u304c\u51fa\u6765\u305d\u3046\u3067\u3059\u3063\uff01\uff09<br \/>\u307e\u305f\u3001\u4f55\u304b\u9762\u767d\u3044\u30e2\u30ce\u307f\u304b\u3051\u305f\u3089\u5171\u6709\u3055\u305b\u3066\u9802\u304d\u307e\u3059\u3002 \u3067\u308f<\/p>\n<p><\/script><br \/>\n<\/code>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u3069\u3082\u3001\u30ab\u30ed\u30fc\u30b8\u3067\u3059\u3002 \u6570\u5e74\u524d\u306b\u6d41\u884c\u3063\u3066\u305f\uff1f\uff08\u3068\u8a8d\u8b58\u3057\u3066\u3044\u308b\uff09\u300cSpeechRecognition\u300d\u304c \u7d50\u69cb\u304a\u3082\u3057\u308d\u304b\u3063\u305f\u306e\u3067\u3001\u4ee5\u4e0b\u306b\u30b3\u30fc\u30c9\u3068\u624b\u9806\u3092\u5171\u6709\u3055\u305b\u3066\u9802\u304d\u307e\u3059\u3002 &nbsp; \u3007\u51fa\u6765\u308b\u3053\u3068 \u6570\u884cJavaScript&#8230;<\/p>\n","protected":false},"author":5,"featured_media":231,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[18,9,23],"tags":[264,265],"_links":{"self":[{"href":"https:\/\/www.sria.co.jp\/blog\/wp-json\/wp\/v2\/posts\/6417"}],"collection":[{"href":"https:\/\/www.sria.co.jp\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sria.co.jp\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sria.co.jp\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sria.co.jp\/blog\/wp-json\/wp\/v2\/comments?post=6417"}],"version-history":[{"count":27,"href":"https:\/\/www.sria.co.jp\/blog\/wp-json\/wp\/v2\/posts\/6417\/revisions"}],"predecessor-version":[{"id":6447,"href":"https:\/\/www.sria.co.jp\/blog\/wp-json\/wp\/v2\/posts\/6417\/revisions\/6447"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sria.co.jp\/blog\/wp-json\/wp\/v2\/media\/231"}],"wp:attachment":[{"href":"https:\/\/www.sria.co.jp\/blog\/wp-json\/wp\/v2\/media?parent=6417"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sria.co.jp\/blog\/wp-json\/wp\/v2\/categories?post=6417"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sria.co.jp\/blog\/wp-json\/wp\/v2\/tags?post=6417"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}