顯示具有 教學札記 標籤的文章。 顯示所有文章
顯示具有 教學札記 標籤的文章。 顯示所有文章

2026年8月19日 星期三

Hanzi Writer 字的寫法與筆順問題

2026年8月19日 星期三
自三月開始，一直沉迷於訓練 AI 模型，目標是可以由字筆畫輪廓的 SVG 路徑生出單線體字；七月底在指南宮下階梯不專心，滑了一跤扭傷腳，每天只能在家閉關，太閒了，一口氣把之前以教育部筆順網字形為基底的三千多筆訓練資料重新調校好。人家都說 "Garbage in, garbage out"，把訓練資料的品質提高後，AI推理出的單線體果然是好太多了。當初還有另一個目標是希望模型能泛化，可以應用在推理別的字體，之前拿 Hanzi Writer （https://hanziwriter.org/）的字形資料來推理，訓練初期的模型可以推理出大概的樣子，但是當模型可以準確的推理出教育部的字形時， Hanzi Writer 的卻像一堆蚯蚓般的線條；前幾天對於像「經」這種有「巛」的字，「巛」會推理出接近鏡像的形狀感到好奇，思考了一下，眼睛看到字，筆畫的輪廓雖然長得很像，有沒有可能不同設計者，畫字形的起點不同、方向不同？而訓練模型時取樣的程序中並沒有考慮到「正規化」，導致即使看起來一樣的筆畫，因為數據差異大，推理出的結果就不正確。和 Gemini Pro 討論過後，確認了我的懷疑是正確的，於是在取樣的程式中加入了幾何正規化 (Path Normalization)，統一方向為順時針 (Shoelace Formula 鞋帶公式)，固定起點為左上角 (Y 最小優先，若 Y 相同則取 X 最小)。短短10行程式碼而已，困擾我幾個月的問題迎刃而解，用四個帳號，花了20個小時重新訓練的模型，已經可以用教育部的字形資料或是 Hanzi Writer 的字形資料來推理出單線體。不過 Hanzi Writer 有幾個部件很明顯不行，「阝」不管是左阜還是右邑，都推理失敗；「辶」也是推理失敗。之前有注意到 Hanzi Writer 滿多字的寫法並不是教育部標準字體的寫法與筆順，「阝」和「辶」倒是在這一次的推理測試中才發現。

底下以「隨」這個帶有「阝」和「辶」的字拆解分析一下：

[圖1] Hanzi Writer 的「隨」

參考 [圖1]，圖中央已經將 Hanzi Writer 的「隨」拆解為以筆畫為單位，共 14畫；而教育部標準字體的「隨」是 16 畫；可以看出 Hanzi Writer 的「隨」是少了哪兩個筆畫嗎？

底下 [圖2] 是教育部標準字體的「隨」：

[圖2]教育部標準字體的「隨」

少掉的兩畫，關鍵就在「阝」和「辶」的「耳朵」部份，Hanzi Writer 是一畫完成，而教育部的標準字體則是將「耳朵」分為兩畫。難怪我訓練出來的模型一遇到 Hanzi Writer 的「阝」和「辶」就鬼畫符，因為一筆畫的「耳朵」它從未見過啊！

[圖3] 兩種不同字體的推理結果

[圖4] Hanzi Writer 帶有「阝」的字推理結果

參考教育部筆順網的六千多個字筆畫數比對來判斷，HanziWriter 寫法可能有問題的有六百多個字，如果帶有以下部件的，務必要多看幾眼：

阝辶艹骨鼎鬼充巨善及廴𠂛毒瓦奧叟亟與敢𠁁畢龜叟离贊差夊敖以虛之𦍌𥁕𠀉𦈢攵𧈧(強)

之前看過幾個別人請 AI 設計的筆順相關工具，不少人是使用 Hanzi Writer 的筆順資料，當時就在想，不曉得他們知不知道，裡面其實是有可能讓用的人日後如果參照教育部標準字體，對寫法及筆順會產生困惑的？

當然啦～我在製作模型訓練資料時，對教育部筆順網的字也是有很多困惑，像「日」「田」的部件，第二畫到底是橫折，還是橫折鉤？字形有的有鉤，有的沒有鉤；筆順動畫的軌跡有的有鉤，有的沒有鉤；然後字形與筆順動畫的軌跡是否有鉤有時會不同步，變來變去的，真是令人頭痛啊！

補記：Hanzi Writer「鎩鋪瀾譬」字形輪廓有問題（2026.08.28）

▋ 相關連結
閱讀全文
By at 沒有留言:
標籤: , ,

2026年6月28日 星期日

教育部筆順字形的 bug

2026年6月28日 星期日

單線體產生器的模型訓練了近兩個月，總算有一點生產力，把教育部筆順網的六千多個字製作完了。後來才發現，有些字 AI 預測出的筆畫怪怪的，始作用俑者是該筆畫的字形長得很不一般，最明顯的例子是「伋」最後一畫捺的起筆，如 [圖1] 所示，應該是筆畫沒分離乾淨：

[圖1] 伋的字形㮈有多的部份

此外目前教育部筆順網中的「狀奘將臟藏」幾個字則是「爿」橫、撇多了「雜線」。因為在筆順應用時，筆畫基本上是填上同一個顏色的，除非像 HTML5 FUN Partdle，或是雄筆順練習的部件拼圖，不然不會注意到筆畫的字形有問題。

這兩天將手上的筆順資料和教育部筆順網的筆順資料整個比對了一下，六千多個字中，底下的字有異動：

劍博叫奘將忖恆惕懂比澳煎狀癢窯絮羹羸臉臟著藏裝製襖諸豬賭赭羼翦覷

看起來是解決了「博叫懂裝製」原有多餘筆順及筆順示範導引點錯置的問題（不過，還有好幾個字沒處理啊！），其餘的則是調整了部份字形。寫了個編輯器，將底下這些字字形有問題的部份修正好了：

伋劍奘將狀絮羸臟藏健

它們修改前與修改後的樣子顯示在下方供參考（標綠色者為修正過的）。
閱讀全文
By at 沒有留言:
標籤: , ,

2026年3月13日 星期五

Tools : IVS注音字型文字與國字+注音格式轉換

2026年3月13日 星期五

最近 Google 文件中可以加入自帶注音的字型了，只要按一下字型選單旁的「小三角形」▼ ，再點選「更多字型」，就能新增名稱為 Bpmf Huninn /  Bpmf Iansui /  Bpmf Zihi Kai Std 的注音字型。

▋ 注音字型⇦⇨國字+注音

突然有個想法，這些注音字型必須使用支援 IVS 技術的輸入法來調整多音字的注音，再將文字貼到文書處理軟體(例如:Google文件)中指定使用注音字型；如果反向處理，將 Google 文件有加注音的文字貼到無法顯示注音字型的網頁或遊戲中，注音就看不到了；寫個能將「注音字型」文字和「國字+注音」格式間的轉換小工具，應該滿有意思的。這樣子可以將別人在文件中以注音字型顯示的文字，轉成遊戲用的「國字+注音」，或是倒過來處理，將以前國字加注音的內容，直接轉為「注音字型」的文字格式，貼到文件中。

