關閉Twilio 視訊聊天室的同步問題 / Sync issue when closing Twilio video call room
跟同事C一起弄Twilio 網頁端視訊聊天室，先前都很正常，最近卻開始出現了奇妙的狀況。深究原因是因為async的 api request, 加上 Twilio 會在最後一個聊天室成員離開後就將其關閉造成。
Tag: javascript
php handle CORS http api request in Unity WebGL project
Unity 可以將專案 deploy 到 web 環境中執行，但此時送 http api request 的時候，就會有 CORS 需要處理。
AWS S3+Media Converter+CloudFront 做 video file streaming CDN服務
雖然最後算算價格跟考慮使用情境應該不會採用這樣的 solution，但還是來記錄一下。
javascript 做 cors request 並夾帶 authorization (帳號密碼) 資料給 php
關鍵點在於不論是 XMLHttpRequest 或者是用 ajax，只要有夾帶 authroization (user name & password) 要做認證的話，會多一個 OPTIONS request，而且 javascript 這邊也要做修改。
Customized logger in javascript
最近剛好工作上有需要，所以就來寫一個。
Node.js 計算目錄內檔案數量
可以用 fs 或者 shelljs 來做，各有千秋 //using fs fs = require(‘fs’); console.log((fs.readdirSync(‘../json/’)).length); //using shelljs shell = require(‘shelljs’); console.log((shell.ls(‘../json/’)).length);
Nodejs CORS-Anywhere example
其實還蠻容易的…
取得網頁中滑鼠油標下的元素 / Get the web element under mouse cursor
方法1: 透過 mouse events 去取得 mouse cursor position, 然後再呼叫 document.elementFromPoint var x = event.clientX, y = event.clientY, elementMouseIsOver = document.elementFromPoint(x, y); 方法2: 在比較新的瀏覽器可以用 jquery 的 querySelectorAll 取得 document.querySelectorAll( ":hover" );
XMLHTTPRequest URLEncoding
記錄一下，免得每次都腦包忘了怎麼做…
Javascript XMLHTTPRequest file/image upload
Using javascript and XMLHTTPRequest to upload file/image.