--- title: SpeechSynthesisUtterance.lang slug: Web/API/SpeechSynthesisUtterance/lang translation_of: Web/API/SpeechSynthesisUtterance/lang --- <div>{{APIRef("Web Speech API")}} {{SeeCompatTable}}<br> {{domxref("SpeechSynthesisUtterance")}}インターフェースの<strong>lang</strong>プロパティは、発話の言語を取得、設定します。</div> <div> </div> <p> </p> <p>If unset, the app's (i.e. the {{htmlelement("html")}} {{htmlattrxref("lang", "html")}} value) lang will be used, or the user-agent default if that is unset too.</p> <h2 id="Syntax">Syntax</h2> <pre class="syntaxbox">var myLang = speechSynthesisUtteranceInstance.lang; speechSynthesisUtteranceInstance.lang = 'en-US'; </pre> <h3 id="Value">Value</h3> <p>A {{domxref("DOMString")}} representing a BCP 47 language tag.</p> <h2 id="Examples">Examples</h2> <pre class="brush: js"><code class="language-js"><span class="keyword token">var</span> synth <span class="operator token">=</span> window<span class="punctuation token">.</span>speechSynthesis<span class="punctuation token">;</span> <span class="keyword token">var</span> inputForm <span class="operator token">=</span> document<span class="punctuation token">.</span><span class="function token">querySelector</span><span class="punctuation token">(</span><span class="string token">'form'</span><span class="punctuation token">)</span><span class="punctuation token">;</span> <span class="keyword token">var</span> inputTxt <span class="operator token">=</span> document<span class="punctuation token">.</span><span class="function token">querySelector</span><span class="punctuation token">(</span><span class="string token">'input'</span><span class="punctuation token">)</span><span class="punctuation token">;</span> <span class="keyword token">var</span> voiceSelect <span class="operator token">=</span> document<span class="punctuation token">.</span><span class="function token">querySelector</span><span class="punctuation token">(</span><span class="string token">'select'</span><span class="punctuation token">)</span><span class="punctuation token">;</span> <span class="keyword token">var</span> voices <span class="operator token">=</span> synth<span class="punctuation token">.</span><span class="function token">getVoices</span><span class="punctuation token">(</span><span class="punctuation token">)</span><span class="punctuation token">;</span></code> ... inputForm.onsubmit = function(event) { event.preventDefault(); var utterThis = new SpeechSynthesisUtterance(inputTxt.value); var selectedOption = voiceSelect.selectedOptions[0].getAttribute('data-name'); for(i = 0; i < voices.length ; i++) { if(voices[i].name === selectedOption) { utterThis.voice = voices[i]; } } utterThis.lang = 'en-US'; synth.speak(utterThis); inputTxt.blur(); }</pre> <h2 id="Specifications">Specifications</h2> <table class="standard-table"> <tbody> <tr> <th scope="col">Specification</th> <th scope="col">Status</th> <th scope="col">Comment</th> </tr> <tr> <td>{{SpecName('Web Speech API', '#dfn-utterancelang', 'lang')}}</td> <td>{{Spec2('Web Speech API')}}</td> <td> </td> </tr> </tbody> </table> <h2 id="Browser_compatibility">Browser compatibility</h2> <p>{{Compat("api.SpeechSynthesisUtterance.lang")}}</p> <h2 id="See_also">See also</h2> <ul> <li><a href="/ja/docs/Web/API/Web_Speech_API">Web Speech API</a></li> </ul>