同時上網看影片聊天不干擾！啟動 Chrome 隱藏彈出面板

作者：
我自己在 Firefox 上滿喜歡一個擴充套件：「PopVideo 幫你彈出任何線上影片網站的置頂觀影小視窗」，它的功能很簡單，就是我在看線上影片網站時，可以幫我把影片「彈出」成桌面小視窗，常駐置頂在其他視窗上層，讓我可以一邊看影片，一邊做其他的事情。

其實不只是看影片時想要把影片「彈出」獨立觀賞，在其他時候上網也可能有類似想要多開「浮動小視窗」的需求，例如一邊讀文章一邊用 Google 搜尋找資料，把文章網頁用主體視窗開啟，然後在浮動小視窗上輔助搜尋，省去切換視窗畫面的麻煩。

而今天要推薦的是一款 Google Chrome 上面的小套件：「 Picture in Picture Viewer 」，讓你可以利用彈出浮動小面板，在看影片、聊天、上網閱讀、搜尋資料時可以輕鬆的多畫面作業，視窗之間不互相干擾，能便利的隱藏彈出視窗，也能同時處理多視窗內容。




1.
「 Picture in Picture Viewer 」的使用方法很簡單，操作上也讓用戶有自己的彈性。

首先你要做的，就是在 Google Chrome 上安裝「 Picture in Picture Viewer 」。




2.
接著這個套件還不會發生作用，你必須到 Google Chrome 的設定中開啟隱藏功能。

進入「 chrome://flags 」網頁，找到「啟用面板」（enable-panels and enable panels）項目，然後啟用它，要記得重新啟動 Google Chrome 才會生效。




3.
這時候你會在瀏覽器的右上方看到「 Picture in Picture Viewer 」的按鈕，在任何網頁上點擊這顆按鈕，目前的網頁就會在一個右下方的常駐、置頂浮動小面板中開啟。


而且「 Picture in Picture Viewer 」預設幫我們用「行動版網頁」的模式來開啟這個小視窗，方便我們在小視窗裡閱讀內容。


此外，你也可以直接在網頁上的某一個網址連結，點擊右鍵，選擇「 Open Link in Panel 」，這樣一來這個連結的網頁就會在浮動小視窗裡開啟。




4.
當然，平常要多開網頁瀏覽，我們可以在瀏覽器中打開多個分頁就好。可是多個分頁要切換來切換去很不方便。

如果有些資料就是要「一起對比查看」，那麼這時候「 Picture in Picture Viewer 」的浮動小視窗功能就會幫上一個大忙。




5.
而且這個「 Picture in Picture Viewer 」浮動小視窗會常駐在電腦桌面最上層，即使隱藏 Google 瀏覽器，還可以在桌面上，其他軟體上，繼續查看小視窗裡的網頁內容。




6.
針對 YouTube 還做了特殊設計，在 YouTube 影片網頁選擇彈出視窗，會直接彈出影片的部分，讓我們可以一邊做其他的事情、瀏覽其他網頁，然後浮動小視窗一邊播送影片。




7.
這個小視窗也不是只能停駐在右下角。

我們可以隨時改變浮動視窗的大小，或是把浮動視窗「拉出」右下方的停駐位置，在桌面上隨意擺放觀看。




8.
如果暫時用不到，但是等一下才要用這個浮動小視窗的內容，那麼還可以將浮動視窗縮起，隱藏在右下方。




9.
透過「 Picture in Picture Viewer 」提供把所有網頁、影片可以放入浮動小面板的功能，我們在 Google Chrome 上網、看影片、聊天時，就可以有更彈性的視窗利用方式。

別忘了，你也可以一次打開多個「 Picture in Picture Viewer 」浮動網頁視窗喔！



文章分類：
電腦玩物站長 Esor （異塵行者），在電腦玩物上的文章有別於單純的軟體和服務介紹，而是更強調軟體和服務背後的數位工作思維及方法，並說明實際應用後帶來的生活改變。著有《電腦玩物站長的筆記思考術》、《大腦減壓的子彈筆記術：用Evernote打造快狠準系統》、《比別人快一步的Google工作術：從職場到人生的100個聰明改造提案》等暢銷書籍。