在「ButTaiwan」的「bpmfvs」專案中找到了製作注音IVS字型的國字注音對照表：

IVS格式了解了，對照表有了，簡易的轉換工具就生出來了，先來玩玩看，改天再來增強以前寫的「語文高手題庫&國字加注音產生器」。

▋ 使用方法

✅ 例如將教育部國語小字典中已加注音的解釋轉貼到 Google 文件：

  • 選擇「國字+注音 ⇨ 注音字型」模式 。
  • 在輸入區貼上國語小字典複製的內容。
  • 按「去掉換行」鈕 (去掉國語小字典國字和注音間多的換行)。
  • 按「開始轉換」鈕
  • 按綠色「 複製輸出區 」鈕
  • 貼到 Google 文件，然後套用注音字型。
✅ 例如幫課文加上注音
  • 選擇「注音字型(或國字) ⇨ 國字+注音」模式。
  • 在輸入區貼上課文。
  • 按「開始轉換」鈕。
  • 校正注音後，按「 更新全部 」鈕。
  • 按紅色「 複製 」鈕。
  • 貼到 Google 文件，然後套用注音字型。
說明：按了「更新全部」鈕後，輸入區的國字會加上看不到的 IVS 注音標註符號，使用注音字型時就會出現注音。

▋ 注音IVS字型與國字+注音轉換工具

選擇轉換模式

校正注音 (紅色為多音字, 可按一下調整)



註：2026.07.22 起有另一個新的工具，可以試試


▋ 相關連結

▋ 更新記錄

  • 2026.03.14 參考教育部簡編本字典新增詞庫。
  • 2026.03.13 初版。
閱讀全文
By at 沒有留言:
標籤: , , , ,

2026年3月8日 星期日

HTML5 FUN : 生字簿產生器

2026年3月8日 星期日

之前有人問到 HTML5 FUN 的雄筆順練習可以印成紙本，變成生字簿嗎？其實用「生字簿」當關鍵字，應該可以在網路上找到好幾個能自製生字簿，或是下載國小國語課本生字簿電子檔的地方。前一陣子為了增加雄筆順部首顯示的功能，花了近三天的時間建立及校對六千多筆的資料。為了提升所花費時間的價值，只好再生出一個「生字簿產生器」（這是什麼邏輯？）。

▋ 生字簿產生器功能與使用

HTML5 FUN 的生字簿產生器目前開放自訂的目項如下：

  • 一頁放幾個字。
  • 一個字要有幾個練習格。
  • 要練習哪些字（一次最多50個字）。
  • 多音字的注音可自選。
使用的方法很簡單：先設定參數，然後校正注音，按完「開始製作」的按鈕就會出現像 [圖1] 的預覽畫面，最後按「📥 下載 / 列印全部頁面 (PDF)」的按鈕，出現列印的對話框，可以選擇直接由印表機輸出，或是儲存為 PDF 檔案。

[圖1] 生字簿產生器預覽圖

▋ 啟動生字簿產生器

按一下底下的紅色按鈕，就可以啟動生字簿產生器：

▋ Q&A

  • Q : 為什麼有些字沒有出現筆順或是標示部首？
    • A : 這個生字簿產生器的筆順是參考教育部筆順練習網站的資料，所以只有教育部筆順網有建置的六千多個國字才會出現筆順及標示部首。
  • Q : 為什麼有些字不是楷書？
    • A : 如果字不屬教育部筆順網已建置的範圍內，而電腦系統沒有標楷體或程式有設定的楷書字體名稱就會這樣，如果是在手機或是平板上操作，非常用字可能遇到。
  • Q : 可以使用其它的字體嗎？
    • A : 已列入未來要新增的功能，目前尚不支援。

▋ 版權聲明

▋ 相關連結

▋ 更新記錄

  • 2026.02.26 v1.0 初版。
閱讀全文
By at 沒有留言:
標籤: , , ,

2026年2月21日 星期六

以 js-dos 玩 DOS 時期的 CAI

2026年2月21日 星期六

農曆年前心血來潮，接上舊硬碟，挖出了以前放在電腦教室讓學生玩的 CAI。民國85年剛接電腦教室時，資源有限，找了「臺灣省國民學校教師研習會」設計的一些電腦輔助軟體，有多餘的時間會讓學生玩一下。這些「上古時期」的 CAI，相對於現在的軟體，看似陽春，但有不同的樂趣。讓家裡沒經歷過 DOS 時期的小孩玩了一下，他們覺得還滿好玩的呢！

想在瀏覽器中玩那些上古時期的 CAI，可以使用 js-dos 來載入。js-dos 其實是將另一個開源的 DOSBox 包裝成網頁版，在瀏覽器中操作，提高了親和力，也能在平板上玩。js-dos  GitHub 的網址如下：

js-dos 目前的操作界面沒有提供繁中的語言選項，我懶得由原始碼重編，直接把下載回來的 js-dos 加上了由英文翻譯的繁中，讓 js-dos 偵測到瀏覽器語言為 zh-TW ，就設定使用中文的操作界面與訊息。

▋ 臺灣省國民學校教師研習會CAI

以前的臺灣省國民學校教師研習會製作了不少的 CAI

[圖1] 臺灣省國民學校教師研習會 CAI 截圖

這些 CAI 當初大部份是可以自訂題庫的，可以說是小而美。

[圖2] 瀏覽器中的 CAI 可用虛擬按鍵操作

[圖2] 是 DOS 版 CAI 在網頁瀏覽器裡的截圖，以 js-dos 來玩時，比原始的畫面多了左側欄，跟箭頭所指的「虛擬按鍵」；玩的時候要以電腦鍵盤或是最下方的虛擬按鍵來操作。

▋ CAI 選單

以下為30年前蒐集的部份 CAI，想玩哪一個就按一下縮圖。


▋ 筆記

支援中文的 DOSBox 分支 DOSBox-X 

▋相關連結
閱讀全文
By at 沒有留言:
標籤: , , ,

2025年12月11日 星期四

HTML5 : 提升 Google 試算表查詢效率

2025年12月11日 星期四

教育部國語辭典可以在《教育部國語辭典公眾授權網》中下載匯出的文字資料，而且有提供試算表格式，只要上載到 Google 雲端硬碟，另存為 Google 試算格式，就可以使用 JSONP 的方式，將試算表當資料庫查詢。

在 HTML5 FUN 中，筆順練習、Partdle 和花瓣字均有使用到查詢字典的功能，《國語小字典》和《國語辭典簡編本》1140925版有 45194筆資料， 因為資料筆數較少，查詢的等待時間算可以接受，但是《重編國語辭典修訂本》1140923版有 163907筆資料，從十幾萬筆資料中撈出要用的，會明顯的感受到「等」！如果想將《重編本》的工作表複製到別的試算表，甚至會出現錯誤訊息而無法完成。

