若要錄製一段螢幕畫面,搭配上網路攝影機、麥克風或系統音效,你可能會開始搜尋螢幕錄影軟體,好消息是現在要錄製螢幕畫面、將它轉為影音格式已經變得非常簡單,甚至只需要透過瀏覽器就能做到,不用額外安裝軟體或瀏覽器擴充功能,舉例來說,RecordCast 整合螢幕錄影工具和影片編輯器功能,錄影結束直接線上編輯;Shareit.video 能在錄影後上傳影片、產生分享鏈結,或將它下載保存為 Mp4 格式。
網頁工具
Accudriver 查詢不同國家交通規則和道路標誌差異,開車上路更安全
RecordCast 免費線上螢幕錄影工具內建影片編輯器,輕鬆製作影音素材
什麼時候會需要用到螢幕錄影工具呢?舉例來說,製作教學素材讓遠端工作學習的對象可以更容易理解內容;或是建立影音教學,讓聽眾照著操作步驟逐步完成任務;另一種則是製作產品或服務介紹,透過影片以實際操作畫面搭配旁白說明,聽起來好像有點難度,其實現今有不少線上工具能夠做到,例如 RecordScreen.io、ScreenApp.io 和 Shareit.video 等等,不用額外下載軟體,在瀏覽器就能完成一連串工作。
OVRVU 專注於精簡和免費個人頁面產生器,支援 Markdown 無流量限制
stream.new 在瀏覽器錄製攝影機鏡頭或螢幕畫面,兼具影片上傳分享功能
如果你想要上傳短片、錄製攝影機或電腦視窗畫面,不用再花時間搜尋應該用那個軟體或應用程式比較適合,因為現在有很多免費影片空間可選,錄製攝影機或桌面可透過瀏覽器做到,甚至不需要安裝下載擴充功能,例如之前介紹的 Shareit.video 就是一個很好的例子,此外,ScreenApp.io、Scrnrcrd 和 RecordScreen.io 也都提供瀏覽器螢幕錄影功能,錄製結束會產生可下載的 Mp4 影片檔。
Reader Mode 無干擾的閱讀器模式,可自訂樣式內建文字轉語音功能
如果經常在網路上搜尋資料,必須要閱讀非常大量的內容,可能已經習慣每個網站的排版樣式,事實上現在的網站都充斥不少廣告或是和內容無關的圖片,就我的經驗來說以電腦開啟通常可以很快找到想看的內容,使用行動裝置可能會先跳出蓋版廣告、彈出式廣告或是其他會干擾閱讀的元素,開始閱讀前已經花費許多時間在等待和尋找關閉按鈕。現在已有一些瀏覽器內建閱讀器,或是透過閱讀器相關的擴充功能將網頁內容快速轉為更適合使用者閱讀習慣的樣式,統一不同網頁的字型、文字大小、行高和間距後在閱讀上更有效率。
Nute 輕量化單頁線上記事本,內容即時保存可輸出 txt 格式
以前使用 Windows 很習慣會把記事本打開,除了在複製、貼上時清除格式,也能拿來暫存一些資料筆記,後來有跨裝置需求後就改用 macOS 和 iOS 內建的備忘錄應用程式。不過在使用上還是最喜歡 Google Keep,直接打開瀏覽器就能使用,有時候在外面想寫點文字但手邊又沒電腦時就很方便,當然它也有加入標籤、圖片、變更筆記顏色等等功能,我會拿它來備份、同步文字內容,搭配手機端應用程式使用起來很方便快速。
Website Grader 網站評分工具,免費影音教學影片協助改善搜尋引擎排名
如果想要對網站或部落格進行搜尋引擎最佳化,我通常會建議先去詳細閱讀「Google 搜尋引擎最佳化(SEO)入門指南」,在 Google 釋出的手冊中有提到非常多觀念,適用於各種情境,只要把握大原則方向就會有不錯的成效表現。此外,Google 提到的網站使用體驗中以速度最為重要,想知道網站速度也可透過檢測工具 Web.dev 或其他網站測速工具進行檢查,這份列表中我較推薦 Google PageSpeed Insights 和 KeyCDN Website Speed Test。
Shareit.video 透過瀏覽器進行螢幕錄影,上傳產生分享網址可下載 Mp4
當遇到文字無法很精確描述問題或需求時,很多人可能會配合螢幕擷圖,當然更好的方法可能是直接錄製畫面,將操作過程擷取為影片格式,如果說到要將電腦畫面錄影下來、轉為影片檔案輸出,你知道要怎麼做嗎?對於平常沒有在擷圖的朋友來說不一定熟悉擷圖軟體,可能會考慮以手機翻拍螢幕,其實現在有不少線上工具很方便,利用瀏覽器就能螢幕錄影,而且還不用額外安裝軟體,像是 ScreenApp.io、Scrnrcrd、RecordScreen.io 或 YouTube 都能做到。
everysize 輸入網址就能測試響應式網頁在各種裝置尺寸的顯示效果
現在很多人是透過智慧型手機或平板電腦瀏覽網頁,在網頁設計上就要考量到如何讓不同尺寸螢幕大小也能正常顯示,以往會製作成電腦版和手機版兩種格式,後來多半以響應式網頁設計(Responsive web design)技術直接在不同尺寸螢幕上顯示最適合的樣式,更重要的是可以節省維護的成本和時間。想測試自適應設計在各種裝置顯示情形,除了直接使用手機瀏覽外,其實也有不少工具可以輔助,像是 Responsive Viewer、ScreenDump 或是 Responsive Screenshots。