youtube playlist search

ค้นหาเพลย์ลิสต์ Youtube

คำอธิบาย

สิ่งนี้เริ่มต้นจากการคัดลอกส่วนขยาย "การค้นหาเพลย์ลิสต์สำหรับ YouTube" แต่ฉันกำลังทำความสะอาดและปรับแต่งตามความต้องการของฉัน

ข้อจำกัด

• คุณต้องตรวจสอบสิทธิ์กับ Google เมื่อใช้ส่วนขยายเป็นครั้งแรกเพื่อให้ส่วนขยายสามารถใช้ YouTube API ได้ YouTube API ไม่อนุญาตให้เข้าถึง "รายการเฝ้าดู" ของคุณ ดังนั้นส่วนขยายจะไม่ทำงานใน "รายการเฝ้าดู" ของคุณ
• ส่วนขยายนี้ได้รับความนิยมมากกว่าที่ฉันคาดไว้ ซึ่งหมายความว่าฉันมีผู้ใช้สำหรับคีย์ API ของฉันหมดแล้ว ฉันคิดว่าวิธีเดียวที่จะทำให้ผู้ใช้ได้รับอนุญาตมากขึ้นคือต้องได้รับการยืนยัน แต่ฉันลองมาสักพักแล้วและมันก็ทำงานมากเกินไปและใช้เวลานานเกินไป (ฉันจะได้รับอีเมลอัตโนมัติจาก Google เพื่อทำการเปลี่ยนแปลง ฉันจะเปลี่ยน ไม่ได้รับการติดต่อจากพวกเขาเป็นเวลา 2-3 วัน จากนั้นได้รับคำขอให้เปลี่ยนแปลงเหมือนเดิมอีกครั้งและไม่เคยได้รับอะไรเลยจริงๆ) ด้วยเหตุนี้ ฉันจะให้คำแนะนำด้านล่างสำหรับวิธีสร้างคีย์ API ของคุณเอง
  • หากคุณพยายามใช้ส่วนขยายนี้โดยไม่เปลี่ยนคีย์ API คุณอาจเห็นข้อผิดพลาด (อ้างอิง: #7)

การปรับแต่ง

• ขณะนี้การค้นหามีความ 'คลุมเครือ' มากขึ้น ดังนั้นจึงค้นหาทีละคำแทนที่จะค้นหาพร้อมกัน
• ค้นหาตามชื่อวิดีโอ
• เมนูแบบเลื่อนลงช่องที่ค้นหาได้
• วิดีโอในรายการจะมีภาพขนาดย่อ
• ลบการพึ่งพา list.js และ jQuery ออก (jQuery ถูกใช้อย่างแท้จริงสำหรับ list.js และอีกสิ่งหนึ่ง และ list.js เพียงแค่ทำให้สคริปต์ซับซ้อนมากขึ้นโดยสุจริตเพราะมันไม่จำเป็น)
• ทำความสะอาดโค้ดอย่างมาก
• อัปเดตและล้างข้อมูล CSS
• UI มีลักษณะคล้ายกับธีมสีเข้มของ YouTube ในขณะนี้
• การคลิกที่วิดีโอจะเป็นการเปิดวิดีโอในแท็บใหม่
• ตัวกรองการค้นหายังคงอยู่ ส่วนขยายจะจดจำตัวกรองที่คุณใช้ในครั้งล่าสุดที่คุณค้นหาเพลย์ลิสต์ใดเพลย์ลิสต์หนึ่ง
• กำลังโหลดสปินเนอร์
• ขี้เกียจโหลด
• การจัดเก็บวิดีโอในเครื่องสำหรับเพลย์ลิสต์ขนาดใหญ่เพื่อการเรียกค้นที่รวดเร็ว
  • ปุ่มดึงข้อมูลเพื่อบังคับดึงเพลย์ลิสต์จาก API

การติดตั้ง

ฉันไม่มีสิ่งนี้ใน Chrome Extension Store และฉันก็ไม่เคยจะมีด้วย เห็นได้ชัดว่า Google ต้องการให้คุณจ่ายค่าธรรมเนียมการลงทะเบียน $5 เพื่อเป็นนักพัฒนาส่วนขยายในตอนนี้ และโดยสุจริต ฉันไม่กังวลเลย

หากคุณต้องการเผยแพร่ส่วนขยายนี้ใน Chrome เว็บสโตร์ คุณมีอิสระที่จะเผยแพร่ อย่างไรก็ตาม ฉันแค่ขอให้คุณ:

• แจ้งให้ฉันทราบก่อนเพื่อที่ฉันจะได้อัปเดต README นี้เพื่อบอกว่ากำลังเพิ่มเข้ามา
• แจ้งให้ฉันทราบเมื่อได้รับการอนุมัติและเผยแพร่แล้ว เพื่อที่ฉันจะได้โพสต์ลิงก์ได้ที่นี่
• ให้อ้างอิงที่เก็บ git นี้ในรายละเอียดของส่วนขยายเพื่อให้ผู้คนสามารถตรวจสอบโค้ดได้อย่างง่ายดายหากต้องการ และ/หรือส่งรายงานข้อบกพร่องหรือคำขอคุณสมบัติ
• พยายามรักษาส่วนขยายของ Chrome ในร้านค้าให้ทันสมัยอยู่เสมอด้วย repo

ดังนั้นในการติดตั้งส่วนขยายนี้:

• สร้างคีย์ API สำหรับคำแนะนำเกี่ยวกับวิธีการ โปรดดูส่วนด้านล่าง
• ดาวน์โหลดหรือโคลนพื้นที่เก็บข้อมูลนี้
• เปิดไฟล์ manifest.json และแทนที่ client_id ด้วยรหัสไคลเอ็นต์ที่คุณได้รับเมื่อสร้างคีย์ API
• สำหรับ 'เบราว์เซอร์ Brave' เท่านั้น ให้เปิดใช้งานการตั้งค่า "อนุญาตให้เข้าสู่ระบบ Google สำหรับส่วนขยาย" และรีสตาร์ทเบราว์เซอร์ (สำคัญ: คุณลักษณะนี้ใช้งานไม่ได้ในขณะนี้ ดูด้านล่าง)
• เปิดหน้า "ส่วนขยาย" ในการตั้งค่า Chrome
• สลับเปิด 'โหมดนักพัฒนาซอฟต์แวร์' (ควรอยู่ที่มุมขวาบน)
• คลิก "โหลดแกะกล่อง"
• เลือกโฟลเดอร์ที่ส่วนขยายนี้ถูกบันทึกเป็นเมื่อคุณคัดลอกหรือดาวน์โหลด

คุณควรมีส่วนขยายตอนนี้

เมื่อคุณใช้ส่วนขยายเป็นครั้งแรก คุณจะต้องลงชื่อเข้าใช้บัญชี Google ส่วนขยายนี้ใช้ YouTube API ของ Google และต้องใช้โทเค็นจาก 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 ตั้งชื่อตามที่คุณต้องการ
• สำหรับ Application ID ให้ป้อนสิ่งนี้: jdolgjncmhmboklhmacpknglmiibbldg
• คลิก Create
• อาจต้องใช้เวลาสักระยะหนึ่ง แต่สำหรับฉันใช้เวลาเพียงไม่กี่วินาที
• จากนั้นคุณควรได้รับ Client ID คัดลอกสิ่งนี้ คุณจะต้องใช้เมื่อติดตั้งแอป

คุณสร้างคีย์ API (รหัสไคลเอ็นต์) เสร็จแล้ว

เบราว์เซอร์ที่กล้าหาญ

คุณเคยใช้ส่วนขยายนี้กับ Brave Browser ได้ แต่ตอนนี้มันใช้งานไม่ได้และผู้พัฒนา Brave Browser ก็รู้เรื่องนี้แล้ว ตอนนี้พวกเขาทำอะไรได้ไม่มากนอกจากรอให้ Google ทำบางอย่าง

คุณสามารถดูตั๋ว Brave Browser แบบเปิดได้ที่นี่

ดังที่กล่าวไปแล้ว ดูเหมือนว่าสิ่งนี้เป็นความตั้งใจของ Google และอาจไม่มีวันได้รับการแก้ไข (อ้างอิง)

ขอบคุณ มาก Google ?

เหตุใดส่วนขยายนี้จึงหายไปจากร้านค้าส่วนขยาย

ขณะนี้ส่วนขยายนี้ไม่ได้อยู่ในร้านค้าส่วนขยายใด ๆ

คุณมีอิสระที่จะเพิ่มมันลงในที่เก็บส่วนขยายได้ถ้าคุณต้องการ แต่ถ้าคุณทำเช่นนั้น ฉันขอให้คุณ:

• แจ้งให้ฉันทราบก่อนเพื่อที่ฉันจะได้อัปเดต README นี้เพื่อบอกว่ากำลังเพิ่มเข้ามา
• แจ้งให้ฉันทราบเมื่อได้รับการอนุมัติและเผยแพร่แล้ว เพื่อที่ฉันจะได้โพสต์ลิงก์ได้ที่นี่
• ให้อ้างอิงที่เก็บ git นี้ในรายละเอียดของส่วนขยายเพื่อให้ผู้คนสามารถตรวจสอบโค้ดได้อย่างง่ายดายหากต้องการ และ/หรือส่งรายงานข้อบกพร่องหรือคำขอคุณสมบัติ
• พยายามรักษาส่วนขยายของ Chrome ในร้านค้าให้ทันสมัยอยู่เสมอด้วย repo

มีสาเหตุหลายประการที่ทำให้สิ่งนี้ไม่อยู่ในร้านส่วนขยายใด ๆ ซึ่งฉันจะแสดงรายการด้านล่าง:

เบราว์เซอร์ Google Chrome / Chromium

ฉันไม่มีสิ่งนี้ใน Chrome Extension Store เพราะเห็นได้ชัดว่า Google ต้องการให้คุณจ่ายค่าธรรมเนียมการลงทะเบียน $5 เพื่อเป็นนักพัฒนาส่วนขยายในตอนนี้ และโดยสุจริต ฉันไม่กังวลเลย และฉันพบว่าการใช้เวลาว่างของฉันเป็นการดูถูก เพื่อสร้างส่วนขยายฟรี จากนั้นฉันต้องจ่ายเงินให้ Google เพื่อรับสิทธิพิเศษในการเพิ่มลงในร้านค้าของพวกเขา

ไฟร์ฟอกซ์

ระบบส่วนขยายของ Firefox แตกต่างอย่างมากจาก Chrome และนี่คือส่วนขยายของ Chrome จะมีงานเพิ่มเติมที่เกี่ยวข้องกับการทำงานบน Firefox ด้วยเหตุนี้

ฉันยังไม่คุ้นเคยกับการพัฒนาส่วนขยายมากนัก และฉันไม่รู้ด้วยซ้ำว่าคุณสามารถใช้ YouTube API จาก Google ใน Firefox ได้หรือไม่ ซึ่งฉันต้องการเพื่อให้ส่วนขยายนี้ใช้งานได้

ขอบ

ตามทฤษฎีแล้ว Edge ควรใช้งานง่ายเพราะเป็นเบราว์เซอร์ที่ใช้ Chromium

อย่างไรก็ตาม ฉันก็ไม่รู้เหมือนกันว่า Edge สามารถใช้ YouTube API ได้หรือไม่

แต่ที่สำคัญกว่านั้น ฉันไม่มีคอมพิวเตอร์ Windows ในบ้าน ดังนั้นจึงไม่มีทางที่ฉันจะทดสอบได้ว่า Edge ใช้งานได้จริงหรือไม่

นอกจากนี้ยังหมายความว่าการเปลี่ยนแปลงใดๆ ที่ฉันทำในอนาคตจะมีการทดสอบ Edge เป็น 0 อย่างแน่นอนก่อนการอัปเดต

ซาฟารี

ฉันไม่รู้ว่า Safari สามารถใช้ YouTube API ได้หรือไม่

เช่นเดียวกับ Windows ฉันไม่มี Mac ในบ้าน ดังนั้นจึงไม่มีทางที่จะทดสอบ Safari ได้เช่นกัน ดังนั้นจึงไม่มีทางรู้ได้ว่ามันจะใช้งานได้หรือไม่

นอกจากนี้ยังหมายความว่าการเปลี่ยนแปลงใดๆ ที่ฉันทำในอนาคตจะต้องมีการทดสอบ Safari เป็น 0 อย่างแน่นอนก่อนการอัปเดต

ฉันยังไม่คุ้นเคยกับ Safari เลย และถ้ามันมีที่จัดเก็บส่วนขยายหรือมีส่วนเกี่ยวข้องในการเพิ่มมันหรือไม่