▋ 輕鬆建立小而美的工作表

昨天做了一個小實驗，原本在《重編本》的檔案中只有一個名稱為「1140923辭典匯出」的工作表，新增一個工作表，命名為「short」，並利用參照工作表「1140923辭典匯出」的方式來建立資料，把我想查詢的「字詞名」(A 欄)和「注音一式」(I 欄)，用以下程序建立：

  • 游標移至「short」的儲存格 A1 
  • 輸入公式：='1140923辭典匯出'!A1
  • 游標移至「short」的儲存格 B1
  • 輸入公式：='1140923辭典匯出'!I1

公式如果正確，顯示的內容應該就跟「1140923辭典匯出」A1 與 I1 中的一樣了。

[圖1] Google 試算表表的參照與自動填滿

因為 Google 試算表的新工作表預設只會有 1000 列，而「1140923辭典匯出」中有的資料遠遠超過 1000 列，所以要先查一下要參照的工作表「1140923辭典匯出」有多少列資料，如前面提過的，這個版本有163907筆資料，所以 163907 - 1000 = 162907，需要在工作表「short」的最底部再新增 16290 列，努力的捲到底部，就可以看到輸入框了 [圖2]，在裡面填入需要新增的列數。

[圖2] Google 試看表在底部新增多列

新增完所需要的列數，接下來可以準備使用魔法的快速按鍵「Ctrl + Enter」，幫我們自動填入資料了：

  • 游標移至「short」的儲存格 A1
  • 按一下上方的欄名「A」，可以選取整欄。
  • 按鍵盤「Ctrl + Enter」

成功的話，等一下下，Ａ欄中應該就會將資料都自動填入空格了。

繼續「自動填滿」B 欄：

  • 游標移至「short」的儲存格 B1
  • 按一下上方的欄名「B」，可以選取整欄。
  • 按鍵盤「Ctrl + Enter」

成功的話，B 欄的所有空格應該也自動填入資料了。

▋ 比比看誰快

新建立的工作表「short」只有兩個欄位，來和完整版的工作表比較一下查詢所花費的時間，底下在四個不同帳號，分別在兩個工作表查詢 A 欄帶有「山」這個字的，並回傳國字、注音兩欄所花的時間(單位為千分之一秒)：

✅ 工作表「short」(共2欄, 回傳 2欄, 找到 1038筆)

時間:  1691 , 筆數:  1038
時間:  1436 , 筆數:  1038
時間:  1264 , 筆數:  1038
時間:  1398 , 筆數:  1038

✅ 工作表「1140923辭典匯出」(共18欄, 回傳 2欄, 找到 1038筆)

時間:  4993 , 筆數:  1038
時間:  5137 , 筆數:  1038
時間:  4522 , 筆數:  1038
時間:  3584 , 筆數:  1038

只有兩欄的「short」很明顯地快多了。

來看看資料量較少的《簡編本》如何呢？

✅ 工作表「short」(共2欄, 回傳 2欄, 找到 137筆)

時間:  473 , 筆數:  137
時間:  624 , 筆數:  137
時間:  750 , 筆數:  137
時間:  525 , 筆數:  137

✅ 工作表「辭典匯出_1140925」(共15欄, 回傳 2欄, 找到 137筆)

時間:  1071 , 筆數:  137
時間:  1297 , 筆數:  137
時間:  1371 , 筆數:  137
時間:  1367 , 筆數:  137

《簡編本》如果查詢只有兩個欄位的「short」工作表，也可以比原來快很多。

實際應用在 HTML5 FUN 筆順練習和花瓣字中，可以讓程式更靈活了。哈！雖然使用者原來不見得感覺有在等待，畢竟程式在背景載入資料時，大伙兒都忙著操作別的呢！

▋ 相關連結
閱讀全文
By at 沒有留言:
標籤: , , ,

2025年12月9日 星期二

DD Petals 花瓣造詞注音手寫

2025年12月9日 星期二

HTML5 FUN 的 DD Petals 花瓣字，可以拿來玩造詞、玩部件，或是玩數學 ，但是都要用手寫的方式來輸入答案。原本限制只辨識中文字與數字，注音符號則未完全支援；這幾天認真地研究如何克服注音符號手寫辨的問題，詳見「雄:注音符號手寫輸入提升辨識率」，有了大進展。看一下底下這張截圖 [圖1]：

[圖1] 花瓣字國字注音混合手寫

現在花瓣造詞如果是「低年級」課本生字的題目，就會自動啟用手寫注音的辨識功能(中、高年級要乖乖寫國字，不會就查字典啦！)。而且可以國字、注音混合使用哦！不過，寫字時要注意一些小技巧才會用得順手。

▋ 手寫注音小祕訣

花瓣造詞可以由 HTML5 FUN 筆順練習中直接啟動。為了提高注音符號的辨識度，以下幾點供手寫時參考：

  • ✅ 注音符號之間，保持距離，不能黏在同一個框。參考 [圖2]。
  • ✅ 調號寫大一點比較好辨識。
  • ✅ 寫完，如果一秒沒動作，會自動辨識，出現紅色虛線框，可用來檢視注音符號或是國字是不重疊了，重疊就只能按復原鈕，或是「長按一秒」擦掉重寫。
  • ✅ 「ㄥ」、「ㄐ」比較容易誤判，寫完要特別注意是否正確。
  • ✅ 國字、注音混用時，「國字」的各部件要「同框」；注音符號「不能同框」。
注意 [圖1] 中「山高水長」的「水」，和「山頂洞人」的「頂」，如果「水」和「頂」的各部件沒有同框，國字就可能被誤判。(我有秘招：在「丁」「頁」之間按一、兩個點，就會「縫合」為「頂」了)

[圖2] 注音符號不可以黏在同一個框框內

▋ 相關連結
閱讀全文
By at 沒有留言:
標籤: , , , ,

2025年12月6日 星期六

注音符號手寫輸入提升辨識率

2025年12月6日 星期六

Google 輸入工具的手寫輸入，中文的辨識率滿高的，當然也包括注音符號。但是如果將多個注音符號寫在一起，例如「ㄒㄩㄥˊ」，那大概就會失望了；直寫會被辨識為國字，橫寫可能變別的文字。一次一個注音符號可以正確辨識，多個就亂掉。山不轉路轉，路不轉人轉，轉個念，就可以讓 Google 輸入工具應用在手寫注音辨識了！

關鍵就在「一次一個」注音符號，所以如果在傳送筆跡座標時，一次只送出一個注音符號的，這樣就能發揮它的高辨識率了，底下可以測試一下成果。

▋ 手寫注音測試

