JavaScript如何實現文字轉聲音

這篇文章主要介紹“JavaScript如何實現文字轉聲音”，在日常操作中，相信很多人在JavaScript如何實現文字轉聲音問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”JavaScript如何實現文字轉聲音”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

成都創(chuàng)新互聯是一家專注于做網站、成都網站建設與策劃設計,銅山網站建設哪家好?成都創(chuàng)新互聯做網站,專注于網站建設10年,網設計領域的專業(yè)建站公司;建站業(yè)務涵蓋:銅山等地區(qū)。銅山做網站價格咨詢:13518219792

JavaScript實現文字轉聲音的方法：首先創(chuàng)建一個HTML示例文件；然后添加js代碼；最后利用SpeechSynthesisUtterance接口將指定文字合成為對應的語音即可。

本文操作環(huán)境：Windows7系統(tǒng)、javascript1.8.5、Dell G3電腦。

JavaScript怎么實現文字轉聲音？

js文字轉語音播放

SpeechSynthesisUtterance

SpeechSynthesisUtterance是HTML5中新增的API,用于將指定文字合成為對應的語音.也包含一些配置項,指定如何去閱讀(語言,音量,音調)等

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <input type="text" id="textMsg" value="有新的訂單，請及時處理">
  <button onclick="speak()">播放</button>
  <button onclick="pause()">暫停</button>
  <button onclick="resume()">繼續(xù)播放</button>
  <button onclick="cancel()">取消播放</button>
  <script>
    var speech = new SpeechSynthesisUtterance();
    // 播放
    function speak() {
      // speech.pitch = 1 // 獲取并設置話語的音調(值越大越尖銳,越低越低沉)
      // speech.rate  = 5 // 獲取并設置說話的速度(值越大語速越快,越小語速越慢)
      // speech.voice = 10 // 獲取并設置說話的聲音
      // speech.volume = 1 // 獲取并設置說話的音量
      // speech.lang = speechSynthesis.getVoices()[0] // 設置播放語言，測試沒效果
      // speech.cancel() // 刪除隊列中所有的語音.如果正在播放,則直接停止
      speech.text = textMsg.value // 獲取并設置說話時的文本
      speechSynthesis.speak(speech);
    }
    // 暫停
    function pause() {
      speechSynthesis.pause()
    }
    // 繼續(xù)播放
    function resume() {
      speechSynthesis.resume()
    }
    // 取消播放
    function cancel() {
      speechSynthesis.cancel()
    }
  </script>
</body>
</html>

tips: 如果播放沒聲音，可嘗試重啟瀏覽器播放

到此，關于“JavaScript如何實現文字轉聲音”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續(xù)學習更多相關知識，請繼續(xù)關注創(chuàng)新互聯網站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>

網頁題目：JavaScript如何實現文字轉聲音
URL分享：http://vcdvsql.cn/article44/pdciee.html

成都網站建設公司_創(chuàng)新互聯，為您提供營銷型網站建設、外貿建站、自適應網站、域名注冊、移動網站建設、用戶體驗

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯

猜你還喜歡下面的內容

bl双性强迫侵犯h_国产在线观看人成激情视频_蜜芽188_被诱拐的少孩全彩啪啪漫画

JavaScript如何實現文字轉聲音