youtube playlist search

YouTube 播放清單搜尋

描述

這最初是「Playlist Search For YouTube」擴充功能的副本，但我正在清理它並根據我的喜好對其進行自訂。

限制

• 首次使用該擴充功能時，您必須透過 Google 進行身份驗證，以便該擴充功能能夠使用 YouTube API。 YouTube API 不允許存取您的“觀看清單”，因此該擴充功能不適用於您的“觀看清單”。
• 事實證明，這個擴充功能比我預期的更受歡迎，這意味著我的 API 金鑰已經沒有用戶了。我認為讓更多用戶獲得許可的唯一方法是進行驗證，但我不久前嘗試過，工作量太大，花費了太長時間（我會從谷歌收到自動電子郵件來進行更改，我會更改它） ，幾天沒有收到他們的消息，然後再次收到相同更改的請求，但實際上從未取得任何進展）。因此，我將在下方提供有關如何建立您自己的 API 金鑰的說明。
  • 如果您嘗試在不更改 API 金鑰的情況下使用此擴展，您可能會看到錯誤（參考：#7）。

客製化

• 搜尋現在更加“模糊”，因此它會單獨搜尋單字而不是一起搜尋。
• 按影片標題搜尋
• 可搜尋頻道下拉式選單
• 列表中的影片有縮圖
• 刪除了 list.js 和 jQuery 依賴項（jQuery 實際上被用於 list.js 和另一件事，而 list.js 老實說只是使腳本更加複雜，因為它根本沒有必要）。
• 顯著清理了程式碼
• 更新並清理了 CSS
• 使用者介面現在類似於 YouTube 深色主題。
• 點擊影片會在新分頁中開啟視頻
• 搜尋過濾器是持久的。該擴充功能將記住您上次搜尋特定播放清單時使用的篩選器。
• 載入旋轉器
• 延遲載入
• 本地存儲大型播放列表的視頻，以便快速檢索
  • 取得按鈕以強制從 API 取得播放列表

安裝

我的 Chrome 擴充功能商店中沒有這個，而且我永遠不會。顯然，Google 要求您現在支付 5 美元的註冊費才能成為擴展開發人員，說實話，我不介意。

如果您想在 Chrome 線上應用程式商店中發布此擴充程序，您可以隨意這樣做。不過，我只是要求你：

• 首先讓我知道，以便我可以更新此自述文件以說明它正在添加
• 當它被批准和發佈時請告訴我，以便我可以在此處發布鏈接
• 讓我們在擴充功能的詳細資訊中引用此 git 儲存庫，以便人們可以根據需要輕鬆查看程式碼，和/或提交錯誤報告或功能請求。
• 嘗試並保持商店中的 chrome 擴充功能與儲存庫相對最新。

因此，要安裝此擴充功能：

• 產生 API 金鑰。有關如何操作的說明，請參閱以下部分。
• 下載或克隆此儲存庫
• 開啟manifest.json檔案並將client_id替換為產生API 金鑰時所獲得的客戶端ID。
• 僅適用於“Brave 瀏覽器”，啟用設定“允許 Google 登入擴充功能”並重新啟動瀏覽器（重要提示：此功能目前已損壞，請參見下文）
• 開啟 Chrome 設定中的「擴充功能」頁面
• 開啟“開發者模式”（這應該位於右上角）
• 點擊“加載已解壓縮”
• 選擇克隆或下載此擴充功能時儲存的資料夾。

您現在應該已經有了擴充。

當您第一次使用該擴充功能時，您將需要登入 Google 帳戶。此擴充功能使用 Google 的 YouTube API，並需要 Google 提供的令牌，以允許擴充功能從 API 檢索資訊。

現在您可以選擇停用“開發人員模式”。即使在停用後，Chrome 也應保留自訂版本。

產生 API 金鑰

• 前往 Google 開發者控制台。您需要使用 Google 帳戶登入。
• 您應該會看到如下所示的內容。點選Select a project 。

• 在彈出視窗中選擇NEW PROJECT 。
• 系統會要求您為其命名。您選擇什麼名字並不重要，只要它對您有意義即可。出於本教學的目的，我將其稱為youtube-playlist-search 。
• 單擊create 。
• 點選select project 。
• 現在您應該看到如下所示的內容，與之前相同，但現在它顯示您已選擇新項目：

