2023年7月6日 星期四

HTML5:讓青蛙過河與打鬼遊戲念出題目與答案

2023年7月6日 星期四

七月四日上午去宜蘭縣竹林國小分享 HTML5 FUN,講題是【行動載具「玩」起來】,一位認真的老師問到「青蛙過河」和「打鬼遊戲」題幹的部份可以支援語音嗎?記得六月時,江明勳老師也有提過能不能讓「打鬼遊戲」念出題目,於是我又開了支票,允諾會讓這兩個遊戲的題幹支援聲音的內容。當天回到家,立即把在講課示範「我說你猜」如何使用「烘焙機」過程中發現的臭蟲,除掉並更新,沒半個小時,整個人就沒電了,只好去補眠兩個小時。晚上吃飽後,立即開工兌現自己開的支票。

現在 HTML5 FUN 的「青蛙過河」與「打鬼遊戲」,題庫設定中,可以使用 mp3 檔案的路徑(.mp3)、Vocaroo 錄的語音來當題幹的內容,或是在文字加上 .tts (圖3),讓程式以合成語音的方式念出文字。

[圖1] 打鬼遊戲聲音素材的題幹

[圖2] 青蛙過河聲音素材的題幹

[圖3] 「小狗.tts」可以變成語音題

哈!只有這樣嗎?當然不只,向來我都會自己「加碼」的。在題庫設定中新增了兩個自訂參數:

  • question_text_speaking_enabled
  • answer_text_speaking_enabled

這兩個參數如果設定為 true 時,就會啟動以 TTS 合成語音念出內容的功能:

  • question_text_speaking_enabled : 在出題或按播放鈕時念出題目的文字。
  • answer_text_speaking_enabled : 在答對時念出答案。

至於要用什麼語言念出內容,就用以下兩個參數來設定 TTS 語言代碼:

  • tts_language : 題幹的 TTS 語言代碼。
  • tts_language_of_answer : 答案的 TTS 語言代碼。

以上的自訂參數,都已經加到兩個遊戲的烘焙機中了,可以利用烘焙機的表單來選取。

[圖4] 文字題,但可以用 TTS 念出內容的打鬼遊戲

[圖5] 文字題,但可以用 TTS 念出內容的青蛙過河

[圖6] 設定中勾選了「念出題目的文字」

既然可以使用 .mp3 或 .tts 的語音題型,播放出題目的聲音了,為什麼還加上 question_text_speaking_enabled 和 answer_text_speaking_enabled 的功能?

這兩種方式其實不一樣,應用的情境不同。

使用 .mp3 或是 .tts 在題幹時,只會在畫面上方,題目顯示區中出現一個聲音播放器(圖1、圖2),不會有任何文字;而使用 question_text_speaking_enabled 時,題目顯示區中,不但會出現原有的文字,在右下角還會有聲音播放器,供重播語音(圖4、圖5)。

所以這兩者,一個純用聽覺,另一個是聽覺加上視覺;要選用哪一種方式出題,可能要看使用者的需求了。

影片示範

相關文章


沒有留言:

張貼留言

 
雄::gsyan © 2009. Design by Pocket