留言

  1. QQBoxy2014年6月16日 下午6:20

    這個好用耶，沒想到有這麼好用的東西呢!!

    回覆刪除
  2. Unknown2014年6月17日 中午12:52

    为什么chromebook上面用不了？

    回覆刪除
  3. Unknown2014年6月18日 上午9:20

    應該是停用「啟用面板」（enable-panels and enable panels）吧，這一項默認是啟用的，而且我是停用后才能打開小窗口。

    回覆刪除
    回覆
    1. Esor Huang2014年6月18日 下午1:36

      是要啟用喔，顯示停用表示已經啟用

      刪除
  4. Unknown2014年6月19日 下午1:28

    看來是我理解錯誤了。我以為顯示啟用就是已經啟用，原來是反過來，顯示停用才是啟用。另外此擴展貌似對大陸那邊的優酷、土豆等視頻網站不支持呀，土豆還可以通過右鍵菜單的命令打開，其他的視頻網站都無法通過工具欄上的按鈕打開。希望後續的版本能夠提高其兼容性。

    回覆刪除
  5. Unknown2014年6月20日 上午11:14

    真奇怪，昨天優酷、土豆等大陸視頻網站還不行的，今天卻能正常使用，爽呀。

    回覆刪除
  6. 匿名2014年6月22日 下午5:47

    firefox上不知道有沒有類似擴充套件

    回覆刪除
  7. Unknown2014年10月2日 上午11:47

    這真的不錯用....謝分享了 =]

    回覆刪除
  8. 聖博2015年10月28日 下午2:39

    好用!!!!
    可惜不能開PDF檔案!
    這樣寫論文就好用拉!

    回覆刪除
  9. Unknown2016年3月28日 清晨7:54

    怎么让小窗口置顶呢？><

    回覆刪除
  10. Unknown2016年10月14日 下午4:15

    小視窗沒有置頂的展示??請問要如何設定呢

    回覆刪除
  11. Unknown2016年11月6日 下午1:53

    跪求大大，我仍無法使用，點下去則顯示以下：
    "Panel Window has been disabled, to enable it please go to chrome://flags/#enable-panels and search for "Enable Panels", then restart chrome."
    但進去後，沒有任何有關"啟用面板"的相關字眼。
    看圖應該是ios跟win 10有差異，是否有解決方法?
    Chrome 版本 54.0.2840.87 m (64-bit)

    回覆刪除
  12. J2016年11月24日 中午12:20

    似乎已經失效

    回覆刪除
  13. Unknown2017年2月15日 凌晨1:27

    +1 找不到“啟用面板”的實驗功能選項

    回覆刪除
  14. 匿名2017年3月15日 下午2:03

    54版後 google已經沒有此實驗功能，在應用程式的說明有提到

    回覆刪除
  15. 承偉2017年3月22日 晚上8:53

    +1 找不到“啟用面板”的實驗功能選項

    回覆刪除
  16. 匿名2019年5月4日 下午6:34

    影片的話可以用google自己的擴充功能：
    https://chrome.google.com/webstore/detail/picture-in-picture-extens/hkgfoiooedgoejojocmhlaklaeopbecg

    影片會再上層播放，但是CC字幕會沒辦法顯示......

    回覆刪除
  17. lee2019年10月18日 下午3:35

    chrome://flags 現在都只有英文，想問一下該點選哪一個才能開啟面板呢><
    沒有看到（enable-panels and enable panels）這個選項

    回覆刪除

張貼留言

為了避免垃圾廣告留言過多，開始測試「留言管理」機制，讓我可以更容易回應讀者留言，並更簡單過濾掉廣告，但只要不是廣告留言都會通過審核。

這個網誌中的熱門文章

全家沖印、 7-11 列印照片誰好用？立可得與 ibon教學+比較表

作者：
圖片
現在大家照片都儲存在數位手機、相機、硬碟或雲端，數位欣賞與分享很方便。但有時候就是需要拿到「實際照片」，例如： 小朋友學校的勞作作業 想要製作家庭相框 用照片來當小禮物 把照片貼在紙本手帳上 這時候，有什麼方法可以快速把數位照片「洗」成實體照片？而且最好能不花時間、立即拿到、價格也不貴呢？ 如果家裡沒有印表機（或是沒有好的印表機），又不想跑照相館，那麼這時候 「便利商店」同樣也提供了印照片的服務 ，而且價格不貴，可以立即拿到，操作流程也十分簡單。 之前我在電腦玩物分享過：「 不需買印表機也免隨身碟， 7-11 全家雲端列印超方便教學 」。這篇文章則從印照片出發： 同樣的不需買印表機、不需隨身碟，就能快速印出高品質的照片成品。
........................繼續閱讀全文內容

Google Maps 我的地圖完全教學！規劃自助旅行攻略

作者：
圖片
在之前寫完「 善用 Google 航班搜尋找出理想便宜機票的 10 個技巧 」一文後，我想繼續挖掘 Google 幫我們規劃自助旅行的潛力。 今天這篇文章，就深入的來聊聊 Google 的「我的地圖」服務，這是一個可以讓我們「自訂地圖」的工具 ，在地圖上任意繪製地標、路線，對商務需求來說可以打造出一張一張資料地圖（例如我之前在製作一本新書時建立的「 台灣推薦空拍地點地圖 」），對生活需求來說，則可以讓我們規劃自助旅行路線！ Google 「我的地圖」在規劃自助旅行路線時可以解決許多問題： 國外地點名稱地址常常難懂，用自訂地圖就能自己取一個好辨識的名稱。 在規劃路線之外，自訂地圖還能補充許多旅遊圖文資料，讓這張地圖就是旅遊手冊。 好看的自訂地圖一方面旅行時帶來好心情，二方面事後就是最好的旅遊回憶之一。 自訂地圖還能跟朋友共享合作，讓彼此都能在手機上查看這次旅行地圖。
........................繼續閱讀全文內容

