發表文章

目前顯示的是 一月, 2018的文章

OBS Studio 虛擬攝影棚開講:如何在 OBS 視窗中互動操作網頁內容或教材?

圖片
在 OBS Studio 中可以透過「BrowserSource」與「視窗擷取」這兩種方式,將網頁的內容呈現在 OBS 中,做為您教學或是錄製影片的內容!如果您已經擁有雙螢幕,下面這兩種方式可以讓您針對單一個網頁或是多個網頁,進行互動操作!一、單一網頁請用「BrowserSource」1.請在「來源」面板選按「BrowserSource」,設定來源名稱或是使用預設值都OK。
2.請輸入要顯示的網址及視窗的寬度、高度
3.在剛才加入的「BrwoserSource」來源上,按「滑鼠右鍵 / 互動」
此時會出現「與「BrowserSource」互動」的小視窗,它就是 OBS 內建的基本功能瀏覽器!您只要將此視窗移到另一個螢幕上,在上面進行網頁的操作,OBS 上的「BrowserSource」視窗就會同步顯示。
二、多個網頁請用「視窗擷取」如果您需要同時開啟多個網頁操作時,可以使用「視窗擷取」來源的方式,將瀏覽器視窗加入 OBS 中,若無法正常擷取時,可以參考之前分享的文章「OBS Studio 虛擬攝影棚開講:為什麼無法擷取來自網頁的教材視窗,都是漆黑一片?Google Chrome、Firefox、Edge 都一樣?
如果您只有一個螢幕,其實也可以透過先前介紹的方式「OBS Studio 虛擬攝影棚開講:最牛畫面擷取方式「顯示器擷取」,不論任何內容,通通全都錄!」,就能將所有螢幕上的操作都錄製下來!
以下畫面就是在進行資策會「台東晨光學苑 Webduino 遠距直播課程」的實際使用 OBS 的情形!在 OBS 軟體中操作的 Webduino Blockly 網頁畫面,其實是來自左邊的 Chrome 視窗。
※ 延伸閱讀:OBS Studio 虛擬攝影棚開講:讓 ActivePresenter 成為 OBS 最佳影片剪輯搭擋!OBS Studio 虛擬攝影棚開講:用雙螢幕配合「工作室模式」才是 OBS 最佳工作模式!20171020 中正大學:用 OBS Studio 自動去背濾鏡,不用進虛擬攝影棚,研究室、你家就是最好的磨課師錄影場所!20170908 中正大學中文系:OBS Studio 虛擬攝影棚應用與提升工作與學習效率的凌波微步:從雲端協同合作,發現創新應用OBS Studio 虛擬攝影棚開講:線上遠距教學就用 OBS 來開場,希望給台東晨光學苑同學不一樣的見面型態!OBS…

After Effect FAQ 常見問題開講:如何使用Maker標記在AE中新增註解或備忘事項

圖片
在 After Effect Composition 合成中有愈來愈多圖層,或是時間長度愈來愈長,還是多人合作製作動畫時,Marker 標記就是一個很好的註解或是備忘事項的提醒工具,讓我們可以很快掌握該合成中的動畫關鍵點。Marker 有兩種類型:
一、Comp Marker讓您在時間軸上準確瀏覽,可以使用 Comp Marker 準確的跳到 Comp 中的某個 Marker 點。建立 Comp Maker:按住 Shift 鍵加上數字 0~9 (鍵盤上方的數字列)移至 Comp Maker 時間點:按數字鍵 0~9 可自動跳至對應的 Maker 點
二、Layer Marker使用 Layer Marker 跳到 Layer 的某 Marker 個點,或加上適當的註解,方便了解時間軸編輯時或動畫進行的情形。建立 Layer Maker:選取要加入 Layer 圖層,按下鍵盤右邊「數字鍵盤」的 * (星號)加入 Layer Maker 註解:選按 Alt + *

