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/#GqNzrPkMM9zqg


1.載入 Youtube 影片，並暫停播放

目前 Webduino 支援單一影片或是播放清單，但是程式預設載入後就會開始播放影片，所以先設定影片的狀態為「暫停」。

※ Webduino 使用 Youtube 影片網址注意事項：

2.使用 for 迴圈開始倒數計時，將數字顯示在 LED 點矩陣上，並播放「嗶」一聲

  • for 迴圈是寫程式執行重複動作時，常會用到的語法，對於未來數字範圍的調整也都相當方便！
  • 加入「等待1秒」是為了讓程式依指定間隔時間來執行！

3.前往影片特定時間位置，開始播放 Youtube 影片

Webduino 雖然不支援直接在 Youtube 網址上加入指定時間的語法，但是有提供「設定影片前往第？秒」的程式積木，這樣就能讓影片播放時，直接從最適合的時間點開始播放，不需要從頭重新播放！


4.配合「設定怪獸舞台為全螢幕」積木，播放 Youtube 影片更有 fu

Web:Bit 可以使用「設定怪獸舞台為全螢幕」積木，把原本右下角的「小怪獸互動舞台區」放大至全螢幕大小，這樣播放影片時會更有效果喔！



三、實際上課教學影片


四、Bit 賓果遊戲 MQTT 多機同步加強版

這個加強版利用 MQTT 的特性，有分成主控端與接收端，希望遊戲進行時，不論是線上或是現場的裝置，都能同步顯示並發出相對應的聲音，強化同樂的效果！

Bit 主控端：https://webbit.webduino.io/blockly/#8qMzmPK4jlV3W



Bit 接收機 https://webbit.webduino.io/blockly/#rybb8xpZaxpyk 









※ 教學資料總整理：


※ Youtube 直播與研習記錄：


※ 延伸閱讀：

留言

張貼留言