2023年7月11日 星期二

HTML5:注音高手自訂答案

2023年7月11日 星期二

注音高手是2012年由江明勳老師發想,我寫程式完成的一個的注音練習小工具;現在可以在 HTML5 FUN 網站中試玩、下載;也可以使用「烘焙機」來自製遊戲。出題時,在題庫中輸入國字,還可以加上語音或圖片,學生看完題目,以畫面的虛擬注音鍵盤輸入正確的注音。目前程式比對玩家輸入旳注音是否正確時,會由一個國字注音的對照表中「查表」搜尋答案;「查表」的方式有一個小缺點,對照表可能不完全,造成玩家輸入的注音是對的,卻被判定為答錯。

為了因應程式內建的對照表可能有所不足,所以在 HTML5 注音高手更新版中,題目設定的第四個欄位中,出題者可以自行輸入該題正確的答案(注音);有加入「第四欄」的題目,會以該欄的內容當比對答案的依據,而不再是查內建的資料庫;這樣子就可以無限延伸資料庫。當然囉!如果您願意,留個言,提示一下有問題的題目,我可以將它們新增到內建的「對照表」中,這樣子,大家就不用一個個地去加「第四欄」。

以下用一個特別的例子(哈!非正式的注音),來說明如何使用題庫設定,題目的「第四欄」,自訂正確答案。

例如,以前有的學生會叫我「雄雄」(ㄒㄩㄥˇ)(ㄒㄩㄥˊ)老師,「雄」這個字應該沒有三聲的「ㄒㄩㄥˇ」,我要故意讓它是對的,可以怎麼在題庫中設定?

[圖1] 故意變調的「三聲」「雄」

這邊先假設這一題的題目不加語音(第二欄位),也不加圖片(第三欄位),在題庫中,最簡單的設定是:

雄雄

但是上面的設定,除非使用者輸入「ㄒㄩㄥˊ ㄒㄩㄥˊ」(兩個二聲的),不然是不會過關的。想要使用三聲的「雄」,加上二聲的「雄」,題庫就必須改為:

雄雄######ㄒㄩㄥˇ ㄒㄩㄥˊ

修改過的題目設定中,國字之後加了六個半形的井字號,接下輸入的內容就在第四個欄位,輸入兩組注音(一個三聲,一個二聲,兩組注音之間有一個空格),這「第四欄」就變成了正確答案。

[圖2] 烘焙機中修改題庫

那如果想要加上有(ㄒㄩㄥˇ)(ㄒㄩㄥˊ)的語音呢?

(註:2023.09.26 起,會自動抓「第四欄位」的注音來當語音,可以不用自己錄音了。) 注音高手的題庫設定,如果沒有在題目中設定語音檔的路徑(第二欄或是第三欄),預設會使用 Google 的合成語音(TTS)來念出題目,所以「雄雄」,TTS 應該是會發出兩個字都是二聲的(ㄒㄩㄥˊ ㄒㄩㄥˊ),想要變調,只能自己錄囉!線上錄音的 Vocaroo 會是一個即時錄的好幫忙,而且 HTML5 FUN 有支援直接使用它的音檔分享網址,只要錄好音,複製網址,然後貼到注音高手「烘焙機」的第二欄位(第三欄也可以,程式會自動用路徑來判斷是聲音或圖片)中即可。變成類似這樣子的設定:

雄雄##https://voca.ro/1cjwusoTRVaP####ㄒㄩㄥˇ ㄒㄩㄥˊ

修改後,當本題出現時,會念出變調後的讀音;也會以改過的答案來核對。

[圖3] 烘焙機中加入 Vocaroo 語音網址

以上是如何利用注音高手題庫的第四欄位,來自訂標準答案的方法。歡迎在本文中留言,提供需要修正的語詞。

註:在注音高手下載的壓縮檔案,注音國字對照表的檔案檔名是「phonetab.js」

示範影片


相關連結


沒有留言:

張貼留言

 
雄::gsyan © 2009. Design by Pocket