文章

帶著 myViewBoard 開學去:一起來了解 Windows 版的數位白板教學現場,老師與同學間如何進行螢幕分享!

圖片
  myViewBoard Windows 電子白板除了很方便讓老師備課與在教室進行講解使用外,也可以透過以下幾種方式,將老師的螢幕畫面與同學分享,或是讓同學將畫面分享給老師!不論是在面對面的教學現場或是即時遠距教學課堂上都適用! 是的,這就跟多數老師曾使用過的 Google Meet、微軟 Teams…等服務相同,但是,統統可以使用 myViewBoard 「一站式服務」完成! 在後疫情時代的多元工具中,您可以使用「混搭」模式,或是「單一軟體」模式,自由組合,輕鬆搭配,找到您的最佳教學途徑! 一、傳送「老師端」數位白板螢幕 1.請您開啟「傳送數位白板螢幕與接收使用者的螢幕」功能。 2.請同學進入 https://myviewboard.com/ 註冊帳號並登入後,提出接收數位白板分享畫面的請求。 3.老師端會收到通知訊息,需經老師同意後才會傳送數位白板的畫面給同學。 ↑ 同學端所看到的數位白板畫面 二、使用網路直播「老師端」螢幕 myViewBoard 也支援 Youtube、Facebook 網路直播的功能,只要依下列方式,輸入您的「串流金鑰」與「串流伺服器網址」,就能將您的螢幕畫面直播出去!   不過,您必須先了解「網路直播」與「網路視訊會議」的最大差別,就是畫面延遲的等待時間,「網路直播」會有 15 ~ 30 秒的時間差,而「網路視訊會議」則只有 5 ~ 10 秒! 因此,「網路直播」比較適合以「觀看」為主的場合,或是利用直播進行教學錄影,讓同學課後可以自行開啟此網址,進行複習! 三、「同學端」螢幕分享 當同學端有問題時,可以進入 https://myviewboard.com/ ,只要依下面的步驟就能將畫面分享給老師的「數位白板」,不論是否有登入 myViewBoard.com 帳號,都可以進行喔! 以下則是教師端所看到的畫面,由老師決定是否接受同學螢幕分享,還可以透過視窗下方的工具列進行畫面擷取或是語音對話,可以即時將同學畫面在教室現場讓同學看到,並進行講解說明。       ※ 教學資料總整理: 跟著 Webduino 一起 Smart 學習 https://sites.google.com/view/cfp-webduino-smart/ Sweet Home 3D 教學總整理:https://sites.google.com/view/s

教學百寶箱:圓形攝影機頭像當道,RecordCast 線上螢幕錄影服務不僅免安裝,還有豐富的線上影片剪輯功能!

圖片
繼之前「 教學百寶箱:loom 輕量級的錄影工具,有討喜的圓形攝影機頭像 + 線上影片分享、剪輯與統計!(Win/MAC/Chrome/iOS) 」之後,近期還有看到「RecordCast 線上螢幕錄影服務」與「Screenity 教學影片錄影  Chrome 套件」,都是使用「圓形攝影機頭像」的應用,它們不只可以錄影,也都具備影片剪輯的功能,讓您直接處理影片,不用再找其他的影片剪輯軟體! 一、 RecordCast 線上螢幕錄影  https://www.recordcast.com/ RecordCast 是一個不需要安裝任何軟體或瀏覽器附加元件的線上免費螢幕錄影,而且不需要註冊即可以進行錄影!它也跟 loom 一樣簡單,並提供三種螢幕錄影情境!只要三個步驟就能完成錄影的動作! ※ 錄影注意事項: 目前 RecordCast 最長錄影時間為 30 分鐘! 除了麥克風外,如果有需要錄製系統的聲音,請使用 Google Chrome 瀏覽器!  當按下網頁上的「Download」下載時,會將「Webcam畫面」與「螢幕錄影」分成兩個影片下載,您可以自行使用相關的影片轉檔程式或雲端服務,將 *.webm 格式轉換為 MP4 格式。 二、 RecordCast 線上影片剪輯 RecordCast 也提供了強大的線上編輯影片的功能, 除了將「Webcam 視訊」與「螢幕畫面」分開,成為獨立編輯的一個軌道,還準備了非常豐富實用的「標題」、「文字動畫」與「動畫圖庫」,能輕鬆進行更多的視訊剪輯功能! ※ 線上剪輯注意事項: 在不註冊的情形下可以使用「線上編輯影片」功能,但是若要下載編輯完成後的影片,則需要註冊帳號並登入! 進入「線上影片剪輯」時,錄製完成的兩段原始影片( *.webm 格式),會馬上下載至您的電腦上,一般預設會放在「下載」資料夾中,請不要刪除它喔! 每個帳號可以擁有 8 個影片剪輯專案。  雲端上的專案只會記錄影片在電腦上的路徑,並不包含「原始錄影影片 *.webm」檔案,因此,若您未來要編輯專案時,必須保留這些 *.webm 原始影片,才能繼續編輯喔! 在中文字型的部份,更是貼心的準備了「繁體中文」、「簡體中文」與「日本語」常見的開源免費字型,不用擔心只有細明或標楷體可以使用! 三、 RecordCast 實際操作與教學影片 一起來看看實際操作的教學影片吧!

