顯示具有 Javascript 標籤的文章。 顯示所有文章
顯示具有 Javascript 標籤的文章。 顯示所有文章

2023-09-24

逆向工程 USB藍牙電量檢測器 訊號並使用 Web Bluetooth API 顯示資料

最近在下因為需要整理大量 USB線 ,並區分 電源線 及 傳輸線,並丟棄效能太低的 USB線
及 了解流動電池預計差電時間,因此尋找一些能夠偵測 電量資訊 及 差電時間 的 電量檢測器

2023-05-22

將 Android 裝置當作 IOT 裝置

過去在下曾將 Android 裝置當作伺服器使用
雖然效果不及正式的工具(例如 Raspberry Pi 及 NAS)
但作為既有工具,如果不轉售,當作後備裝置使用,亦可以強化其功能
只當作伺服器使用,又好像未完全發揮功能,因此在下再嘗試更多可能性

2022-11-06

在智能手錶上搜尋香港巴士路線及預計到站時間

巴士是香港常見的公共交通工具,在下都經常乘搭
雖然各大巴士公司都有提供預計抵達應用程式,但由於頻繁的廣告,非常影響操作
而且最近在下較多使用智能手錶,但發現各大巴士公司都沒有製作支援手錶的預計抵達應用程式
如果能夠使用手錶查看資料會更方便,除了可以減省使用電話來查看資料,而且只需要翻一翻手便可以查看資料

2022-10-26

電池狀態 API

HTML5 有很多增強網頁與使用者互動 Web API
早前介紹過 Web Speech Recognition API, Web Synthesis API, Web Audio API, Web Bluetooth API
這次介紹能夠顯示裝置電量的 Web Battery Status API

2022-09-16

使用 Web Bluetooth API

在下曾經使用 Web Gamepad API, Web Audio API, Web Speech API
只需要掌握 Web API 便可以簡單地編寫跨平台工具
即使只是使用者,都能夠隨時使用或分享給其他人使用,而且不需要花時間安裝

2020-04-04

快速指派字幕位置

以前在下與阿豪已經有想過覺得影片如果有提供字幕可以讓聽障人士都可以知道內容
但製作字幕要使用的時間並不少,即使已經有文稿,字幕顯示的時間仍然需要人手處理
某晚,阿豪發送一則影片給我,讓我想一些新方法……

2020-03-24

使用 JavaScript 互動載入檔案

HTML 的 input file 可以讓使用者簡單地載入本機電腦的檔案到 HTML 的表單資料
過去可很簡單地使用 JavaScript 將 input file 的檔案路徑,更新 DOM ,例如載入不同圖片變更顯示內容
但在下最近打算編寫一個類似的程式,發現不出錯誤……

2019-05-06

製作及安裝 Chrome 擴充功能

之前在下編寫的 HTML5 Gamepad API 需要到在下的專案到才能使用,或要下載一堆檔案到電腦,感覺非常麻煩
因此在下打算將這堆檔案包裝成為瀏覽器的擴充功能,方便使用

2019-01-26

播放聲音頻率 HTML5 Web Audio API

之前在讀書時,誤打誤撞選擇選修科時,選譯了音樂欣賞
最後音樂就不太懂得欣賞,反而增加對聲音的興趣,便尋找更多關於聲音的資料
發現並開始學習使用 HTML5 Web Audio API

2019-01-07

語音合成 HTML5 Web Speech Synthesis API

HTML5 Web Speech API 除了 Speech Recognition 功能還有 Speech Synthesis 功能
Speech Recognition 是將聲音轉成文字, Speech Synthesis 是將文字轉成聲音
HTML5 Web Speech Synthesis API 同樣是網頁技術標準之一,可以由使用者自行製作需要的功能

2018-12-31

言語辨識及語音文字輸入 HTML5 Web Speech Recognition API

最近因為需要將錄音訪問轉成文字非常傷腦筋及花時間處理
發現 HTML5 的 Web Speech Recognition API 能夠將言語轉換成文字,便可以邊聽錄音邊說出錄音內容轉換成文字,加快工作速度
其實言語辨識及語音文字輸入並不是新穎的技術,以前語音輸入都需要安裝特殊軟件,而且通常都只支援 Windows
現在的 Android 及 iOS 已經分別能夠使用 Google 及 Apple 的語音輸入功能
但經過一段時間便會自動停止,如果需要長時間語音輸入,便非常麻煩
而 HTML5 Web Speech Recognition API 是網頁技術標準之一,可以由使用者自行製作需要的功能

2016-11-20

2015-05-17

HTML Table 行及列改變背景顏色

在網頁上使用 table 來展示資料經常發生
有時為了讓展示的資料,會將 行及列 的背景顏色,讓使用者較易查看

2013-03-20

增加、減少、移動 table 的列

隨著 HTML5 的推行與發展,互動頁面的數量比以往多,亦更加華麗,
而輔助這些互動功能的語法均需要使用 CSS 及 Javascript
在 Javascript 方面,由於得到 jQuery 的跨瀏覽器語法,在開發 Javascript 新功能時可以不再考慮瀏覽器的問題