11324物聯網系統設計應用 Week12 學習日誌

任課老師：王曉璿

學　　生：林品彤

學 號：ADT110143

一、課程摘要

1. Line X Web:Bit：遠端自動控制系統

2. Webcam + Web:bit互動照相系統設計製作

二、課程網路資源

開發環境：https://webbit.webduino.io/blockly

三、課程重要指令語法摘要

<script>

// 取得webcame 並顯示在视訊元素中

function show(){

navigator.mediaDevices.getUserMedia({ video: true })

.then(function(stream) {

video.srcObject = stream; //傳遞video的視訊網址

video.play(); //播放視訊

})

.catch(function(err) {

console.error('無法取得視訊：', err);

});

}

</script>

</body>

</html>

四、學習心得

這周跟著老師一步一步學習從積木圖轉成HTML，再學習Webcam設計，從能顯示前鏡頭的畫面，到能拍照，再到能下載照片。雖然一開始自己寫程式的時候有點小錯誤，但丟到AI裡去詢問後就有順利解決！