Photoshop 的替身演員 Photopea:一起來看看 Photopea 選取工具如何聰明選取!

圖片
Photopea 提供相當多元的影像選取工具,對於影像合成來說是最基礎卻也最重要的,且與 Photoshop 一樣,除了有基本的選取工具外,更有方便的「調整邊緣」與「Magic Cut」(自動背景移除) 工具可以使用。 ↑ Photopea 與 Photoshop 工具列 一、移動工具微調一下更好用 移動工具主要用來選取作用圖層與移動圖層的內容位置,建議您可以核選「自動選取」,只要用滑鼠點選影像中的物件,「圖層」視窗就會自動選擇該物件圖層。 二、物件選擇工具幫您聰明選取物件 與 Photoshop 同等級的物件選擇工具,可以幫您在指定的框選範圍中,自動判斷影像中的物件並將它選取,大幅減少選取物件的時間。若對於選取範圍不完全正確,可以配合其他選取工具再進行加減選的微調動作。 三、Magic Cut 自動背景移除輕鬆完成 融合 Photoshop 的 AI 「主題選取」自動判斷與微軟 Office 「背景移除」手動調整的優點,先讓 AI 進行影像自動選取後,再針對不完整的部份透過手動調整,以達到更快速、精準背景移除效果! 1.選按「選取 / Magic Cut」,讓 AI 先為您自動選擇影像中的主題。   2.認識 Magic Cut 前景色、背景色與擦除 綠色:前景色,為保留影像的區域 紅色:背景色,為影像去背的區域 灰色:為擦除「綠色」或「紅色」塗刷錯誤的區域 選按「綠色」的前景色,用適當的筆刷大小塗在綠色葡萄範圍上,Photopea 會自動將影像中與塗刷範圍顏色相近的範圍保留。選按「紅色」的背景色,則會將影像中與塗刷範圍顏色相近的範圍移除。   ※ 「綠色」與「紅色」筆刷的範圍若重疊時,會出現如下的警告訊息,請使用「灰色」橡皮擦將重疊區域擦除。 四、複雜邊緣選取好幫手:調整邊緣 不論您使用哪一種選取工具,都可以看到「屬性工具列」上的「調整邊緣」選項,它可以透過筆刷的塗抹,快速選取複雜不易處理的影像邊緣,如人或動物的毛髮。    A.認識調整邊緣前景色、背景色與擦除 白色:前景色,為完整保留影像的區域 灰色:不確定區域或是複雜不易選取區域 黑色:背景色,為影像去背的區域 B.可先搭配其它選取工具進行選取後再使用調整邊緣,也可以獨立使用 以下圖的狗照片為例,可以先使用「快速選擇」工具選取狗主體後,再進入「調整邊緣」,可以加快物件選取的速度。   ※ 「灰色」筆刷大小該

我的教學錄影新夥伴:圓剛 AverMedia PW313 高畫質網路攝影機與 AM310黑鳩高音質USB麥克風

圖片
一、 圓剛 AverMedia PW313 高畫質網路攝影機 在教學影片的錄製上,已經使用羅技 C922 PRO STREAM 網路攝影機好一段時間,有廣角攝影機與雙聲道收音是它的優點,但是在 Webcam 影像畫質的飽和度上常常會覺得比較差,且在有背景噪音的環境下,如一些網路設備的風扇聲、機器運作低頻聲,它會自動降噪,反而造成錄音的音量會很低! 最近在員林農工的研習課程中,學校採購的圓剛 AverMedia PW313 高畫質網路攝影機,雖然價格 1000 元有找,但是表現一點都不輸給羅技 C922 PRO STREAM, 在 Webcam 影像畫質的飽和度上有很不錯的表現,也有 Full HD 1080p 高畫質錄影、雙聲道收音、支援 360 度旋轉支架設計與腳架連接孔,且它的 USB 連接線長度也都超過 1 公尺,不用擔心連線到主機不夠長的情況。    ↑ 在相同網路攝影機擺放位置條件下, 可以明顯看出兩款網路攝影機在影像「飽和度」上的差異    二、圓剛 AM310 黑鳩高音質 USB 麥克風 在教學影片的聲音呈現上,一直有在思考是否需要購買「指向性」的高音質麥克風,讓教學影片的品質可以更上一層樓!因此,在今年就決定往這個方向改善,比較了幾款麥克風之後,決定使用圓剛 AM310 黑鳩高音質 USB 麥克風,具心型指向式電容麥克風、專業級收音效果、錄音即時監聽,也有專屬靜音按鈕。 經過最近兩週的實際錄音測試,真的發現教學影片的錄音品質有很大的提升,原本使用網路攝影機錄下的聲音,聽起來相對比較「乾、扁」,而圓剛 AM310 黑鳩高音質 USB 麥克風的錄音品質則有明顯的「飽滿度」與「立體聲」。 不過,圓剛 AM310 黑鳩高音質 USB 麥克風加上底座的重量真的不輕!       開啟 mp3 檔案實際聽聽看兩的差異: 羅技 C922 PRO STREAM 網路攝影機收音效果.mp3 圓剛 AM310 黑鳩高音質 USB 麥克風收音效果.mp3               ※ 教學資料總整理: 跟著 Webduino 一起 Smart 學習 https://sites.google.com/view/cfp-webduino-smart/ Sweet Home 3D 教學總整理:https://sites.google.com/view/sweethom