小秘訣：

  • ✅ 手寫時會有虛線框，一個框一個符號。
  • ✅ 聲調符號不要寫太小。
  • ✅ 寫完，如果一秒沒動作，會自動辨識。


▋增強了什麼

為了提升手寫注符號的辨識率，利用程序做了一些調整：

  • ✅ 以手寫字跡佔最大矩形是否有重疊，將重疊的視為同一符號來辨識。
  • ✅ ㄥ容易被辨識為ㄑ，但是ㄑ正確率很高，所以辨識結果兩者都有，而且ㄥ順序在較低時，視為是ㄥ。
  • ✅ 調號較不容易辨識正確，所以用最常被認錯的符號來修正為正確的。
  • ✅ 以虛線框為單位，一次辨識一個虛線框的筆跡；所有筆跡都辨識完以後，分析出注音符號與非注音符號，再依注音符的拼音原則，將字的注音切割。

▋已知問題

先列出一些待解決的問題：

  • 「ㄗㄨㄟˋ」 目前解析為「ㄗㄨㄟˋ」，但它也可能是「ㄗ」「ㄨㄟˋ」；「ㄗ」「ㄨ」到底是不是屬同一個字的注音，可能還需要參考筆跡的位置才行。
  • 提升調號的辨識率。

▋應用發展

HTML5 FUN 花瓣字目前的版本有開放低年級的生字造詞，寫一個注音符號啟用虛擬鍵盤，接下來可以將本篇的技術應用在全注音手寫的方式輸入答案(註: 已於2025.12.09 整合完成)。另外，或許可以開發一個看圖、看國字，或是聽語音，手寫注音的注音高手。

▋ 相關連結
閱讀全文
By at 沒有留言:
標籤: , , , ,

2025年11月9日 星期日

幫「ㄅㄆㄇ西遊記」加上 Ruffle 虛擬按鍵外掛

2025年11月9日 星期日

幾年前，桃園縣政府教育局 (是的，沒看錯，看到「縣」，就知道有一些時日了) 有一個「ㄅㄆㄇ西遊記」的教育光碟，在瀏覽器還支援 Flash 時，可以在線上玩。

  • 原始網址: https://www.tyc.edu.tw/files/west/index.htm (已失效)。

「ㄅㄆㄇ西遊記」可以用 Ruffle 載入後，在網頁瀏覽器，甚至行動載具中玩嗎？

可不可以玩？按一下紅色按鈕，就能知道結果！

▋ 載具中如何使用方向鍵

測試過了，只要使用 Ruffle 載入，就能在電腦或是行動載具的瀏覽器中玩「ㄅㄆㄇ西遊記」。「ㄅㄆㄇ西遊記」中有教學，也有遊戲，但是遊戲主要用鍵盤的方向鍵來操作，電腦上操作沒什麼問題，行動載具沒有實體鍵盤，要怎麼操作呢？這倒是一個大問題！

Ruffle 有內建虛擬鍵盤嗎？在只能使用觸控方式輸入的環境下，如果是在可輸入文字的元件中，Ruffle 會幫我們叫出系統的虛擬鍵盤，但是在玩遊戲需要使用鍵盤操作時，因為並非操作輸入文字的元件，目前就得自立救濟了！

ㄅㄆㄇ西遊記在 Ruffle 中的截圖

為了能在 iPad / Android 中玩「ㄅㄆㄇ西遊記」中的遊戲，我幫 SWF 遊戲啟動器加上了虛擬按鍵，需要按方向鍵時，可以按右下角半透明的虛擬按鍵即可送出相關的指令給 Ruffle ，效果和按實體按鍵一樣。

▋ 版權聲明

  • 「ㄅㄆㄇ西遊記」下載自桃園縣政府教育局網站，版權屬桃園市政府教育局所有。

▋ 相關連結
閱讀全文
By at 沒有留言:
標籤: , ,

2025年11月1日 星期六

漢字說故事 YouTube 影片播放器

2025年11月1日 星期六

《漢字說故事》是《中華文化總會》放在《中華語文知識庫 YouTube 頻道》中，有關中文字的動畫影片，兩期總共有180個字的精美動畫，每一部兩分鐘的影片中，除了介紹主題的字，還會有幾個衍生的字，應用在國字的學習相當不錯。影片在 YouTube 頻道中都可以找到，也有兩個相關的播放清單：

為了方便使用，我設計了一個「漢字說故事 YouTube 影片播放器」，有以下的功能：

  • ✅ 可以一次搜尋多個字的影片，並變成一個自訂的播放清單。
  • ✅ 可以產生自訂播放清單 QR code 或是網址，方便重覆使用。
  • ✅ 解決「漢字說故事」動畫 Ⅰ  的影片片長加倍，後段卻無聲的問題 (跳過無聲的部份)。

▋ 開始使用

想立即試試看，就按一下紅色按鈕啟動：


▋ QA

  • Q : 查完的字，播放清單如何保存？
    • A : 在漢字說故事影片播放器的輸入區右側有一個 QR Code 的圖示，按下去會出現 QR code 及網址，按一下網址即可將影片播放清單的網址複製到剪貼簿。
  • Q : 為什麼在輸入區打了很多字，都沒有出現影片？
    • A : 漢字說故事只有 180 個字有影片，可能剛好輸入的字都不在清單內。
  • Q : 到底有哪 180 個字有影片呢？
    • A : 請按右邊這個 [ 🔍查詢清單 ] ，稍候就會列出現有的影片是哪個字為主題。
  • Q : 如何讓影片是全螢幕的？
    • A : 播放影片以後，影片的操作就像一般 YouTube 影片一樣，在右下角控制區中有全螢幕或離開全螢幕的小圖示按鈕。
  • Q : 如何暫停或繼續播放？
    • A : 播放影片以後，影片的操作就像一般 YouTube 影片一樣，在影片下方的有各種的播放控制鈕可以使用。
  • Q : 播放影片後，如何重新找其它影片？
    • A : 在影片下方和縮圖選單之間的訊息欄右側，有一個紅色的  [重新搜尋] 鈕，按一下即可出現搜尋輸入區。
  • Q : 還有其它影片嗎？

▋ 版權聲明

本工具「漢字說故事 YouTube 影片播放器」只是一個自訂的 YouTube 影片播放器，僅用來搜尋及載入《中華語文知識庫 YouTube 頻道》中的公開影片的影片及其縮圖。版權均屬《中華語文知識庫》及《中華文化總會》。

▋ 相關連結

▋ 更新記錄

  •  2025.10.31 v1.0
閱讀全文
By at 沒有留言:
標籤: , , ,

2025年10月29日 星期三

HTML5 FUN 筆順練習注音顯示及多音播放鈕

2025年10月29日 星期三

教育部筆順網收錄的國字有六千多個字，裡面有多少個多音字呢？

底下 516 個字都是(按一下可以在教育百科查該字)：