Slack 完整教學與上手心得：找到正確的團隊溝通之道

作者：
圖片
你聽過或用過 Slack 嗎？過去一年， Slack 這一個團隊通訊平台服務不僅在國外爆紅，在台灣我也看過好幾個創業團隊使用 Slack 來做公司內部的訊息管理，到底 Slack 有什麼魅力？它是不是比起 LINE 或 Facebook 或 Email 更能有效率的管理團隊溝通呢？我自己今年也有機會在一個專案合作中使用了 Slack 一段時間，我覺得它吸引人之處有三點： 1. 「 很有趣 」： Slack 裡擁有跟 LINE 或 Facebook 一樣易於讓公司同事聊天打屁、傳送有趣影音圖文的功能。 2. 「 有效率 」：但是 Slack 的頻道、群組機制讓茶水間的聊天，不會干擾工作的討論，並且星號與釘選功能讓每個同事可以從聊天中記錄重點。 3. 「 有彈性 」： Slack 的架構可以讓每一個團隊設計出符合自己需求的通訊平台， Slack 的軟體則讓同事可以在任何地方和公司保持聯繫。 如果你需要中文版的同類平台，可以參考： JANDI 高效率團隊通訊平台完整教學，比 Slack 更適合中文用戶 。 2017/3 新增 ： Sortd for Slack： 改造 Slack 討論串介面變成專案任務排程看板
........................繼續閱讀全文內容

Google NotebookLM 免費中文 AI 筆記實例教學，老師、學生、創作者利器

作者：
圖片
Google NotebookLM 是一個以 AI 筆記本為概念的線上生成式 AI 問答工具。和 ChatGPT 、 Copilot 不同的是， Google NotebookLM 「相對」不會憑空生成內容，也不是上網找答案，而是結合文件資料庫 AI 分析功能（透過  Gemini Pro  分析我們的知識庫），幫助我們根據自己上傳的大量筆記、文件，生成有明確引用的論文摘要、報告企劃、文章大綱。 相較之下很適合自己已經有足夠資料，只是需要 AI 協助分析與輸出的人，例如老師規畫課程、學生製作報告、研究者撰寫論文、創作者撰寫草稿來使用。
........................繼續閱讀全文內容

畫張圖說得更清楚！ Napkin 用 AI 幫你的簡報文章手繪視覺思考圖

作者：
圖片
今天要跟大家介紹一個很有意思，也可能對老師、創作者、常做簡報的職場工作者很有幫助的 AI 工具：「 Napkin （餐巾紙）」，這是一個 AI 會根據我們提供的文字，創作手繪圖表、圖解、圖說的線上工具。 為什麼叫做 Napkin（餐巾紙）？如果你看過可以說是簡報經典著作的《簡報 Show and tell》、《餐巾紙的背後》作者丹‧羅姆（Dan Roam）系列書籍，你應該就能心領神會。
........................繼續閱讀全文內容

Google 表單自動關閉回覆教學：時間人數到達就過期

作者：
圖片
Google 表單，是 Google 雲端硬碟裡用來製作線上問卷調查的免費工具。 愈來愈強大、愈來愈漂亮的 Google 表單，可是設計出各式各樣擁有專業問題、滿足特殊調查需求的精美問卷，如果你還不知道怎麼活用他的基本功能，那麼一定要參考下面三篇我在電腦玩物中所寫的一系列教學，從基本功能到隱藏功能，會帶你上手這個好用的工具： 設計問卷調查快速免費，新版線上 Google form 表單教學 不再只有醜醜範本！如何幫 Google 表單美化背景外觀？ Google 表單的 10 個專業問券調查設計秘密教學  也因為寫了一系列實用的 Google 表單教學，所以很多朋友來問我： Google 表單還能不能滿足某某個需求？ 而其中被詢問度最高的就是：「 可不可以讓 Google 表單 自動關閉回覆 ？時間過期了問卷就關閉，填寫人數到達限額了就自動停止。 」如果可以做到，那麼 Google 表單甚至可以用在報名表、抽獎表之類的應用了。好消息是，這個問題有解了，今天開始 Google 表單可以做到限期、限額自動關閉回覆的功能囉！ 2017/8/31 新增 ： 自動移除額滿選項！ Google 表單報名購物限制數量最簡單教學
........................繼續閱讀全文內容

