媒體：查看及偵錯媒體播放器資訊

Jecelyn Yeen

使用 Chrome 開發人員工具中的「媒體」面板，查看資訊並對每個瀏覽器分頁的媒體播放器偵錯。

開啟「媒體」面板

「Media」面板是開發人員工具中的主要位置，可用來檢查網頁的媒體播放器。

1. 開啟開發人員工具。
2. 依序按一下「More Options」圖示 >「More Tools」 >「Media」，開啟媒體面板。

查看媒體播放器資訊

1. 前往使用媒體播放器的網頁，例如 https://youtu.be/e1gAyQuIFQo。
2. 您現在可以在「Players」選單下看到媒體播放器。
3. 按一下播放器。「Properties」分頁會顯示媒體播放器的屬性。
4. 按一下「事件」分頁標籤，查看所有媒體播放器事件。
5. 按一下「訊息」分頁標籤，查看媒體播放器的訊息記錄。您可以按照記錄層級或字串篩選訊息。
6. 在「Timeline」分頁中，你可以查看媒體播放和緩衝區狀態的即時資訊。

遠端偵錯

您可以透過 Windows、Mac 或 Linux 電腦查看 Android 裝置上的媒體播放器資訊。

1. 請按照這些步驟設定遠端偵錯功能。
2. 您現在可以從遠端查看媒體播放器的資訊。

隱藏及顯示媒體播放器

有時候，單一頁面會有多個媒體播放器，或者使用同一個瀏覽器分頁瀏覽不同網頁，每個頁面搭配媒體播放器。

您可以選擇顯示或隱藏每個媒體播放器，方便偵錯。

1. 使用相同的瀏覽器分頁瀏覽多個不同的影片頁面。
2. 在其中一個媒體播放器上按一下滑鼠右鍵。您可以選取「隱藏玩家」來隱藏所選玩家，或選取「隱藏所有其他玩家」，隱藏所有其他玩家。

匯出媒體播放器資訊

1. 在其中一個媒體播放器上按一下滑鼠右鍵。
2. 選取「儲存玩家資訊」，即可將玩家資訊下載為 JSON 檔案。