上不且中乘乾了予些亟亡亨什仇仔任佛估伽伺作伯供便俟倆倒們倔倡個倘倭偺假傍傀傳僮兒六共其冒冠分切刨削剌副創劃勒勞勝勦勾化匙匹區午卒南卡占卷參可召叨只句吐合吃吭否吧告呀呵呱和呢咎咳哇咽哄哈咯咱咻哩員哪哦啦啞啊喝喪喔單嗎嗾嘛嘔嘩噴噱噢嚇嚼囉囪囤圈圳地坊埋埤培塞壘夏大夫奇奄契女好妻委姊姥娜娩婁嫖子孫宛家宿寧射尉將少尺屏屬屯嵌差帖并幹幾底度弄弟強彈彷待得從徵怔思恫悖惡悶應戲扁扇扎扒扛把折抓拂抹拓拈拗括拾挑捎掖掃掄掙排提搶撇摟撈撕撒擔擰放教敦散數文斜於施旁旋晃景暈暖暴曲更曾會有期朝朴枕枝查枸柞校桔柴棹棲棋楞榜樂橫檻歙正歪歸殷殺比氏氓汗沒泌泥法泄沮泡洞洗涼混湛渦湯渴渾溺滑溜漂漲漯漿澄潦澎澹濟濺瀾為炸炮烙無煞熨燉燕燥爪父率王甚畜番當疋百的盛監省相看瞑瞭瞿矇矜知石磅磨祇祕禁禪秤稟種稱稽空答簸粥紅累結絡給綸繆繃縫縱繁繫署罷羊羋翟翹聽肚胖背脈脯膀臭與興舍般艮色艾茄若苔茲莎莞莘莫荷荼華菴著菲葷落葉葛蓋蔓蕃薄藏藉蘋虎處號虫蛇蚵蛤蛾蝦螞蠡行衝衣衰被裳裨褶要覃見親覺觀角解語說請調論識讀谷豁貉賁賈質趣足跑躂身車軋載輾轂轉轍辟逢逮過遠遲遺還邪那都酊重量釐釘鈷鋪鋼鏑鐺鑽長間閤阿降陸陶雋難雨露青靡靦革頓頡頸頭風食飲養馮馱骨鬲魄鮮鱖鵠麗麼齊龜乜亢俛偈勺喁囝圜垛宓峒崗彊徠徼忪慊摽撣攢杓栖榦欸洒洩漚澠瀧畬秘繳臊芾菟蓼薺藷虺蜚裼謾趿踉踦蹌邋酢鎬鏹閼闕頦駘鶻

▋ HTML5 FUN 筆順練習新功能

花了兩天的時間，用程式分析了【教育部國語辭典簡編本】蒐集的字，找出多音者後，再將五百多個字，以我印象中常用的讀音，好好地檢視了一番，調整了 HTML5 FUN 筆順練習部份的預設語音檔，資料庫中加入了注音清單的欄位，也新增了一項功能：

HTML5 FUN 筆順練習可自選多音字要播放的語音

現在使用 HTML5 FUN 筆順練習時，在「筆順示範」的功能頁面中，右側會出現注音的按鈕，想聽哪一個音的語音解說，就按下吧！

不過美中不足的是仍有部份讀音似乎沒有錄製解說的語音，像「們」這個字就只有「ㄇㄣˊ」的語音檔，「ㄇㄣ˙」就只能自己心中默念了。

▋ 相關連結
閱讀全文
By at 沒有留言:
標籤: , , ,

2025年10月15日 星期三

HTML5 FUN 筆順部件及 CNS 部件校正

2025年10月15日 星期三

最近想製作國字的筆畫序資料庫，基於 2024年五月已經把 HTML5 FUN 的部件改使用 CNS 的部件定義，所以先幫 CNS 517個部件一個個建立了完整的筆順序。原本的計畫是接下來就可以輕鬆用 517 個部件的基礎，推算出任何字的筆順序；果然是想得太簡單了，國字有很多「例外」啊！參考教育部的《常用國字標準字體筆順手冊》：

裡面有筆順基本法則，以「國」這個字來說，它的部件是「囗戈口一」，第一個部件「囗」最後一筆的橫畫，要留在其它筆畫寫完才能加上；「國」算單純的，像「鄙」，到底什麼時候要加上橫畫，得好好的計算與判斷了。在「挖掘」的過程中，發現 HTML5 FUN 筆順練習的部件設定有諸多錯誤，而 CNS 的部件設定也有很多沒有按照《常用國字標準字體筆順手冊》中的原則來設定，修正的記錄附在本文的後段。此外，新發現教育部筆順網有兩個字寫正確了反而會過不了關的：

  • 「寓」12畫，卻有13筆資料，第6畫要重寫一次才能過關。
  • 「製」14畫，卻有15筆資料，最後面多了一筆第13畫的。

筆順網其它可能會過不了關的字，請參考「雄:教育部筆順學習網這些字的過關秘訣」這一則舊文中的說明。

▋ 整合 HTML5 FUN 部件設定與 CNS 部件筆順序

HTML5 FUN 部件設定及對應的CNS部件設定有誤的地方修正好了，乾脆偷懶，將對應的主客互換，先產生 CNS 部件的筆順序，再以部件對應到 HTML5 FUN 的筆畫序，這樣子就可以知道部件中每一個筆畫的名稱，重新按筆畫序列出，完全不用複雜的判斷就是我要的結果了。但是由產生出的結果交互比對，找出了更多的錯誤 XDDD

經過將近一週的努力，至少教育部筆順網的六千多個字，都能有完整的筆順序了。花了大半天，把國小國語課本三個版本中最近兩學期使用到的生字(二千九百多個字)，以一個小工具，人工檢查的方式再次確認，並以程式調整了以下的字：

  • 寫法與部件有異：竊(vs禸)、虜(vs毌)、亟極殛(筆畫要多1)、歿沒別捌(vs方)。
  • 筆順與部件有異：升昇陞呏、臧藏臟贓。
  • 一字不二捺，捺改頓點或長頓點：潑返閣額雒擱篷縫蓬逢逄皴逡蹩釐犛邀遨瓤還遠退腿褪螁隧毅豬櫫瀦燹豢遯逐遂燧遽邃劇裹歉。

筆順校對與測試小工具截圖

目前校對部件、筆順清單已大致完成，也測試了念出筆順的功能，測試的過程還解決了一個在 iOS / Android 播放指定區段聲音一直存在的臭蟲，一個星期的研究沒有白費。接下來應該可以先弄一個「🚀 國字基本筆畫練習」的小工具(註:2025.10.21上線了)，測試一下資料庫與語音的功能。

▋  CNS 部件調整記錄

依據教育部《常用國字標準字體筆順手冊》筆順基本法則，調整 CNS 部件順序

✅ 「凡字的上半或下方，左右包中，且兩邊相稱或相同的結構，通常先寫中間，再寫左右。」

學 54,54,395,72,162

歟 36,4,395,1,49,62,45