為什麼大家愛用 Trello ？最佳整理教學讓事情井然有序

作者：
圖片
這幾年看到身邊許多的創業團隊、學校社團、辦公室裡的部門，或是個人在需要專案管理、生活管理時，選擇了一個叫做「 Trello 」的雲端服務，這到底是一個什麼樣的管理工具，讓這麼多人都愛用 Trello ？在電腦玩物上，我也從旁敲側擊的角度，寫過幾篇「 Trello 概念」的管理教學文章： 把 Evernote 當作 Trello！ Kanbanote 筆記看板管理法 Google Drive 變身 Trello ！幫雲端硬碟建立專案看板 但是，我自己也一直使用著 Trello ，卻還沒有在電腦玩物上寫過一篇完整的介紹！雖然錯過了幾年前第一時間推薦 Trello 的時機，但在這段時間的使用經驗下，剛好可以讓我整理沉澱自己的使用方法，歸納出「 為什麼值得試試看 Trello 的關鍵特色 」，然後轉化成這篇文章深入淺出的 Trello 上手教學。 2015/6/13 新增： 免費專案管理軟體推薦！困難計畫簡單管理 13 種工具 2016 年新增 ： 如何將 Trello 切換到繁體中文版？網頁 App 全中文化 2016/7/7 新增 ： 如何活用 Trello 記帳？我的理財計畫心得與看板範本 2016/7/13 新增： 如何將網頁資料快速剪貼到 Trello？收集專案資料技巧 2016/8 新增： Trello 開放「強化功能」讓免費用戶串聯 Evernote 等雲端服務 2016/8 新增 ： Trello 卡片自訂欄位密技！最想要的強大 Trello 客製化範例教學 2016/11 新增： [時間技客-7] 重要緊急時間管理四象限在 Trello 活用與範本下載 2017/2 新增 ： Trello 團隊如何使用 Trello？ 8個專案排程協作重點技巧 2017/6 新增： 如何用 Trello 規劃自助旅行？我的 Trello 行程計畫使用技巧教學 2017/7 新增： 如何讓 Trello 列表與卡片不再落落長？專案管理的5個關鍵技巧 2017/8/23 新增 ： 如何用 Trello 做子彈筆記？我的 Trello GTD 方法範例看板分享
........................繼續閱讀全文內容

Miro 遠距工作開視覺會議的免費強大白板，專案圖解實例教學

作者：
圖片
團隊一起開會討論專案規劃、產品設計， 為了把大家的想法表達得更清楚，需要將各種思考視覺化，把各種計畫圖解化。 例如用 心智圖 展開專案流程，用 系統思考法 釐清專案關鍵環節，或是畫一張 商業模式精實畫布 。 面對面開會時，我們可以在會議室的大白板上，畫出這些圖解。 但如果想要遠距工作、遠端會議，這時候，就可以利用「線上協同合作的白板工具」 。這類遠距視覺會議的工具其實也不少，我之前介紹過的簡單版工具就有： Witeboard 世界上最簡單快速的協同合作白板，開會上課利器 Awwapp 觸控靈敏線上共用白板，免註冊電腦平板手機立即可用 但說到功能強大，可以滿足各種視覺會議的圖解需求，就不能不提到： 「 Miro 」這個線上視覺圖解白板工具。
........................繼續閱讀全文內容

最簡單養成習慣方法是「解決問題」，不靠時間表、獎懲與意志力

作者：
圖片
要持之以恆並非一件容易的事，先不說長時間的堅持往往強人所難，光是要每天重複一樣的行動、相同的規律，難道不會覺得膩？這時候一旦新鮮感淡去，剛好遇到其他事物的干擾，或者自己偶爾處在懶洋洋不想動的低潮中，那麼這件事情就很容易開始拖延下去，而想要養成的習慣也往往中斷了。
........................繼續閱讀全文內容

Excalidraw 免費 AI 生成流程圖，一鍵畫出知識圖表、專案流程、寫作大綱

作者：
圖片
用一句話簡單提示主題，就能透過 AI 生成一幅流程圖。或是提供基本的想法大綱，一鍵請 AI 畫出可接續修改的流程圖草稿。於是「老師」可以快速生成教學用的 知識圖表 ，「軟體工程師」快速畫出 技術開發架構圖 、「管理者」獲得 專案流程圖 與 商業決策分析圖 、「行銷人員」製作 活動企劃流程表 、「創作者」也能立即獲得視覺化的 寫作大綱 或 故事線草稿 。上述的應用情境，在 「 Excalidraw 」 這款線上流程圖工具中已經可以實現，他加入了「Text to diagram 」AI 功能，幫助我們透過簡單文字，快速生成複雜的流程圖表，生成草圖後還可繼續手動修改。
........................繼續閱讀全文內容