20201225、1226 員林農工:數位教材錄製與課堂互動工具應用

圖片
  這是繼 2016年11月之後,第二次來員林農工進行研習!這次有兩天充裕的時間跟老師們分享數位教材錄製與課堂互動工具應用。 第一天從 OBS 虛擬攝影棚的應用與錄製談起,讓老師們在藍綠幕的輔助下,能自行建立適合的上課情境,並配合 Active Presenter 簡報 + 時間軸的數位教材製作軟體進行剪輯,順利錄製教學影片!  第二天則繼續深入 Active Presenter,介紹更多教學錄影問題的剪輯技巧,並分享最新的 RecoderCast 雲端錄影剪輯的使用。再加入 myViewBoard Windows 電子白板與雲端數位教室的教學現場互動體驗! 希望透過這麼多的數位教材錄製與課堂互動工具應用,讓受到 2020 年疫情影響下的教學現場,老師們能找到更多可以因應的工具,讓教學更順利!😊 ※ 研習簡報檔案 http://bit.ly/1091225-01   ※ 兩天研習完整教學影片 https://www.youtube.com/playlist?list=PLGgb8xybFghtqmSkGWgJy9JyQZ6DSD8RA        ※ 研習後記 員林農工有 20 公頃的校園,就位於員林市中心,真的相當幸福!幾乎每個科都有自己的大樓,校園裏還有養乳牛、荷花池,甚至能划船,已經是媲美中興大學、東海大學的等級了! 非常感謝彭主任特別利用中午休息時間,帶著幾位研習老師一起來一趟員林農工校園巡禮,體驗農工師生專屬的幸福!   ※ 教學資料總整理: 跟著 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 ※ 延伸閱讀: 帶著 myViewBoard 開學去:從 2020 臺灣教育科技展 myViewBoard 40 場精彩應用分享,找到適合自己的教學情境!  帶著 myViewBoard

Sweet Home 3D 最 Easy 開講:如何透過 Export to HTML 5 外掛程式將專案檔輸出為 HTML 5 互動 3D 網頁格式!

圖片
  使用 Sweet Home 3D 不只是單純的建立 3D 模型與攝影機動畫,還能透過 Export to HTML 5 外掛程式將專案檔輸出為 HTML 5 互動 3D 網頁格式,直接讓使用在線上進行 3D 模型的互動操作! 在 Sweet Home 3D 官方網站的「畫廊」頁面,您就可以針對有興趣的作品按下「3D Animation」,進行即時的「鳥瞰模式」、「虛擬觀視模式」與「已儲存的時間視點」互動操作體驗! http://www.sweethome3d.com/zh-tw/gallery.jsp 一、下載與安裝 Export to HTML 5 外掛程式 目前最新的版本是在 2020/07/22 釋出的 1.6 版,您可以從以下的官方論壇下載: 論壇: http://www.sweethome3d.com/support/forum/viewthread_thread,6708 下載 Export to HTML 5 1.6 版: http://www.sweethome3d.com/plugins/ExportToHTML5-1.6.sh3p 1.Sweet Home 3D 安裝版:請直接執行 ExportToHTML5-1.6.sh3p,即可加入。 2. Sweet Home 3D 免安裝版:請將此檔案放入 Sweet Home 3D 軟體的 data / plugins 資料夾。 二、從 Sweet Home 3D 輸出 HTML5 選按「Tools / Export to HTML 5」即可將 Sweet Home 3D 專案檔產生的 HTML 5 相關檔案打包成一個 ZIP 壓縮檔。 ※ 強列建議檔案名稱不要使用中文,避免網頁瀏覽時出現問題! 請將壓縮檔解壓縮至一個資料夾中!   三、使用 Baby WebServer 在電腦上瀏覽 HTML 5 互動 3D 網頁 目前這些 HTML 5 檔案必須在具有 Web Server 的環境下使用,無法直接在檔案總管中開啟網頁瀏覽, 因此,您必須將這些檔案上傳至您所擁有的 Web Server 網站空間上,或是使用以下兩個方式,暫時將您的電腦變成一台 Web Server。 1.使用精簡型免安裝 Baby WebServer 官方網站: https://www.pablosoftwaresolutions