爨 41,1,21,395,72,185,185,105,250

礬 54,54,185,185,105,291

攀 54,54,185,185,105,218

樊 54,54,185,185,106

燮 442,250,250,84

盥 276,394,305

與 36,4,395,1,49

舉 36,4,395,1,48,97

嶼 121,36,4,395,1,49

興 41,1,119,395,1,49

覺 54,54,395,72,432

攪 220,54,54,395,72,432

譽 36,4,395,1,48,442

釁 41,1,21,395,72,425,48,81

輿 419,395,1,49

櫸 185,36,4,395,1,48,97

鬱 384,185,185,72,399,80,25,128

懋 353,185,185,257

爍 250,331,169,169,186

兜 331,65,73,55

嬴 67,15,119,155,382,137

瀛 277,67,15,119,155,382,137

羸 67,15,119,406,382,137

贏 67,15,119,434,382,137 (除順序,原「238『月』」修正為 382)

✅ 「凡以筆順基本原則-廴部筆形、筆順基本原則-辶部筆形為偏旁結體之字，通常筆順基本原則-廴部筆形、筆順基本原則-辶部筆形最後寫。」

辶(253)廴(157)後寫：

迂 96,253

迆 154,253

迅 13,20,253

迄 42,8,253

巡 170,253

迎 65,75,253

返 22,84,253

近 232,253

廷 5,99,157

✅ 「卂」相關的字

迅 20,13,253 (第一筆在十20的豎畫, 調整為 20,13)

汛 277,20,13

煢 250,250,72,20,13

✅ 「鄉」相關的字部件由左而右

響 167,6,413,166,339,209

饗 167,6,413,166,483

薌 204,167,6,413,166

✅ 沱跎陀 「它」的下方應該是 27

沱 277,139,27

跎 119,208,139,27

陀 166,139,27

些 208,24,19 「此」右為 24, 「些」應相同

✅ 統一「可」的組合全部改用「32,119」，以下修正：

呵 119,32,119

坷 100,32,119

✅ 其它

鄭 70,425,106,166

羋 3,205,95

脊 252,45,382

瘠 338,252,45,382

蹐 119,208,252,45,382

鶺 252,47,382,438,251

灩 277,121,230,230,1,119,141,99,88,305 (修正第二碼為山121)

挫 220,47,47,99

丫 70,3

忍 81,6,257

僉 45,1,119,119,47,47

簽 391,45,1,119,119,47,47

儉 46,45,1,119,119,47,47

劍 47,1,119,119,47,47,82

撿 220,45,1,119,119,47,47

斂 47,1,119,119,47,47,221

檢 185,45,1,119,119,47,47

殮 195,45,1,119,119,47,47

臉 382,45,1,119,119,47,47

險 166,45,1,119,119,47,47

驗 489,45,1,119,119,47,47

鹼 38,120,399,45,1,119,119,47,47

瀲 277,47,1,119,119,47,47,221

銼 470,47,47,99

函 17,278,80

涵 277,17,278,80

菡 204,17,278,80

緻 417,369,131

鯈 46,3,221,63,301,251

斌 248,1,114,208

黹 314,49,123,49

揀 220,423,70 (這個字的柬和其它的順序不同, 修正為423,70)

滅 277,295,1,250 (火改用 250 末筆才是長頓點)

醫 28,42,106,58,85,425 又應該要用長頓點第二畫的 85，而不是 84。

饜 22,209,382,193,483 一字不二捺, 犬改用 193 的。

✅ 部件與寫法有異者

虜 372, 273,83  原第2部件為 213 應該是錯的, 應為273「毌」ㄍㄨㄢˋ (4畫),但寫法不同「豎,橫折,豎,橫,橫」(5畫)。參「異體字字典-虜」。

竊 竊的右下其實為「禸」，只是寫法有異，最後一個部件像 厶88 (2畫)，但寫法應為3畫「豎,挑,點」。參「異體字字典-竊」。

「臧藏臟贓」應修正以戈優先，然後 266 爿 的筆順需調整為豎撇,豎橫折,橫,豎撇。

▋ 相關連結
閱讀全文
By at 沒有留言:
標籤: , ,

2025年9月14日 星期日

特教教材資料庫中的「創意ㄅㄆㄇ整合版」

2025年9月14日 星期日

昨天偶然看到一則貼文中，有人想以圖找學注音的軟體；對那個畫面有一點印象，曾經玩過，也下載過，趕緊到自己的下載區找找，證驗一下自己的記憶。年初在研究有關注音教學的相關工具時，特別建立了一個注音專用的資料夾，果然提升了搜尋的效率，一下子就找到該截圖是楊妮曼老師所分享的「拼音對對碰」。不過民國九十幾年時的 Flash 程式，在網路中找到的連結，應該大多失效了。用楊老師的另一個作品名稱「創意ㄅㄆㄇ」，可能會好找一些。後來才發現，其實楊老師的「創意ㄅㄆㄇ」+「拼音對對碰」，在教育部「優質特教發展網絡系統暨教學支援平台」的特教教材資料庫中有一個「創意ㄅㄆㄇ整合版」，網址如下：

打開後會有說明及檔案下載的連結。檔案是 RAR 的壓縮檔，解壓縮以後，裡面的「bpm.exe」可以在 Windows 中打開來玩。

▋ 行動載具可玩的版本

哭哭～在 MacOS / Linux 還有模擬器可以執行 Windows 的 .exe，這樣子不就不能在行動載具上玩了？！

沒關係，試了一下，由 bpm.exe 中解離出 .swf 就可以利用 Ruffle 在網頁瀏覽器中載入，按底下的紅色按鈕，就可以立即啟動楊妮曼老師所分享的「創意ㄅㄆㄇ整合版」，電腦或是平板都能玩：

註：Ruffle 載入的和在本機直接玩相比，字型會有所不同，瀏覽器版中使用的是芫荽字型，注音符號的調號會稍小、位置稍偏移。

▋ 版權聲明

▋ 相關連結
閱讀全文
By at 沒有留言:
標籤: , ,

2025年3月11日 星期二

以雲端硬碟資料夾的圖片製作注音高手

2025年3月11日 星期二

製作 HTML5 FUN 的注音高手遊戲時，題目是用「中文字串」，然後可以自行再搭配「圖片」、「語音」，甚至自訂「答案的注音」。如果有以下的需求：

  • ✅ 想製作帶有圖片的注音高手遊戲。
  • ✅ 想使用 Google 雲端硬碟中的圖片當題目來源。

底下的方法可以輕鬆地製作注音高手的遊戲。

▋ 工作原理

👉 2023年4月我寫了一個 Google 試算表的自訂公式「getAll」，可以用來抓取 Google 雲端硬碟資料夾中，所有圖片的主檔名及圖片網址（參「雄:Tools : 解析出雲端硬碟資料夾中所有圖片或音檔的網址」）；

