/** * 文字轉語音，利用h5的新特性speechsynthesisutterance，speechsynthesis實現
* eg.
* const speaker = new speaker();
* settimeout(() => , 1000); // 一秒鐘之後暫停，根據實際情況來
* settimeout(() => , 2000); // 兩秒秒鐘之後暫停，根據實際情況來
* settimeout(() => , 3000); // 三秒鐘之後切換內容，根據實際情況來
* settimeout(() => , 10000); // 十秒鐘之後暫停，根據實際情況來 */
class speaker =option;
this.utter = new
window.speechsynthesisutterance();
this.utter.lang = lang; //
設定語言環境
this.utter.pitch = pitch; //
設定語音的音調，預設為1
this.utter.rate = rate; //
設定語音的語速，預設為1
this.utter.volume = volume; //
設定語音的音量，0-1之間
this.utter.text =text;
this.getvoices(); //
獲取所有聲音的集合}
//獲取當前可用的聲音集合
getvoices()
};}
//start()
//pause()
//resume()
//cancel()
//切換語音的內容
change(text)
}
程式設計師之間不需要多說話，自己看**，基本把相關的屬性都寫上去了，拿去可以直接用。覺得有用處就點個贊，留個言。
相容性問題，看了一下mdn的介紹，除了ie不支援，其它的瀏覽器基本屬性和方法都是支援的。
HTML5的新特性
html的新特性 html5是下一代html標準 強化了web的表現性 支援網頁多 提供canvas畫布 2d圖形 三維 圖形及特效 支援語義化標籤 header footer 新的表單標籤 增加離線本地儲存 地理定位 應用快取 快取 將經常需要訪問的資料，放在記憶體中或者本地磁碟裡 canvas ...
html5 標籤新特性
html5主要的特徵就是標籤語義化。語義化的好處就是使得 結構讓人清晰易讀，這些語義化的標籤會有一些自帶屬性，比如說邊距 顏色 和display的設定等等 頭部 內容 內容分塊1 內容分塊2 內容分塊3 底部 導航 側欄 引用 自帶邊距，和縮排 標記 保留書寫的樣式 包括空格 tab 還有 ente...
HTML5的新特性
我是頭部 導航標籤 內容標籤 定義文件某個區域 側邊欄標籤 尾部標籤音訊標籤type email 限制使用者輸入必須為email型別 type url 限制使用者輸入必須為url型別 type date 限制使用者輸入必須為日期型別 type time 限制使用者輸入為時間型別 type month...