使用

標(biāo)簽，我們將在我們的 div 中為我們的文本到語(yǔ)音轉(zhuǎn)換器添加一個(gè)標(biāo)題。

我們將向我們的文本到語(yǔ)音轉(zhuǎn)換器添加大量語(yǔ)音，并使用 元素為不同的語(yǔ)音生成備選列表。

現(xiàn)在我們將使用類型設(shè)置為范圍的

標(biāo)簽添加兩個(gè)滑塊。第一個(gè)滑塊將用于更改語(yǔ)速。我們可以通過(guò)拖動(dòng)滑塊來(lái)改變聲音的速度。第二個(gè)滑塊將用于在高音和低音之間調(diào)整聲音的音調(diào)。

現(xiàn)在，我們將利用 元素構(gòu)建一個(gè)文本區(qū)域，用戶可以在其中編寫文本，畫外音藝術(shù)家將閱讀它?，F(xiàn)在，我們將使用按鈕標(biāo)簽制作兩個(gè)按鈕：停止和開(kāi)始說(shuō)話。</p><p>我們不需要任何其他東西來(lái)開(kāi)發(fā)文本到語(yǔ)音轉(zhuǎn)換器的結(jié)構(gòu)。既然我們已經(jīng)學(xué)會(huì)了如何使用 CSS，我們就可以為 TTS 設(shè)置樣式了。但首先，讓我們看一下我們的框架。</p> <h4>第 2 步：添加 CSS 代碼</h4> <p>層疊樣式表 (CSS) 是一種標(biāo)記語(yǔ)言，用于描述以 HTML 或 XML 編寫的文檔的呈現(xiàn)方式。CSS 與 HTML 和 JavaScript 一樣，是WEB開(kāi)發(fā)的重要組成部分。創(chuàng)建一個(gè)名為 style.css 的 CSS 文件，并將以下代碼粘貼到其中。始終使用 .css 擴(kuò)展名保存文件。</p><pre><code>@import url("https://fonts.googleapis.com/css?family=PT+Sans");</code></pre><pre><code>html { font-size: 10px; box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } body { margin: 0; padding: 0; font-family: "PT Sans", sans-serif; background-color: #d5d9e5; color: #292b2c; display: flex; min-height: 100vh; align-items: center; } .voiceinator { padding: 2rem; width: 50rem; margin: 0 auto; border-radius: 1rem; position: relative; background: #fff; overflow: hidden; z-index: 1; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); } h1 { width: calc(100% + 4rem); margin: 0 0 2rem -2rem; padding: 0.5rem; text-align: center; font-size: 4rem; font-weight: 100; font-family: "PT Sans", sans-serif; } .voiceinator input, .voiceinator button, .voiceinator select, .voiceinator textarea { width: 100%; display: block; margin: 10px 0; padding: 10px; font-size: 2rem; background: #fbfbfc; outline: 0; font-family: "PT Sans", sans-serif; border: 1px solid #c8c7cb; border-radius: 2px; } label { font-size: 2rem; } textarea { height: 20rem; } .voiceinator button { background: #72a3da; color: #fff; border: 0; width: 49%; float: left; font-family: "PT Sans", sans-serif; margin-bottom: 0; font-size: 2rem; cursor: pointer; position: relative; } .voiceinator button:active { top: 2px; } .voiceinator button:nth-of-type(1) { margin-right: 2%; } input[type="range"] { -webkit-appearance: none; border: 1px solid transparent; padding-top: 8px; background: #fff; } input[type="range"]::-webkit-slider-runnable-track { height: 5px; background: #e1e1e3; border: none; } input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 14px; width: 14px; border-radius: 50%; background: #72a3da; margin-top: -4px; } input[type="range"]:focus { outline: none; } input[type="range"]:focus::-webkit-slider-runnable-track { background: #ccc; } input[type="range"]::-moz-range-track { height: 5px; background: #e1e1e3; border: none; } input[type="range"]::-moz-range-thumb { border: none; height: 14px; width: 14px; border-radius: 50%; background: #72a3da; } input[type="range"]:-moz-focusring { outline: 1px solid #dcdde2; outline-offset: -1px; } .voiceinator select { display: inline-block; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline: none; background: #fbfbfc url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="%23c8c7cb" viewBox="0 0 20 20"><path d="M5 8l6 6 6-6z"/></svg>') right 5px center no-repeat; padding: 10px 40px 10px 10px; } select::-ms-expand { display: none; }</code></pre><p>第一步：首先使用谷歌導(dǎo)入鏈接導(dǎo)入谷歌字體的鏈接。我們現(xiàn)在將使用 HTML 標(biāo)簽選擇器向我們的主體添加樣式。我們將使用 font-size 屬性調(diào)整 body 的字體大小，并使用 box-sizing 屬性將 box-sizing 設(shè)置為“border-box”。我們還將 margin 和 padding 設(shè)為“0”。</p><p>使用 background 屬性，我們將背景更改為淺藍(lán)色，并將顯示設(shè)置為 flex 。使用 align-item 屬性，我們會(huì)將項(xiàng)目對(duì)齊到“center”。</p><pre><code>@import url("https://fonts.googleapis.com/css?family=PT+Sans");</code></pre><pre><code>html { font-size: 10px; box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } body { margin: 0; padding: 0; font-family: "PT Sans", sans-serif; background-color: #d5d9e5; color: #292b2c; display: flex; min-height: 100vh; align-items: center; }</code></pre><p>第 2 步：我們現(xiàn)在將使用類選擇器 (.voicenator) 向我們的容器添加樣式。為了提供一些平滑的邊緣，我們將添加 20px 的填充，將寬度設(shè)置為 50rem，并使用 border radius 屬性添加 1rem 的邊框半徑。我們將使用 box-shadow 屬性向我們的 TTS 轉(zhuǎn)換器添加一個(gè)框陰影。</p><pre><code>.voiceinator { padding: 2rem; width: 50rem; margin: 0 auto; border-radius: 1rem; position: relative; background: #fff; overflow: hidden; z-index: 1; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); }</code></pre><p>第 3 步：現(xiàn)在我們將使用標(biāo)簽選擇器 (h1) 為我們的 HTML 元素添加樣式，計(jì)算寬度，并為我們的標(biāo)題添加額外的 4 rem 和 100% 寬度。我們還將使用 text-align 屬性使文本居中，并使用 font-family 屬性將字體系列設(shè)置為“PT-Sans”。</p><p>使用多類選擇器，我們將向輸入、按鈕、選擇和文本區(qū)域添加通用樣式。我們將它們的寬度設(shè)置為 100%，并將顯示屬性設(shè)置為“block”。</p><p>我們還將插入一些填充和邊距。我們將背景設(shè)為白色，邊框?yàn)?2 像素純灰色。</p><pre><code>h1 { width: calc(100% + 4rem); margin: 0 0 2rem -2rem; padding: 0.5rem; text-align: center; font-size: 4rem; font-weight: 100; font-family: "PT Sans", sans-serif; }</code></pre><pre><code>.voiceinator input, .voiceinator button, .voiceinator select, .voiceinator textarea { width: 100%; display: block; margin: 10px 0; padding: 10px; font-size: 2rem; background: #fbfbfc; outline: 0; font-family: "PT Sans", sans-serif; border: 1px solid #c8c7cb; border-radius: 2px; }</code></pre><p>第4步：現(xiàn)在我們需要做的就是設(shè)置標(biāo)簽和按鈕的樣式。我們的標(biāo)簽將具有 2 rem 的字體大小和 20 px 的文本區(qū)域高度。</p><p>我們現(xiàn)在將使用輸入類型選擇器“范圍”為我們的輸入類型添加一些高度和背景顏色使用類選擇器將使我們的選項(xiàng)顯示為“內(nèi)聯(lián)塊”和背景的 SVG。</p><pre><code>label { font-size: 2rem; }</code></pre><pre><code>textarea { height: 20rem; } .voiceinator button { background: #72a3da; color: #fff; border: 0; width: 49%; float: left; font-family: "PT Sans", sans-serif; margin-bottom: 0; font-size: 2rem; cursor: pointer; position: relative; } .voiceinator button:active { top: 2px; } .voiceinator button:nth-of-type(1) { margin-right: 2%; } input[type="range"] { -webkit-appearance: none; border: 1px solid transparent; padding-top: 8px; background: #fff; } input[type="range"]::-webkit-slider-runnable-track { height: 5px; background: #e1e1e3; border: none; } input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 14px; width: 14px; border-radius: 50%; background: #72a3da; margin-top: -4px; } input[type="range"]:focus { outline: none; } input[type="range"]:focus::-webkit-slider-runnable-track { background: #ccc; } input[type="range"]::-moz-range-track { height: 5px; background: #e1e1e3; border: none; } input[type="range"]::-moz-range-thumb { border: none; height: 14px; width: 14px; border-radius: 50%; background: #72a3da; } input[type="range"]:-moz-focusring { outline: 1px solid #dcdde2; outline-offset: -1px; } .voiceinator select { display: inline-block; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline: none; background: #fbfbfc url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="%23c8c7cb" viewBox="0 0 20 20"><path d="M5 8l6 6 6-6z"/></svg>') right 5px center no-repeat; padding: 10px 40px 10px 10px; } select::-ms-expand { display: none; }</code></pre><p>使用 HTML、CSS 和 Javascript 的文本到語(yǔ)音轉(zhuǎn)換器。</p> <h4>第 3 步：文本轉(zhuǎn)語(yǔ)音 Html 代碼：</h4> <p>最后，創(chuàng)建一個(gè)名為 script.js 的 JavaScript 文件并將以下代碼粘貼到其中。請(qǐng)記住以 .js 擴(kuò)展名保存文件。</p><pre><code>const msg = new SpeechSynthesisUtterance(); let voices = []; const voicesDropdown = document.querySelector('[name="voice"]'); const options = document.querySelectorAll('[type="range"], [name="text"]'); const speakButton = document.querySelector("#speak"); const stopButton = document.querySelector("#stop"); msg.text = document.querySelector('[name="text"]').value;</code></pre><pre><code>function populateVoices() { voices = this.getVoices(); voicesDropdown.innerHTML = voices .filter((voice) => voice.lang.includes("en")) .map( (voice) => `<option value="${voice.name}">${voice.name} (${voice.lang})</option>` ) .join(""); } function setVoice() { msg.voice = voices.find((voice) => voice.name === this.value); toggle(); } function toggle(startOver = true) { speechSynthesis.cancel(); if (startOver) { speechSynthesis.speak(msg); } } function setOption() { console.log(this.name, this.value); msg[this.name] = this.value; toggle(); } speechSynthesis.addEventListener("voiceschanged", populateVoices); voicesDropdown.addEventListener("change", setVoice); options.forEach((option) => option.addEventListener("change", setOption)); speakButton.addEventListener("click", toggle); stopButton.addEventListener("click", () => toggle(false));</code></pre><p>首先，我們將使用 new 關(guān)鍵字創(chuàng)建變量 message 的實(shí)例，并使用 let 關(guān)鍵字建立一個(gè)空的語(yǔ)音數(shù)組。</p><p>我們將選擇所有 HTML 元素并使用 document.queryselector() 方法將它們的值存儲(chǔ)在常量變量中。</p><p>現(xiàn)在我們將保存消息變量的值并使用文檔來(lái)選擇文本區(qū)域的內(nèi)容。具有 HTML 名稱的查詢選擇器。</p><p>現(xiàn)在我們將在函數(shù)內(nèi)部創(chuàng)建一個(gè)函數(shù) populatevoices()，使用 this.getVoices() 方法返回一個(gè) SpeechSynthesisVoice 對(duì)象列表，表示當(dāng)前設(shè)備上所有可用的語(yǔ)音。</p><p>現(xiàn)在我們將為它設(shè)置聲音，我們將創(chuàng)建一個(gè)設(shè)置聲音的 setvoice() 函數(shù)。</p><p>我們將創(chuàng)建一個(gè)帶有參數(shù) startover = true 的切換函數(shù)，如果 speech.synthesis 那么語(yǔ)音將在文本區(qū)域中說(shuō)出消息。</p><p>現(xiàn)在我們將事件監(jiān)聽(tīng)器添加到語(yǔ)音更改、停止和說(shuō)話按鈕。</p><p>現(xiàn)在我們已經(jīng)使用 HTML、CSS 和 javascript 完成了文本轉(zhuǎn)語(yǔ)音。我希望你理解整個(gè)項(xiàng)目。</p><p>現(xiàn)在，我們已經(jīng)使用 HTML、CSS 和 javascript 成功地創(chuàng)建了文本轉(zhuǎn)語(yǔ)音。您可以通過(guò)將此項(xiàng)目復(fù)制到您的 IDE 中來(lái)直接使用它。</p> <br> 分享題目：如何用HTML+CSS+JavaScript實(shí)現(xiàn)文本轉(zhuǎn)語(yǔ)音功能 <br> 文章URL：<a href="http://m.5511xx.com/article/djhihis.html">http://m.5511xx.com/article/djhihis.html</a> </div> <div id="njgv1l3" class="hot_new"> <div id="bsz9fom" class="page_title clearfix"> <h3>其他資訊</h3> </div> <div id="l2tztyg" class="news_list clearfix"> <ul> <li> <a href="/article/cdghieo.html">安裝游戲手動(dòng)刪了控制面板里還有卸載不了怎么辦？windows刪除沒(méi)有反應(yīng)</a> </li><li> <a href="/article/cdghiss.html">Redis改善程序性能的碼表優(yōu)勢(shì)（redis碼表）</a> </li><li> <a href="/article/cdghepg.html">iOS系統(tǒng)下查看下載的數(shù)據(jù)庫(kù)文件方法簡(jiǎn)介(ios系統(tǒng)怎么查看下載數(shù)據(jù)庫(kù)文件)</a> </li><li> <a href="/article/cdghiej.html">windows1017120下載?（win101703下載)</a> </li><li> <a href="/article/cdghish.html">如何打開(kāi)pythonidle</a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- 底部信息 --> <div id="394goc2" class="footer wow fadeInUp"> <div id="b4vifdb" class="rowFluid"> <div id="rsq4j9e" class="span12"> <div id="2nob4t5" class="container"> <div id="7fkigej" class="footer_content"> <div id="vebiqo4" class="span4 col-xm-12"> <div id="en49n8q" class="footer_list"> <div id="fe34h6a" class="span6"> <div id="3bispmb" class="bottom_logo"><img src="/Public/Home/images/ewm.jpg" alt="微信服務(wù)號(hào)二維碼" /></div> </div> <div id="mmwnljg" class="span6 col-xm-12"> <div id="9edhodu" class="quick_navigation"> <div id="jjyoeay" class="quick_navigation_title">快速導(dǎo)航</div> <ul> <li><a title="四川服飾定制" target="_blank">四川服飾定制</a></li><li><a href="http://m.cdcxhl.cn/H5/ " title="響應(yīng)式網(wǎng)站建設(shè)" target="_blank">響應(yīng)式網(wǎng)站建設(shè)</a></li><li><a title="成都APP定制開(kāi)發(fā)" target="_blank">成都APP定制開(kāi)發(fā)</a></li><li><a title="成都酒店服定制" target="_blank">成都酒店服定制</a></li><li><a title="成都網(wǎng)站建設(shè)" target="_blank">成都網(wǎng)站建設(shè)</a></li><li><a title="域名注冊(cè)" target="_blank">域名注冊(cè)</a></li><li><a title="眉山發(fā)電機(jī)" target="_blank">眉山發(fā)電機(jī)</a></li><li><a title="西信機(jī)柜托管" target="_blank">西信機(jī)柜托管</a></li><li><a title="文化墻設(shè)計(jì)" target="_blank">文化墻設(shè)計(jì)</a></li><li><a title="成都花箱" target="_blank">成都花箱</a></li><li><a title="成都發(fā)電機(jī)維修" target="_blank">成都發(fā)電機(jī)維修</a></li> </ul> </div> </div> </div> </div> <div id="ky6k4u9" class="span4 col-xm-6 col-xs-12"> <div id="izgee4b" class="footer_list"> <div id="859w8as" class="footer_link"> <div id="d9mtzgy" class="footer_link_title">友情鏈接</div> <ul id="frientLinks"> <a title="網(wǎng)站制作" target="_blank">網(wǎng)站制作</a> <a title="網(wǎng)站建設(shè)" target="_blank">網(wǎng)站建設(shè)</a> <a title="成都網(wǎng)絡(luò)推廣" target="_blank">網(wǎng)絡(luò)推廣</a> <a title="成都網(wǎng)站推廣" target="_blank">網(wǎng)站推廣</a> <a title="成都微信小程序開(kāi)發(fā)" target="_blank">小程序開(kāi)發(fā)</a> <a title="創(chuàng)新互聯(lián)網(wǎng)站欄目導(dǎo)航" target="_blank">網(wǎng)站導(dǎo)航</a> </ul> <div id="6sxujxv" class="footer_link_title">網(wǎng)站建設(shè)</div> <ul id="frientLinks"> <li><a href="/">四川平武建站</a></li> <li><a title="創(chuàng)新互聯(lián)網(wǎng)站欄目導(dǎo)航" target="_blank">網(wǎng)站導(dǎo)航</a></li> </ul> </div> </div> </div> <div id="webh8ge" class="span4 col-xm-6 col-xs-12"> <div id="bm4hgvi" class="footer_list"> <div id="83m7ncj" class="footer_cotact"> <div id="nms2uel" class="footer_cotact_title">聯(lián)系方式</div> <ul> <li><span id="27rotag" class="footer_cotact_type">企業(yè)：</span><span id="70kzwbh" class="footer_cotact_content">四川綿陽(yáng)平武網(wǎng)站建設(shè)工作室</span></li> <li><span id="nq2xukr" class="footer_cotact_type">地址：</span><span id="7ayejhw" class="footer_cotact_content">成都市青羊區(qū)太升南路288號(hào)</span></li> <li><span id="9kqxvtk" class="footer_cotact_type">電話：</span><span id="jjzoccl" class="footer_cotact_content"><a href="tel:18980820575" class="call">18980820575</a></span></li> <li><span id="bsxoemk" class="footer_cotact_type">網(wǎng)址：</span><span id="ypmkynk" class="footer_cotact_content"><a href="/" title="四川平武網(wǎng)站建設(shè)">m.5511xx.com</a></span></li> </ul> </div> </div> </div> </div> </div> <div id="wq0gyfm" class="copyright"> <p>公司名稱：四川綿陽(yáng)平武網(wǎng)站建設(shè)工作室 聯(lián)系電話：18980820575</p> <p><a target="_blank" rel="nofollow">網(wǎng)站備案號(hào)：蜀ICP備2024061352號(hào)-3</a></p> <p>四川平武建站 四川平武網(wǎng)站建設(shè) 四川平武網(wǎng)站設(shè)計(jì) 四川平武網(wǎng)站制作 <a target="_blank">成都做網(wǎng)站</a></p> </div> </div> </div> </div> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://m.5511xx.com/" title="日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区">日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区</a> <div class="friend-links"> </div> </div> </footer> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="skex2" class="pl_css_ganrao" style="display: none;"><strike id="skex2"></strike><track id="skex2"></track><dd id="skex2"></dd><tr id="skex2"><legend id="skex2"><nav id="skex2"></nav></legend></tr><div id="skex2"></div><abbr id="skex2"></abbr><sub id="skex2"><source id="skex2"><table id="skex2"></table></source></sub><legend id="skex2"></legend><label id="skex2"></label><samp id="skex2"></samp><menu id="skex2"></menu><strong id="skex2"><meter id="skex2"><ol id="skex2"></ol></meter></strong><strong id="skex2"><meter id="skex2"><ol id="skex2"></ol></meter></strong><meter id="skex2"><s id="skex2"></s></meter><address id="skex2"><wbr id="skex2"><abbr id="skex2"></abbr></wbr></address><dd id="skex2"><wbr id="skex2"><abbr id="skex2"></abbr></wbr></dd><listing id="skex2"></listing><pre id="skex2"><pre id="skex2"><dfn id="skex2"></dfn></pre></pre><p id="skex2"></p><form id="skex2"></form><dl id="skex2"></dl><ol id="skex2"></ol><wbr id="skex2"><style id="skex2"><sup id="skex2"></sup></style></wbr><i id="skex2"></i><table id="skex2"></table><ol id="skex2"></ol><ol id="skex2"><menu id="skex2"><samp id="skex2"></samp></menu></ol><dfn id="skex2"></dfn><address id="skex2"><cite id="skex2"><abbr id="skex2"></abbr></cite></address><wbr id="skex2"><dfn id="skex2"><sup id="skex2"></sup></dfn></wbr><address id="skex2"></address><style id="skex2"><option id="skex2"><span id="skex2"></span></option></style><dfn id="skex2"></dfn><span id="skex2"><code id="skex2"><em id="skex2"></em></code></span><blockquote id="skex2"></blockquote><option id="skex2"><source id="skex2"><code id="skex2"></code></source></option><dd id="skex2"></dd><sup id="skex2"></sup><ol id="skex2"></ol><sup id="skex2"></sup><dfn id="skex2"><sub id="skex2"><strike id="skex2"></strike></sub></dfn><label id="skex2"><progress id="skex2"><dl id="skex2"></dl></progress></label><pre id="skex2"><bdo id="skex2"><th id="skex2"></th></bdo></pre><form id="skex2"></form><strong id="skex2"></strong><style id="skex2"></style><tr id="skex2"><th id="skex2"><nav id="skex2"></nav></th></tr><progress id="skex2"><object id="skex2"><tbody id="skex2"></tbody></object></progress><source id="skex2"><listing id="skex2"><address id="skex2"></address></listing></source><label id="skex2"><abbr id="skex2"><div id="skex2"></div></abbr></label><cite id="skex2"></cite><fieldset id="skex2"></fieldset><menu id="skex2"><samp id="skex2"><th id="skex2"></th></samp></menu><u id="skex2"><div id="skex2"><strong id="skex2"></strong></div></u><track id="skex2"><pre id="skex2"><style id="skex2"></style></pre></track><cite id="skex2"><u id="skex2"><center id="skex2"></center></u></cite><pre id="skex2"><bdo id="skex2"><option id="skex2"></option></bdo></pre><meter id="skex2"></meter><dfn id="skex2"></dfn><tr id="skex2"><th id="skex2"><nav id="skex2"></nav></th></tr><listing id="skex2"><address id="skex2"><p id="skex2"></p></address></listing><label id="skex2"><tr id="skex2"><th id="skex2"></th></tr></label><label id="skex2"></label><strong id="skex2"><form id="skex2"><legend id="skex2"></legend></form></strong><ol id="skex2"><menu id="skex2"><tbody id="skex2"></tbody></menu></ol><legend id="skex2"></legend><dfn id="skex2"></dfn><strong id="skex2"></strong><fieldset id="skex2"><form id="skex2"><dd id="skex2"></dd></form></fieldset><object id="skex2"><tbody id="skex2"><meter id="skex2"></meter></tbody></object><tr id="skex2"><legend id="skex2"><strong id="skex2"></strong></legend></tr><abbr id="skex2"></abbr><span id="skex2"><code id="skex2"><em id="skex2"></em></code></span><pre id="skex2"><pre id="skex2"><bdo id="skex2"></bdo></pre></pre><blockquote id="skex2"><div id="skex2"><label id="skex2"></label></div></blockquote><legend id="skex2"><cite id="skex2"><abbr id="skex2"></abbr></cite></legend><strike id="skex2"><code id="skex2"><address id="skex2"></address></code></strike><progress id="skex2"><object id="skex2"><tbody id="skex2"></tbody></object></progress><sup id="skex2"><span id="skex2"><listing id="skex2"></listing></span></sup><dd id="skex2"></dd><th id="skex2"></th><progress id="skex2"></progress><strong id="skex2"></strong><strong id="skex2"><table id="skex2"><dd id="skex2"></dd></table></strong><tr id="skex2"></tr><blockquote id="skex2"><div id="skex2"><label id="skex2"></label></div></blockquote><pre id="skex2"><pre id="skex2"><dfn id="skex2"></dfn></pre></pre><object id="skex2"></object><tr id="skex2"></tr><cite id="skex2"></cite><dfn id="skex2"></dfn><address id="skex2"><wbr id="skex2"><abbr id="skex2"></abbr></wbr></address><u id="skex2"><sub id="skex2"><fieldset id="skex2"></fieldset></sub></u><menu id="skex2"></menu><dd id="skex2"><p id="skex2"><abbr id="skex2"></abbr></p></dd><strong id="skex2"><table id="skex2"><legend id="skex2"></legend></table></strong><pre id="skex2"><pre id="skex2"><dfn id="skex2"></dfn></pre></pre><form id="skex2"><legend id="skex2"><label id="skex2"></label></legend></form></div> </html>