Webduino模擬器「瘋」神榜：用 Bit LED 點矩陣倒數計時 + Youtube 網頁互動播影片，一起來跨年倒數、跳妖怪手錶做運動，炒熱氣氛吧！
之前曾介紹過使用 Webduino Smart 模擬器製作「用 LED 點矩陣倒數計時 + Youtube 網頁互動播影片，一起來跨年倒數、跳妖怪手錶做運動，炒熱氣氛吧！」的應用！
一、關於 Web:Bit 教育版
Web:Bit 教育版雲端服務將「真實開發板」與「模擬器」兩者合而為一，即使您沒有購買開發板，也可以玩大多數的 IoT 應用喔！
※ Web:Bit 免費教育線上版：https://webbit.webduino.io/
※ Web:Bit 官方教學：https://md.webduino.io/s/vjiZS5dmS
1.Web:Bit 教育版雲端服務操作介面
2.首次登入需註冊帳號！
3.相同類型的積木放在同一類別中，使用相同顏色，很容易判別積木的類別
4.擴充功能完全免費，只要點按一下就能加入或移除
二、用 LED 點矩陣倒數計時 + Youtube 網頁互動播影片
在 Web:Bit 「擴充功能」中的「Youtube」，可以讓我們輕鬆地將這些 IoT 物聯網的元件與影片結合做互動，不僅可以練習 Webduino 原有的「語音&音效」、「音樂&聲音」和「語音朗讀」積木，更能利用 Youtube 影片帶動氣氛！不論是跨年倒數、生日派對、勁歌熱舞，都可以一起來玩玩看喔！
※ 用 LED 點矩陣倒數計時 + Youtube 網頁互動播影片，一起來跨年倒數、跳妖怪手錶做運動 Demo 網址 ：
-
倒數計時「音樂&聲音」版：https://webbit.webduino.io/blockly/#03lY7Kw42Dpyv
-
倒數計時「語音&音效」版：https://webbit.webduino.io/blockly/#Jy1axQ44r7Lyl
倒數計時「語音朗讀」版：https://webbit.webduino.io/blockly/#GqNzrPkMM9zqg
1.載入 Youtube 影片，並暫停播放
目前 Webduino 支援單一影片或是播放清單，但是程式預設載入後就會開始播放影片，所以先設定影片的狀態為「暫停」。
※ Webduino 使用 Youtube 影片網址注意事項：
- 支援：瀏覽器「網址列」的標準網址，如 https://www.youtube.com/watch?v=VyKLQXOj0ts
- 不支援：「短址」，如 https://youtu.be/3g5Stkt-w70
2.使用 for 迴圈開始倒數計時，將數字顯示在 LED 點矩陣上，並播放「嗶」一聲
- for 迴圈是寫程式執行重複動作時，常會用到的語法，對於未來數字範圍的調整也都相當方便！
- 加入「等待1秒」是為了讓程式依指定間隔時間來執行！
3.前往影片特定時間位置，開始播放 Youtube 影片
Webduino 雖然不支援直接在 Youtube 網址上加入指定時間的語法，但是有提供「設定影片前往第？秒」的程式積木，這樣就能讓影片播放時，直接從最適合的時間點開始播放，不需要從頭重新播放！
4.配合「設定怪獸舞台為全螢幕」積木，播放 Youtube 影片更有 fu
Web:Bit 可以使用「設定怪獸舞台為全螢幕」積木，把原本右下角的「小怪獸互動舞台區」放大至全螢幕大小，這樣播放影片時會更有效果喔！
三、實際上課教學影片
※ 教學資料總整理：
- 跟著 Webduino 一起 Smart 學習 https://sites.google.com/view/cfp-webduino-smart/
- Sweet Home 3D 教學總整理：https://sites.google.com/view/sweethome3d-tw/
- OBS Studio 虛擬攝影棚教學總整理：https://sites.google.com/view/obs-tw
- 翻轉教學「現形記」教學總整理：https://sites.google.com/view/teachers-tools/
- 啟芳出版：(高職商業與管理群) 數位科技應用下冊
※ Youtube 直播與研習記錄：
- 1111206 TCN南投創客基地：OBS與mmhmm虛擬攝影棚應用線上研習直播影片(111年最後一場線上研習)
- 1111125、1202 銘傳大學：mmhmm 虛擬攝影棚 + Vrew 字幕編輯，讓教材錄影更生動有趣！研習記錄
- 1111129 高雄市立福誠高中：OBS 虛擬攝影棚 + Vrew 字幕編輯，讓教材錄影更生動有趣！研習記錄
- 1111019、1026、1102、1123 修平科技大學：混成教學 快速上手應用研習記錄
- 屏東縣資教中心111年「OBS虛擬攝影棚應用」研習直播影片，六小時介紹完整 OBS 教學情境、如何加入即時字幕與 mmhhmm 另類虛擬攝影棚！
- 1110826、0906 跟著「OHA雲端教室」開學去！(您線上線下、混合式教學的好幫手) ！線上研習直播影片
- 1110816 屏東縣資訊教育資源中心：Canva 教育版在教材製作與互動簡報的應用！線上研習直播影片
- 1110815 木柵高工「OHA雲端教室 + 1Know 翻轉學習平台」您線上線下、混合(複合)式教學的好幫手！線上研習直播影片
- 1110512 「用1Know任務闖關，進行班級經營與翻轉學習」線上研習直播影片
- 1110527 屏東縣資教中心111年「線上線下混合式教學互動」研習直播影片，內容主要介紹 HiTeach CC免費跨平台雲端服務、Pear Deck投影片互動提問
- 1110624、0625 台中創客基地：Webduino Smart 線上基礎課程！線上研習直播影片
- 1111116 田尾國中：Webduino 智慧植栽應用研習記錄
- 1111015 花蓮高商：Webduino 物聯網實務與應用講座研習記錄
- 1111012、1109 雲林四湖南光國小：Canva 教育版在教材製作與互動簡報的應用研習記錄
- 1110915、0922 臺南高商：Canva 教育版在教材製作與互動簡報的應用研習記錄
- 1110914、 0921 花蓮中正國小：Canva 教育版在主題簡報與畢業微影片的應用研習
- 1110916 臺中市資訊輔導團：Canva 教育版在影片剪輯的應用研習記錄
※ 延伸閱讀：
- Webduino模擬器「瘋」神榜：用 Bit 語音辨識打造教師專屬的教學音效機(聲卡)
- 述文老師 Webduino 新書續集接棒：跟著 Webduino 邁向 IoT 高手之路！透過「自有積木」增強 Webduino 功能與 IoT 客製化互動網頁一次到位！
- 述文老師 Webduino 新書推出：跟著 Webduino 一起 Smart 學習！書籍專屬 Google 協作平台同步上架，章節試閱、即測即評、教學資源全都有！
- Webduino Blockly 「積木方城市」：用 MQTT 做到真正 Webduino 網頁協同同步顯示裝置狀態
- Webduino Blockly 「積木方城市」：用 MQTT 打通所有 Webduino 開發板的「任督二脈」
- Webduino Blockly 「積木方城市」：雲端部署功能正式上線，全自動運行 Webduino 更方便！
- Webduino Blockly 「積木方城市」：如何將 Blockly 體驗版程式無痛轉移至 Cloud 雲端版？
- Webduino 動手做系列：冰棒棍水車小木屋
- Webduino 動手做系列：冰棒棍智慧小木屋
- Webduino 動手做系列：環保紙風車 + 冰棒棍基座
- Webduino Blockly 「積木方城市」：如何一次停用或啟用多個程式積木？
- Webduino Blockly 「積木方城市」：用 Bit 九軸加速器玩「拋拋剪刀石頭布」與「擲骰子」
- Webduino Blockly 「積木方城市」：如何利用「iframe 顯示網頁」自有積木，免用任何網頁語法就能輕鬆在 Blockly 中動態顯示「Google 統計圖」？
- Webduino Blockly 「積木方城市」：如何利用「使用自有積木」找回失落的「Google 地圖」積木「拼圖」？
- Webduino 太陽能照明與智慧植栽澆灌實作@台北市螢橋國中
- Webduino模擬器「瘋」神榜：用伺服馬達+按鈕學旋轉角度控制與使用者資料輸入，看誰的角度「眉角」最神準！
- Webduino模擬器「瘋」神榜：用三色 LED 幫交通警察控制紅綠燈、學函數(流程)
- Webduino模擬器「瘋」神榜：用 LED 點矩陣+按鈕+蜂鳴器模擬擲骰子、認識等待、聲音播放與停止積木
- 跟著 Webduino 一起翻轉 IoT 物聯網：什麼，連測試的 Blockly 積木都懶得寫？那就使用「載入範例積木」功能吧！
- Webduino模擬器「瘋」神榜：用 LED 點矩陣學陣列應用、玩賓果(進階版：可記錄與顯示已抽取號碼、Blockly 程式註解)
- Webduino模擬器「瘋」神榜：用LED 點矩陣學小綠人動畫與分鏡設計
- 跟著 Webduino 一起翻轉 IoT 物聯網：杜邦線使用PK賽「張君雅小妹妹麵條餅」一排一排 V.S「模範生點心麵」獨立麵條式一條一條？
- Webduino模擬器「瘋」神榜：用LED燈+蜂鳴器+超音波完成「倒車雷達」、學「多重邏輯判斷」
- Webduino模擬器「瘋」神榜：用「多顆LED霹靂燈」學列陣與多重迴圈
- Webduino模擬器「瘋」神榜：用「多顆LED霹靂燈」學變數命名與迴圈
- Webduino模擬器「瘋」神榜：模擬器為什麼無法「模擬」出結果？
- Webduino模擬器「瘋」神榜：用「如來神掌」玩超音波感測器！
- 跟著 Webduino 一起翻轉 IoT 物聯網：線上模擬器為何無法做元件的「連線」？
- 什麼？Webduino 也能玩假的？Webduino 最新推出的 Arduino 模擬器，讓您也能「弄假成真」！
留言