※ 延伸閱讀:After Effect FAQ 常見問題開講:如何快速將多張圖檔依序 (Sequence Layers) 加入 TimeLine 時間軸,別再浪費時間逐一調整了!After Effect FAQ 常見問題開講:工作面板不小心關閉或是位置已跑掉,「自然療法」沒有效喔!After Effect FAQ 常見問題開講:開啟專案檔時,發現素材已遺失該怎麼處理?After Effect FAQ 常見問題開講:常用的工作面板開合快速鍵介紹 (2)After Effect FAQ 常見問題開講:如何切換 Compoosition 中計算影片長度單位為 FPS 或 Frame?After Effect FAQ 常見問題開講:如何匯入連續圖檔(縮時攝影檔案)?After Effect FAQ 常見問題開講:AE CC 開始內建的 Cinema 4D Lite 基本使用 - 如何建立 3D 文字模型?After Effect FAQ 常見問題開講:圖層的縮放與路徑的縮放,到底哪裏不一樣?After Effect FAQ 常見問題開講:都是 Layer Style 圖層樣式惹的禍!3D 圖層與 Layer Style 圖層樣式為什麼不能魚與熊掌兼顧?After Effect FAQ 常見問題開講:為什麼 Camera…

Snipaste 做為螢幕擷取、教學圖片、資料比對、便利貼真的很方便, 但有些電腦執行時卻出現「api-ms-win-crt-runtime-l1-1-0.dll 錯誤」, 該如何解決呢?

圖片
繼之前「Snipaste 與 Picpick 攜手合作 1+1,幫您一次搞定螢幕擷取、教學圖片、資料比對、便利貼!」文章介紹後,除了在研習現場很多人都覺得好用外,網路上也開始慢慢有愈來愈多人開始使用它!但是,Snipaste 在部份的 Windows 7、Windows 8 作業系統上執行,會出現「無法啟動此程式,因為電腦中缺少 api-ms-win-crt-runtime-l1-1-0.dll …」的錯誤訊息,該怎麼解決呢?
這個是因為電腦中缺少「微軟 Visual C++ 2015 可轉發套件」的關係,針對這樣的錯誤訊息,在官方網站上有提供兩種解決方案:https://docs.snipaste.com/zh-cn/troubleshooting?id=windows
一、如果您具管理者權限,可以自行安裝32位元或64位元「微軟 Visual C++ 2015 可轉發套件」32位元版:https://download.microsoft.com/download/9/3/F/93FCF1E7-E6A4-478B-96E7-D4B285925B00/vc_redist.x86.exe64位元版:https://download.microsoft.com/download/9/3/F/93FCF1E7-E6A4-478B-96E7-D4B285925B00/vc_redist.x64.exe
二、如果您沒有權限安裝VC2015或安裝失敗,可以將「微軟 Visual C++ 2015 可轉發套件」的相關檔案,複製至 Snipaste 程式目錄下即可32位元版檔案:https://snipaste-dl.sayori.pw/VC2015_dll_x86.zip?_upt=33c7c9e0151576341264位元版檔案:https://snipaste-dl.sayori.pw/VC2015_dll_x64.zip?_upt=8bdb43161515763411
經過上面的處理後,Snipaste 應該就可以正常在您的電腦上執行了!
以下針對 Snipaste 最近的更新,介紹兩個很實用的功能:
一、延遲擷取螢幕 Shift + F1這個功能在很多的螢幕擷取軟體中都有,對於螢幕畫面需要等待一點時間後才能擷取,相當有幫助!按下快速鍵 Shift + F1 ,Snipaste 會…

跟著 Webduino 一起翻轉 IoT 物聯網:Webduino 自走車三聯發 - 高職機械科、國中社團、台東自學遠距課程, 看看不同年齡、不同上課方式有什麼不一樣的學習氛圍!

圖片
在這週的 Webduino 相關課程中,把 Webduino 自走車做為上課主軸,分別針對高職機械科、國中電腦社團與台東自學遠距課程的同學,讓他們體驗透過 Blockly 操作自走車!畢竟,不論年齡多大,玩遙控車是多數同學,尤其是男同學非常喜歡的活動!※ Webduino 自走車官方網頁:https://webduino.io/buy/webduino-package-toycar.html※ Webduino 自走車官方教學網頁:先總結一下這三種年齡層、實體課程與遠距直播課程上,所看到同學的學習氛圍!
一、高職機械科同學:已經是小大人(全部都是男同學),且對於機械也有一定的了解,每個同學人手一台 Webduino 自走車後,馬上就開始測試「手動推車」,看它如何前進、後退!不過,也因為手的力量不小,所以已經有部份馬克1號出現這些意外:USB 接腳斷裂自走車馬達一邊輪子不會轉動超音波與馬達控制器焊接線斷裂自走車從桌上掉落在認識 Webduino 自走車、馬克1號,具有 Blockly 編輯的相關概念後,同學學會如何控制自走車後,第一件事情就是把戰場從桌上移到地上,開始進行兩台自走車的「對戰」!(真的,男生似乎都有暴力傾向!)※ 因為幾乎同學都是人手一機,所以開放使用「手機」或「鍵盤」方式來進行操作。但是地上都是自走車,真的增加不少風險喔!所以,機械科同學的第一個遊戲就是:自走車相僕大賽
↑ 多台自走車的相僕大賽
↑ 跟老師挑戰一下


