最近在 Threads 上有網民分享,用 AI 寫程式製作的巴士報站器,但背後的原理其實不是太過複雜。之後就有網民分享,只用一個可在手機運行的 HTML 網頁檔案,就可在任何一部舊手機、平板電腦上,運作巴士報站器。將我們可以利用家中閒置的舊手機或舊平板電腦,佈置在玄關、門口或書桌旁,製作成一部屬於你家人的巴士報站器,在出門前一秒輕鬆掌握巴士實時到站時間。

這款精心設計的巴士到站時間報時網頁,由 Threads 網友 @bbbeeennnhk 製作。吸引之處在於大幅降低自製門檻。相比之前不少玩家要用微控制器、電子屏幕或自行組裝硬件,今次分享把系統濃縮成一個網頁介面,用舊電話或平板已可充當家用巴士到站屏幕。
Step 1 下載 HTML 檔案
要部署這部專屬巴士報時器,過程非常直覺簡單。首先請直接從樓主提供的連結下載網頁檔案。

▲點擊製作者 @bbbeeennnhk 帖文中提到提供的連結下載檔案

▲在點擊連結後,iPhone/iPad 用家選擇「儲存至檔案」下載
Step 2 在手機/平板實行 HTML 檔案
如果你用的是 Android 手機平板,直接使用 Chrome 瀏覽器打開便可。
如果你是 iPhone/iPad 用家,請先到 App Store 下載一個叫 Koder 的 App,這款工具允許在 iPhone 的封閉環境中順暢運作 HTML 檔案。開啟 Koder 後,請按畫面中央的按鈕來加入檔案,在加入時點選「Import Files from Files」選項。接著,讀取瀏覽器「下載資料夾」內你剛才下載好的 HK_BUS_ETA.html 檔案。

▲iPhone/iPad 用家下載「Koder」應用程式後,打開你剛才下載好的 HTML 檔案

▲選「Import Files from Files」再選取你剛才下載到的檔案
讀取檔案後,只要按一下畫面上方的眼睛圖示即可執行程式。當畫面順利顯示出報時器介面,即代表網頁運作成功。

Step 3 設定巴士站
這時請按一下左上角的齒輪圖示,進入設定畫面來設定巴士站,並輸入你專屬的巴士站 ID(關於找巴士站 ID 的方法,請再參考下文)。報時器提供了淺色與深色兩個主題,供用家自行選擇最適合室內光線的色調。


▲打開設定畫面,輸入巴士站 ID(找 ID 的方法下文繼續介紹),以及為它命名一個名字便可
以下是實際的巴士站報時器畫面:



巴士站 ID 查詢與設定方法
找巴士站 ID 的方法也很簡單。首先,在樓主提供的另一個連結中,打開巴士站查詢頁面。接著,輸入你想要配置的巴士站名稱,實際名稱可以參考 KMB 官方 App 作為準確對照,今次我們的示範例子是「觀塘定富街」。
Step 1
在「巴士到站查詢」頁面搜尋巴士站;

Step 2
當我們在列表中順利找到該巴士站後,可以先預覽確認行經的巴士路線,接著按一下畫面上的紫色巴士站 ID 進行複製。最後,回到剛才的報時器設定畫面並將 ID 貼上,儲存後便完成了所有的配置,你的舊手機即時變身為最實用的到站提示器。

