2023年4月23日 星期日

HTML5 : 聽音辨字使用雲端硬碟資料夾自動產生題庫

2023年4月23日 星期日

補記:本文為 2023.04 的舊文,2024年已無法存取音檔。

 HTML5 FUN 聽音辨字題庫的部份最多使用到三個欄位:題目文字、圖片檔、聲音檔。如果我們將圖片檔、聲音檔的主檔名都命名為和題目文字一樣,然後將檔案都放到資料夾中,因為有規則,就可以利用程式來解析,並自動產生題庫;這個功能其實在 Flash 版時就有,改版為 HTML5 版以後,因為瀏覽器的安全管制,無法利用程式讀取電腦資料夾中的檔案清單,所以只能手動製作題庫。前幾天以 Google 試算表設計了「雄 : Tools : 解析出雲端硬碟資料夾中所有圖片或音檔的網址」,用它可以抓取 Google  雲端硬碟資料夾中的檔案網址,將試算表中的資料,貼到 HTML5 FUN 的烘焙機中,可以省一些製作題庫的時間。

有沒有更快的題庫製作方法呢?

底下的影片示範如果利用 Google 雲端硬碟資料夾的共用網址,就能自動製作好 HTML5 FUN 聽音辨字的題庫。


整理一下自動製作題庫的要點:

  1. 將聽音辨字要使用的圖片、聲音檔案主檔名以題目的文字命名。
  2. 在 Google 雲端硬碟建立好專用的資料夾,並將圖片、聲音檔案上載進去。
  3. 將該雲端硬碟資料夾設為共用,「一般存取權」設為「知道連結的任何人」「檢視者」。
  4. 複製共用資料夾的網址。
  5. 開啟 HTML5 FUN 烘焙機
  6. 將共用資料夾網址貼入「由雲端硬碟資料夾匯入素材網址」的網址輸入區。
  7. 按「匯入到題庫」的按鈕。
【註】也可以直接使用「雄 : Tools : 解析出雲端硬碟資料夾中所有圖片或音檔的網址」中新增的自訂函數「=getAll("分享的網址")」,執行完再將需要的儲存格複製到新版烘焙機的圖形化題庫編輯器中貼上即可。這個方法也可以應用到烘培機的其它遊戲中。

相關連結


6 則留言:

  1. 题库超过一定数量,会出现图片显示不全(修改延迟时间无效),声音重叠的现象。

    回覆刪除
    回覆
    1. 您好,
      載入的時間會不夠,表示您的圖片尺寸應該是太大了。在 HTML5 FUN 中使用的圖片,解析度不用太高,一般來說 640x480 就夠了。建議您先將圖片降低解析度後再用。

      刪除
    2. 图片是496*372,不是解析度的问题,应该是图片数量过多的原因,我上传的测试文件有上千张图片。

      刪除
    3. 您好,
      剛剛下載了您提供的檔案,的確,不是解析度的問題題。看您的回覆,您很清楚問題在哪裡呀~~千個檔案,何不用降低題庫數呢?
      個人的程式寫得爛,造成您的困擾,實在抱歉。
      ps. 您覺得問人家問題,是不是應該留意一下禮貌的問題呢? 抱歉台灣人就是這麼龜毛,禮貌來,禮貌去的。

      刪除
    4. 你好,正是觉得你的程序写得很好,解决了我实际碰到的一些问题,才希望它能够更好更完善。感谢你无私提供的程序,祝你生活顺心如意。

      刪除
  2. 题库超过一定数量,会出现图片显示不全(修改延迟时间无效),声音重叠的现象。我上传了一份测试文件,地址是:https://www.dropbox.com/s/6qpj8q7vvqn9yp4/html5_listening.rar?dl=0

    回覆刪除

 
雄::gsyan © 2009. Design by Pocket