在網站中插入Google翻譯聆聽功能

11 / 19, 2012 Google , HTML , HTML5

Google翻譯應該是目前電腦翻譯中「稍為比較好的」,不過他的朗讀功能倒是真的還不錯,除了有些破音字有時怪怪的,還有語調蠻好笑的,剩下都還好,英文則是念的很好的,很值得當做讀音參考。但是你有想過其實Google翻譯的聆聽功能也是可以插入在網站中的嗎?這簡直是一大福音!終於不用再辛苦錄音了,如果Google翻譯聆聽功能有改善,網站中插入的部分也會隨之更改,不需要站長努力檢查!


首先,先給大家看看網址:

中文範例:
http://translate.google.com/translate_tts?tl=zh&q=你好
英文範例:
http://translate.google.com/translate_tts?tl=en&q=hello+nice+to+meet+you
註:中英文只差在tl後的字串,中文為zh,英文為en,其他語言則有使用各自代號

如果要嵌入網站,就可以用HTML5的audio標籤,如:

<audio width="300" height="32" src="https://translate.google.com/translate_tts?tl=en&q=hello+nice+to+meet+you" controls="controls" autoplay="autoplay"></audio>


註:這是mp3檔,所以在只支援ogg的瀏覽器就悲劇啦!
就是這麼簡單!