👉 2025年 HTML5 FUN 遊戲啟動器可以載入 Google 試算表中的注音高手工作表，並啟動注音高手遊戲（參「雄:填試算表製作 HTML5 FUN 遊戲」）；

🚀 兩者搭配起來，就能快速地製作 HTML5 FUN 注音高手遊戲。

只要先將題目的圖片（檔案以中文命名），通通上載到 Google 雲端硬碟的資料夾中，並將資料夾共用，就幾乎完成出題的大部份工作了；剩下的就是將資料夾的網址貼到試算表欄位中，及將試算表網址貼到遊戲啟動器了。

[圖1] 以雲端硬碟的圖片來製作注音高手

▋ 操作程序

📂 上載圖片：將圖片以中文命名（題目），並將它們上載到 Google 雲端硬碟的目錄中。（建議一個遊戲一個目錄）。

🌏 共用目錄：將 Google 雲端硬碟放圖片的目錄共用為 [任何知道連結的人] [檢視者]。

💾 建立試算表副本：👉 按這裡開啟試算表檔案 👈，並建立副本（點選 [檔案] [建立副本] ）。點選工作表「注音高手遊戲啟動器範例」，就可以看到注音高手的題庫範本。

📋 貼共用資料夾的網址：先到雲端硬碟中，複製放圖片資料夾的共用網址到剪貼簿，然後貼到試算表【❤ 題庫圖片雲端硬碟「資料夾」共用網址】右側綠底的儲存格中。如果成功，應該會看到題庫區自動擷取了共用資料夾的所有圖片檔名及網址。

🌏 共用試算表：將 Google 試算表共用為 [任何知道連結的人] [檢視者]。

📋 複製工作表的網址：在注音高手試算表的頁面，按一下瀏覽器上方的網址列，反白後，複製網址到剪貼簿，

🚀 使用遊戲啟動器：👉 按這裡開啟遊戲啟動器 👈，找到「參數設定」，將注音高手試算表的網址貼上去吧！

▋ 操作示範影片

▋ 相關連結
閱讀全文
By at 2 則留言:
標籤: , , , , ,

2025年2月16日 星期日

HTML5 FUN 筆順練習容錯修正

2025年2月16日 星期日

HTML5 FUN 筆順練習的某些字在練習時較難過關，主要是用來檢查對錯的參考點其實是教育部筆順網用來畫筆順動畫的座標，所以有一些點的位置怪怪的，甚至根本不在字的輪廓裡。當初在設計 HTML5 FUN 筆順練習程式時，雖然用了一些方法提高容錯，讓檢查點可以「正常一點」，但有時還是讓人覺得好難寫！一直被喊「加油～」。

▋ 提高相近點的容錯

前幾天看到有人示範「小」的寫法，第一筆畫的豎鈎，如 [圖1] ，起筆要刻意由稍左上開始，再拉到中央往下，所以如果起筆是中央偏右的，肯定是過不了關，很簡單的字變成有一點複雜，哈！我之前怎麼都沒有注意到？

[圖1] 「小」的起筆略偏左

所以我將程式稍微改了一下，檢查點如果和下一點的距離很近，就將容錯提高，才不致容易被判定寫錯。

▋ 檢查點在字輪廓外的修正

HTML5 FUN 筆順練習原本就會修正檢查點在筆畫輪廓外的座標，但是不夠細膩，會有遺漏而未處理的情形，去年在設計 Partdle 時就有發現，但筆順練習的部份一直沒有處理，有些字就會有大問題，像「凡」這個字，第二筆畫有四個檢查點在字外，原本的演算法只會修正 [圖2] 紅色箭頭那一個：

[圖2] 「凡」有四個檢查點在字外

現在紅色箭頭的點會修正回字的輪廓內([圖3] 綠色箭頭為修正過的)，而類似藍色箭頭的三處，無法修正位置，但會提高容錯，就不會老是卡在這個筆畫了。

[圖3] 「凡」修正過的檢查點

▋ 臭蟲通報

經過這一版的修正，理論上 HTML5 FUN 筆順練習在習寫時，應該會較容易過關了，如果遇到什麼難寫的字，歡迎在底下留言，告訴我是哪一個字、那一個筆畫卡住了，有空我再來看看該怎麼調整。

▋ 相關連結
閱讀全文
By at 沒有留言:
標籤: , , ,

2025年1月24日 星期五

教育百科生字與中研院大腦與語言實驗室資料庫比對

2025年1月24日 星期五

前幾天因為看到了一隻利用 CSS 設計，會眨眼的小熊 (作者:Anastasia Goodwin)，它實在太可愛了，於是利用中研院語言學研究所大腦與語言實驗室「生字表字詞資料庫檔案」的資料，弄了一個國小課本生字筆順練習的選單，讓小熊的鼻子當成選項開關，可以用來自行選取要顯示教育部「國字標準字體筆順學習網」，或是 HTML5 FUN 筆順練習第三版的網址與 QR Code：

生字筆順練習的選單截圖

▲ 國語課本雙用生字筆順選單 ▲

因為手上無所有國語教科書可供比對生字到底有沒有缺漏，只能等教育部「教育百科」的「生字詞彙表」更新到 113學年度下學期的資料。

等了幾天，終於來囉～先將「HTML5 FUN : PARTDLE 兜一兜」113學度下學期的生詞題庫加上，再寫了個工具來比對「教育百科」與「大腦與語言實驗室」的生字內容。

以下為比對的結果(以教育百科的視角來看)。

標示的格式：

出版社名稱#年級#課別

▋異體字

在教育百科的生字使用的是異體字，「國語小字典」沒有收錄，「國字標準字體筆順學習網」沒有收錄該字：

  • 南一#02#L01:「抛」，可能是「拋」。
  • 翰林#05#L07:「秃」，可能是「禿」。

▋生字但語詞中用別的字

  • 南一#02#L05:「晴」，語詞中有「眼睛」，可能是「睛」。
  • 康軒#05#L05:「仿」，語詞中有「彷彿」，可能是「彷」。
  • 康軒#05#L06:「賭」，語詞中有「先睹為快」，可能是「睹」。
  • 翰林#06#L06:「仰」，語詞中有「抑或」，可能是「抑」。

▋生字重覆出現

  • 翰林#02#L12:「招」。
  • 翰林#02#L12:「招」。

▋目前無線索

底下三個生字需要確認，再補充或修正生字筆順練習選單。

  • 翰林#06#L01:「擊」，大腦與語言實驗室有「繫」。
  • 南一#05#L01:「壼」(ㄎㄨㄣˇ筆順網無此字)，大腦與語言實驗室有「壺」(ㄏㄨˊ)。
  • 翰林#04#L06:「沖」，本生字只在教育百科中出現。
目前「國語課本雙用生字筆順選單」中是以「大腦與語言實驗室」的生字清單為主，如果有問題，歡迎在底下留言，有空我再修正。

