如果需要自動登入到server或database來執行指令，可以使用expect來自動登入。
install：
sudo apt-get install expect
ssh example：
#!/usr/bin/expect spawn ssh username@test.dev expect "password:" send "password\n"; expect "Last login:" send "exit\n"; interact
spawn為expect內建指令，會另開一個process，可執行在終端機上的command，expect為應用程式回傳匹配的字串，send則是寄送給應用程式的string(ex：如password)，interact則是把控制權轉移給user。
html5有提供一個可以取得視訊的api，使用navigator.getUserMedia，可以取得鏡頭的影像及聲音，example如下。
html：
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<video autoplay></video>
<img src="">
<canvas style="display:none;"></canvas>
<script type="text/javascript" src="cameraSnapshot.js"></script>
</body>
</html>
cameraSnapshot.js：
(function(){
navigator.getUserMedia = navigator.getUserMedia ||
navigator.webkitGetUserMedia ||
navigator.mozGetUserMedia ||
navigator.msGetUserMedia;
var video = document.querySelector('video');
var canvas = document.querySelector('canvas');
var ctx = canvas.getContext('2d');
var localMediaStream = null;
var img = document.querySelector('img');
function snapshot() {
if (localMediaStream) {
canvas.width = img.width = video.clientWidth;
canvas.height = img.height = video.clientHeight;
ctx.drawImage(video, 0, 0);
img.src = canvas.toDataURL('image/webp');
}
}
video.addEventListener('click', snapshot, false);
if( navigator.getUserMedia ){
navigator.getUserMedia({video: true}, function(stream) {
video.src = window.URL.createObjectURL(stream);
localMediaStream = stream;
},function( error ){
alert("User denied access to their camera!");
});
}else{
alert("The browser is not support");
}
})();
這個範例主要是使用getUserMedia取得user的授權，將會回傳user所選的鏡頭串流，接著觸發video的click event，把目前video的畫面，繪製在canvas，在轉換成image。支援的瀏覽器
當網路無法使用的時候，html5提供一個可以預先儲存到本機端，讓沒有網路的情況也可以使用。當需要更新時，只要去修改manifest的版本，browser就會自動做update動作。
如果是使用nginx需要在mime.types，加入以下設定：
text/cache-manifest mf manifest;
以上動作只是針對server對browser需要吐回header，讓browser做解析，例如是php、java、node.js，這類型的語言，也可以直接在header自行加入。
html example：
<!DOCTYPE HTML>
<html lang="en" manifest="test.manifest">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript" src="test.js"></script>
<script type="text/javascript">
test.hello();
</script>
hello
</body>
</html>
test.manifest：
CACHE MANIFEST # VERSION 0.1 #需要cache path CACHE: test.js #需要連線至網路的path NETWORK: #找不到path，將去替換path FALLBACK:
以上這種作法，會有一個問題，如果當page不是靜態的，而是要做成動態方式，page會預先被cache住，即時在manifest裡面的network設定，也還是有一樣的情況。網路上查到可以使用iframe去內嵌入一個cache.html，但是這幫助並不大，實際頁面上讀取的static檔案，還是會重新去讀取，會與iframe裡面的cache沒有相關，反而會覆蓋iframe cache裡面的檔案（路徑相同，ex：test.js）。
如果只是要cache js的話，那目前有個作法，可以解決這個問題，但不是一個好的解決方式，如下。
index html：
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript">
function onload(){
document.querySelectorAll("iframe")[0].contentWindow.test.hello();
}
</script>
<iframe src="cache.html" style="display:none;" ></iframe>
<script>
document.querySelectorAll("iframe")[0].onload = onload;
</script>
</body>
</html>
cache html：
<!DOCTYPE HTML>
<html lang="en" manifest="test.manifest">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript" src="test.js"></script>
</body>
</html>
test.js：
test = {
hello:function(){
console.log("hello");
}
};
test.manifest：
CACHE MANIFEST # VERSION 0.1 # CACHE: test.js # NETWORK: # FALLBACK:
以上作法，主要是利用iframe讀取到的cache script，在從主要頁面對iframe抓取相關javascript object。