• 左側欄中應該有APIs and Services的內容。將滑鼠懸停在其上，並在其展開時點擊Library 。
• 在搜尋框中搜尋YouTube Data API v3 。當結果出現時，請按一下它。
• 單擊Enable 。
• 頁面載入後，點擊右上角的Create Credentials 。
• 確保YouTube Data API v3是所選的 API。
• 您需要選擇 API 將存取User Data 。
• 按一下Next 。
• 填寫有關OAuth Consent Screen的資訊。這是用戶需要允許訪問此應用程式時彈出的螢幕，因此請提供用戶友好的名稱和您的聯絡資訊。確保離開“測試”模式，並添加您的電子郵件地址以及您想要用作“測試用戶”的任何其他人的電子郵件地址：

• 按Save and Continue 。
• 現在選擇範圍。對於此應用程序，您只需要YouTube Read Only Scope 。
  • 按一下Add or Remove Scopes 。過濾youtube.readonly 。檢查它並單擊Update 。
• 您的範圍應如下所示：

• 按Save and Continue 。
• 對於Application Type ，選擇Chrome App ，為其指定任何您想要的名稱。
• 對於應用程式 ID，請輸入： jdolgjncmhmboklhmacpknglmiibbldg 。
• 單擊Create 。
• 這可能需要一些時間，但對我來說只花了幾秒鐘。
• 然後您應該獲得一個Client ID 。複製此內容，安裝應用程式時將需要它。

您已完成 API 金鑰（客戶端 ID）的建立。

勇敢的瀏覽器

您過去可以在 Brave 瀏覽器中使用此擴展，但它現在已損壞，並且 Brave 瀏覽器開發人員知道它。除了等待谷歌採取行動之外，他們現在無能為力。

您可以在此處查看已開啟的 Brave 瀏覽器票證。

話雖如此，這似乎是谷歌故意的，可能永遠不會得到修復（參考）。

非常感謝谷歌？

為什麼擴展商店中缺少此擴展

此擴充功能目前不在任何擴充商店中。

如果您願意，您可以隨意將其添加到擴展商店，但如果您這樣做，我要求您：

• 首先讓我知道，以便我可以更新此自述文件以說明它正在添加
• 當它被批准和發佈時請告訴我，以便我可以在此處發布鏈接
• 讓我們在擴充功能的詳細資訊中引用此 git 儲存庫，以便人們可以根據需要輕鬆查看程式碼，和/或提交錯誤報告或功能請求。
• 嘗試並保持商店中的 chrome 擴充功能與儲存庫相對最新。

有多種原因導致它不在任何擴展商店中，我將在下面列出：

Google瀏覽器 / Chromium 瀏覽器

我的 Chrome 擴充功能商店中沒有這個，因為顯然 Google 要求你現在支付 5 美元的註冊費才能成為擴展開發人員，老實說，我不會被打擾，而且我發現我花我的空閒時間有點侮辱進行免費擴展，然後我必須向Google 付費才能將其添加到他們的商店中。

火狐瀏覽器

Firefox 的擴充系統與 Chrome 明顯不同，這是一個 Chrome 擴充功能。因此，要讓它在 Firefox 上運行還需要做一些額外的工作。

我對擴充功能開發也不太熟悉，我甚至不知道您是否可以在 Firefox 中使用 Google 的 YouTube API，而我需要這些 API 才能使該擴充功能正常運作。

邊緣

理論上，Edge 應該很容易做到，因為它是基於 Chromium 的瀏覽器。

不過，我也不知道Edge是否有能力使用YouTube API。

但更重要的是，我家裡沒有任何 Windows 計算機，因此我無法測試 Edge 是否可以正常運作。

這也意味著我將來所做的任何更改在更新之前對 Edge 的測試絕對是 0。

狩獵之旅

我不知道Safari是否有能力使用YouTube API。

與 Windows 一樣，我家裡沒有 Mac，因此我也無法測試 Safari，因此無法知道它是否能正常工作。

這也意味著我將來所做的任何更改在更新之前都將絕對對 Safari 進行 0 測試。

我對 Safari 也完全不熟悉，也不知道它是否有擴展商店或添加它涉及什麼。