Webduino模擬器「瘋」神榜：用 LED 點矩陣倒數計時 + Youtube 網頁互動播影片，一起來跨年倒數、跳妖怪手錶做運動，炒熱氣氛吧！


在 Webduino Blockly 網頁互動方式中的「Youtube」，可以讓我們輕鬆地將這些 IoT 物聯網的元件與影片結合做互動，不僅可以發揮 Webduino 原生網頁技術的優勢，更能利用 Youtube 影片帶動氣氛！不論是跨年倒數、生日派對、勁歌熱舞，都可以一起來玩玩看喔！

※ Webduino 官方網站：https://webduino.io/
※ Webduino 的Arduino 模擬器網址：https://simulator.webduino.io/
註：目前線上模擬器已經能在 Windows / MAC 電腦與平板上使用囉！


※ 用 LED 點矩陣倒數計時 + Youtube 網頁互動播影片，一起來跨年倒數、跳妖怪手錶做運動 Demo  網址 ：


一、模擬器「硬體」連接與硬體積木程式：LED 點矩陣、蜂鳴器

  • LED 點矩陣，腳位為：VCC：5V、GND：GND、DIN：14、CS：12、CLK：13
  • 蜂鳴器，腳位為：05，另一個腳位接到 GND



二、載入 Youtube 影片，並暫停播放

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



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

  • 支援：瀏覽器「網址列」的標準網址，如 https://www.youtube.com/watch?v=VyKLQXOj0ts
  • 不支援：「短址」，如 https://youtu.be/3g5Stkt-w70！


※ 20210718補充：

由於行動裝置上 Youtube 影片網址與電腦版不同，因此，使用 Youtube 影片積木部份，只能在電腦版上執行，行動裝置上雖可顯示，但無法自動播放影片。



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

for 迴圈是寫程式執行重複動作時，常會用到的語法，對於未來數字範圍的調整也都相當方便！




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

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





五、「一起來跳妖怪手錶做運動」模擬器實測：


是的，這個範例就是這麼簡單，趕快一起來做運動囉！





※ 延伸閱讀：

留言

張貼留言