相關連結
閱讀全文
By at 沒有留言:
標籤: ,

2024年11月28日 星期四

以 Shadowing and Summarizing 來學習語言

2024年11月28日 星期四

 昨天在 VOA Learning English 讀到這一則：

文章中說到學另一種語言，只是單純地聽與重複是不夠的，因為我們的大腦會將聽到的聲音過濾為母語的模式，導致無法真正掌握發音細節。要提升英語發音，需特別著重於shadowing，要仔細模仿語調 (intonation)、重音 (emphasis)、停頓 (pauses) 等，而非只注重單字的發音 (pronunciation)。

文末附了 Tim Murphey 在日本帶學生如何進行 Shadowing and Summarizing 的實況影片，哇！雖然時間很晚了，我居然愈看愈有精神，約半小時的影片看完，不過癮，把播放清單中，Tim Murphey的其它影片也看了一下，收穫不少。YouTube 影片網址如下：

偷懶，用 Google NotebookLM 依據字幕內容把練習 Shadowing 和 Summarizing 的方法整理出來，看了一下，哈！和放在我腦中的要點差不多，就貼在底下供參考：

Shadowing 分為三種模式：

  • 完整跟讀 (Complete Shadowing): 跟著講者說的每一個字重複，可以大聲說出來或是在腦海中默念。
    • 這個方法適合在課堂練習或與朋友練習時使用。
    • 與母語人士對話時不建議使用，因為可能會讓對方感到厭煩。
  • 選擇性跟讀 (Selective Shadowing): 只重複關鍵字或詞組。
    • 這個方法比較像是積極聆聽，適合在與母語人士對話時使用。
  • 互動式跟讀 (Interactive Shadowing): 在選擇性跟讀的基礎上，加入簡短的評論或問題，例如「哇！」、「真的嗎？」、「為什麼？」等等。
    • 這個方法可以讓你更積極地參與對話，讓對方知道你理解的程度。
    • 技巧：可以用手指計數跟讀的內容，幫助記憶。
    • 勇敢打斷對方，控制對話的節奏，讓對方知道你理解的程度。
    • 利用語調變化讓對方知道你不理解的部分。
Summarizing

在 Shadowing 之後，試著用自己的話總結你聽到的內容。 
  • 優點：訓練短期記憶和語言產出能力。
  • 幫助你思考和整理資訊。
  • 讓對方有機會補充你遺漏的資訊。

練習方法：

  1. 從完整跟讀開始練習，逐漸過渡到選擇性跟讀和互動式跟讀。 
  2. 練習時可以先從簡單的內容開始，例如日常生活對話。
  3. 可以利用各種資源練習，例如英語教學影片、電視劇、電影等等。
  4. 練習時要注意語速和語調，盡量模仿講者的發音和語氣。
  5. 持之以恆地練習，你會發現你的聽力和口說能力都會有所提升。

無論是自學或是教學，這影片滿值得一看的。

相關連結
閱讀全文
By at 沒有留言:
標籤: ,

2024年11月23日 星期六

以 OpenAI Whisper 轉語音備忘錄為字幕格式逐字稿

2024年11月23日 星期六
有老師問到，平常都用 iPhone 在錄音，也可以使用 OpenAI Whisper 來將錄音轉為逐字稿嗎？

使用我建構在 Google Colab 中的 OpenAI Whisper (或 Faster Whisper) ，只要有網頁瀏覽器，基本上就可以使用。它們的聲音來源接受影音網站公開分享的網址，也可用電腦或是裝置中的影音檔案。所以手機使用 OpenAI Whisper 來將錄音轉為逐字稿的關鍵，是將錄音工具中的語音儲存為檔案。

語音備忘錄儲存到檔案

以 iOS 中內鍵的錄音工具「語音備忘錄」來說，錄好的語音怎麼變成可上載的檔案？

  • 開啟「語音備忘錄」
  • 在錄音清單中，按一下想儲存的錄音。
  • 按一下標題右側「三個點點」的圖示「更多動作」(或是「分享」的圖示)。
  • 點選「儲存到檔案」(看不到就向下找找)。
  • 指定想儲存到哪個地方及檔案名稱。
  • 按「儲存」。

[圖1] iOS語音備忘錄儲存到檔案

那可以將錄音儲存到雲端硬碟中嗎？

當然沒問題，想儲存到哪個地方完全自己決定就好。

有了語音檔案了，接下來，就跟在電腦上操作 Colab 裡的 OpenAI Whisper 類似步驟。

OpenAI Whisper 轉語音備忘錄為逐字稿

經過前面的程序，將轉語音備忘錄儲存為檔案以後，我們就可以開啟 OpenAI Whisper 了。有兩個選擇，可以使用 OpenAI Whisper，或是 Faster Whisper，如果尚未使用過，可以先在電腦上，參考底下兩篇舊文，裡面有操作示範的影片：

如果想直接使用 Whisper ，就用底下的連結來開啟工具：

小技巧：

  • 上載音檔：
    在手機上，因為是直拿的版面，先按畫面左上角的「三條線」圖示，再按「顯示檔案瀏覽器」。這樣就可以看到「虛擬機」的檔案及目錄了（有時可能要稍等一下，等虛擬機啟動連線，請參考 [圖2] [圖3] 或示範影片）。
  • 格式選擇：
    2024.11.21 以後，格式的選項中，新增了「.srt.txt」的項目。它會輸出帶有時間的字幕格式逐字稿，但是因為檔名結尾為「.srt.txt」，在手機或是平板中會被視為純文字檔案，就可以直接開啟來查看內容。(請參考 [圖4])
  • 自動鎖定：
    手機、平板有省電的機置，可能會因為「自動鎖定」進入省電模式而自動關閉螢幕，導致 Whisper 的程序被中斷；所以在行動裝置在使用 Whisper，iOS 可能要暫時在「設定」「螢幕顯示與亮度」中，將「自動鎖定」關閉。建議如果時間較長的錄音檔，將錄音錄儲存到雲端硬碟，再使用電腦來轉逐字稿較理想。
在手機中上傳音檔的程序如 [圖2] 所示：
[圖2] 在手機中上傳音檔

上傳好音檔後，按一下檔名，再按一下右側的「三個點點」，出現選單就按「複製路徑」。
[圖3] 複製音檔的路徑
將音檔的路徑貼入 url 的欄位中，將格式設定為 .srt.txt ，其它選項則依需求自行設定，都設定完就按左上角的「播放」圖示來開始執行程序 [圖4]  :
[圖4] 設定 & 執行

完成後記得參考 [圖5] ，進行中斷連線並刪除程執行程序的動作：
[圖5] 中斷連線並刪除程執行程序

示範影片

註: 影片有中文字幕並分章節。

相關連結
閱讀全文
By at 沒有留言:
標籤: , , , , ,
訂閱： 文章 (Atom)
 
雄::gsyan © 2009. Design by Pocket