最近打算 Raspberry Camera 或 小米攝影機做監控發送訊息通知，所以先行研究 RSTP，想說之後串 OpenCV 可以先測試結果，不過沒想到 RTSP Server 就搞了那麼久…。

彩蛋就先放這: 我Raspberry PI Camera 找的方案

• MieszkoMakuch/pi-security-camera: University project: Smart security camera on raspberry pi with email notifications and web interface

• (1) How to Make a Smart Security Camera with a Raspberry Pi Zero - YouTube

• chollinger93/scarecrow: A Raspberry Pi powered, distributed (edge) computing camera setups that runs a Tensorflow object detection model to determine whether a person is on the camera. A plugin model allows actions based on the detection, such as playing audio, turning on lights, or triggering an Arduino.

• (1) Raspberry Pi Camera VS NOIR Camera - YouTube

shbatm/MMM-RTSPStream: MagicMirror² module for streaming an RTSP video stream from a security camera to your MagicMirror.

結果我後來放棄這個方案，使用打算使用 Motioneye。

常常看到一堆人搜尋會用到**/*.php(ex: ./gitignore)，這看起來不向正規化，最近再用 VSCODE 再找類似正規畫套用查詢，結果發現 vscode 查詢適用 glob 。
No regular expression support for files to include in search. · Issue #36882 · microsoft/vscode

網路上教學

Gulp 學習筆記 - Glob 篇 | 格物致知

感覺是大坑，裡面還滿詳細的，有用到進階在學。

排除方法

沒有找到在前面排除方法，但有找到在中間排除。但我看這種方法還是少用，像是 VSCode 有排除選項可以選。

/src/**/!(els)/*.scss
參考:Any way to ignore/exclude a file or folder? · Issue #24 · mysticatea/cpx

後來發現可以做到，/**/!(xxx.js)要這樣設定才有效，這樣!(/**/xxx.js)沒效

Glob online tester

因為工作需求要專案檔案差異清單，要怎麼快速整理清單真的讓我想了一下。最後發現 Winmerge 就能做到簡單程式差異比對。

快速查詢多個檔案方法

簡單小記

簡單用 Docker 部屬前端程式 nginx

之前這篇Vue Router 4 學習筆記 | 程式狂想筆記有記錄到要怎麼使用 nginx，今天就簡單實作看看。

網頁複製文字研究整理

常用這個功能，我都網路 Google 找解答，今天又去爬了一次，就順便整理一下。

JavaScript atob 轉 base64時候處理中文方法

我以前一直以為轉 base64 一定都要透過套件來完成，但某一年我看到 JS 也能直接轉 base64(用atob)，我一直以為很完美，直到我今天轉到中文就轉不過了…

參考:操控瀏覽器歷史紀錄 - Web APIs | MDN

上/下一頁API

往前往後歷史紀錄可以用 back(), forward(), 和 go() 的方法。

1
2

window.history.back();
window.history.forward();

移置特定頁面

移動到特定的歷史紀錄

你可以用 go() 方法來從頁面的 session history 紀錄中載入特定紀錄，以目前頁面的相對位置而定（目前的頁面想當然爾是 index 0）。

1
2

window.history.go(-1);
window.history.go(1);

其它

1

var numberOfEntries = window.history.length;

加入和修改歷史紀錄

pushState() 方法範例

1
2

var stateObj = { foo: "bar" };
history.pushState(stateObj, "page 2", "bar.html");

replaceState() 方法

1
2

var stateObj = { foo: "bar" };
history.replaceState(stateObj, "page 2", "bar.html");

popstate 事件

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

window.onpopstate = function(event) {
  alert("location: " + document.location + ", state: " + JSON.stringify(event.state));
};

history.pushState({page: 1}, "title 1", "?page=1");
history.pushState({page: 2}, "title 2", "?page=2");
history.replaceState({page: 3}, "title 3", "?page=3");
history.back(); // alerts "location: http://example.com/example.html?page=1, state: {"page":1}"
history.back(); // alerts "location: http://example.com/example.html, state: null
history.go(2);  // alerts "location: http://example.com/example.html?page=3, state: {"page":3}

這邊可以看到，第一頁面，state是null，replaceState跟 location.replace 很像，上下一頁不會取代掉

我這台電腦 hfs 無法對外連線，有設定開通防火牆，一直找不出什麼問題。最近看了Docker Desktop for Windows 啟動的容器無法透過遠端連接的靈異事件簿 | The Will Will Web，嘗試著調整防火牆，別台電腦終於可以連了。

雖然保哥紀錄已經夠完整了，建議可以看上面文章，這邊還是紀錄我的筆記。

Oralce 有限制 Like 不能超過 1000 多筆。之前有寫過相關文章如下

1. 寫程式使用 split 切割不會注意到的陷阱 | 程式狂想筆記
2. Oracle WHERE IN 條件塞入超過 500 筆查詢條件方法 | 程式狂想筆記

但這些虛要手動處理太多，不能一次喝成，有時候資料量真的太大，只能分開查。最近想到 Sublime Text 方法，簡單做個記錄。
還是需要滿多步驟