機械科同學的第二個遊戲,也要有些競爭性:自走車踢球射門大賽
↑這樣有「帶球走」的嫌疑喔!
二、國中社團:由於全班都是七年級的同學,且只有三台自走車,所以,每班選出一個代表,每三個班級一組,進行一個競賽項目!教室現場除了廣播,也有投影機,透過投影機來進行「實況轉播」,讓所有同學都能看到「地面上的賽況」!班級代表同學們都很認真的在開始競賽前,實際操作、測試自走車。雖然也會有不小心讓自走車從桌上掉到地上,但是狀況還在可控制範圍!※ 因為年齡比較小,所以統一使用「鍵盤」方式來進行操作。
↑配合 C922 廣角網路攝影機,同步錄下現場情形,成為上課錄影影片的內容
↑ 競賽時特別搭配 1Know 的「倒數計時」功能,增加現場音效與臨場感!


第一關:自走車直線競速
第二關:自走車踢球射門大賽
第三關:自走車自動避障與人工操作避障大賽當天特別再多帶一些回收的紙箱、鞋盒,讓同學…

Webduino Blockly 「積木方城市」:如何利用「iframe 顯示網頁」自有積木,免用任何網頁語法就能輕鬆在 Blockly 中動態顯示「Google 統計圖」?

圖片
最近在 Webduino FB 技術討論區上,看到「法蘭斯」分享了他製作的自有積木:顯示網頁、溫濕度關係圖,官方也有釋出 WebVR 自訂積木與「自訂積木模組開發」的文件,如果想要擁有 Blockly 現有積木程式以外的功能,又不想每次都手動 Coding 的話,透過開發自己專屬的積木,的確可以節省不少的時間!這樣的方式也如同瀏覽器外掛擴充工具、套裝軟體的第三方增強工具一樣,可以在雲端服務或是軟體原有基礎上增加許多應用!如果你已經具備開發自訂積木的相關背景知識,可以自行參考這些開發文件來製作自己專屬的積木!但是,如果你尚未具備這樣的能力,又想要將一些雲端服務加入 Blockly 中,其實也可以借用「法蘭斯」的「顯示網頁」自有積木來實現!現在有非常多的雲端服務都能藉由「嵌入 iframe」方式提供!不僅降低許多的網頁技術門檻,也能讓國中小的同學可以馬上學會,增加在 Blockly 頁面呈現的豐富性!例如我們這次所要分享的,就是利用 Google 試算表做為資料庫,儲存溫溼度數據記錄資料,並在Google 試算表上即時產生自訂的統計圖表!除了進入 Google 試算表瀏覽外,也可以指定將溫溼度記錄文字資料或統計圖表發佈,直接在 Blockly 中顯示出來,省去在不同雲端服務瀏覽分頁切換的時間,又能在不使用任何語法的狀態下,在 Blockly 中顯示統計圖表。
法蘭斯:顯示網頁
積木範例:https://blocklypro.webduino.io/#8643
github 原始碼:https://github.com/fustyles/webduino/tree/temp/iframe_20180103
積木設定:https://rawgit.com/fustyles/webduino/temp/iframe_20180103/blockly.json


法蘭斯:溫溼度關係圖
積木範例:https://blocklypro.webduino.io/#9903
github 原始碼:https://github.com/fustyles/webduino/blob/temp/DHTchart-20180103
積木設定:https://rawgit.com/fustyles/webduino/temp/DHTchart-20180103/blockly.json


Webduino 官方「自…