youtube playlist search

بحث في قائمة التشغيل على اليوتيوب

وصف

بدأ هذا كنسخة من ملحق "Playlist Search For YouTube"، لكنني أقوم بتنظيفه وتخصيصه حسب رغبتي.

القيود

• يجب عليك المصادقة مع Google عند استخدام الامتداد لأول مرة حتى يتمكن الامتداد من استخدام YouTube API. لا تسمح واجهة برمجة تطبيقات YouTube بالوصول إلى "قائمة المراقبة" الخاصة بك، وبالتالي لن يعمل الامتداد على "قائمة المراقبة" الخاصة بك.
• لقد تبين أن هذا الامتداد أكثر شيوعًا مما كنت أتوقع، مما يعني أن عدد المستخدمين لمفتاح API الخاص بي قد نفدت. أعتقد أن الطريقة الوحيدة للسماح لمزيد من المستخدمين هي التحقق من ذلك، لكنني حاولت ذلك منذ فترة وكان الأمر يتطلب الكثير من العمل واستغرق وقتًا طويلاً (كنت أتلقى رسائل بريد إلكتروني تلقائية من Google لإجراء تغيير، سأغيره ، ولا تسمع منهم لبضعة أيام، ثم احصل على طلب التغيير نفسه مرة أخرى ولن تصل أبدًا إلى أي مكان). ونتيجة لذلك، سأقدم تعليمات أدناه حول كيفية إنشاء مفاتيح API الخاصة بك.
  • إذا حاولت استخدام هذا الامتداد دون تغيير مفتاح API، فمن المحتمل أن ترى أخطاء (المرجع: #7).

التخصيصات

• أصبح البحث الآن أكثر غموضًا، لذا فهو يبحث عن الكلمات بشكل فردي بدلاً من البحث عنها معًا.
• البحث حسب عنوان الفيديو
• قائمة منسدلة للقناة قابلة للبحث
• تحتوي مقاطع الفيديو الموجودة في القائمة على صورة مصغرة
• تمت إزالة تبعيات list.js وjQuery (تم استخدام jQuery حرفيًا لـ list.js وشيء آخر، وlist.js بصراحة أدى إلى تعقيد البرنامج النصي أكثر لأنه لم يكن ضروريًا).
• تنظيف الكود بشكل ملحوظ
• تم تحديث وتنظيف CSS
• تشبه واجهة المستخدم مظهر YouTube المظلم الآن.
• يؤدي النقر على مقطع فيديو إلى فتح الفيديو في علامة تبويب جديدة
• مرشح البحث مستمر. سوف يتذكر الملحق الفلتر الذي استخدمته في آخر مرة قمت فيها بالبحث عن قائمة تشغيل معينة.
• تحميل الدوار
• تحميل كسول
• تخزين محلي لمقاطع الفيديو لقوائم التشغيل الكبيرة لاسترجاعها بسرعة
  • زر الجلب لفرض جلب قائمة التشغيل من واجهة برمجة التطبيقات

تثبيت

ليس لدي هذا في متجر Chrome Extension Store، ولن أفعله أبدًا. من الواضح أن Google تطلب منك دفع رسوم تسجيل قدرها 5 دولارات لتصبح مطورًا للإضافات الآن، وبصراحة، لا يمكنني أن أزعجني.

إذا كنت تريد نشر هذا الامتداد في سوق Chrome الإلكتروني، فلك الحرية في القيام بذلك. ومع ذلك، أطلب منك فقط:

• اسمحوا لي أن أعرف أولاً حتى أتمكن من تحديث ملف README هذا لأقول أنه تتم إضافته
• اسمحوا لي أن أعرف عندما تتم الموافقة عليه ونشره حتى أتمكن من نشر الرابط هنا
• اسمح بالإشارة إلى git repo هذا في مكان ما في تفاصيل الامتداد حتى يتمكن الأشخاص من مراجعة الكود بسهولة إذا أرادوا ذلك، و/أو إرسال تقارير الأخطاء أو طلبات الميزات.
• حاول إبقاء امتداد Chrome في المتجر محدثًا نسبيًا مع الريبو.

لذا، لتثبيت هذا الامتداد:

• إنشاء مفاتيح API. للحصول على تعليمات حول كيفية القيام بذلك، انظر القسم أدناه.
• قم بتنزيل هذا المستودع أو استنساخه
• افتح ملف manifest.json واستبدل client_id بمعرف العميل الذي حصلت عليه عند إنشاء مفتاح API.
• بالنسبة إلى "متصفح Brave" فقط، قم بتمكين الإعداد "السماح بتسجيل الدخول إلى Google للإضافات" وأعد تشغيل المتصفح (هام: هذه الميزة معطلة حاليًا، انظر أدناه)
• افتح صفحة "الامتدادات" في إعدادات Chrome
• قم بتبديل "وضع المطور" (يجب أن يكون هذا في الزاوية اليمنى العليا)
• انقر فوق "تحميل غير مضغوط"
• حدد المجلد الذي تم حفظ هذا الامتداد فيه عند استنساخه أو تنزيله.

يجب أن يكون لديك الامتداد الآن.

عند استخدام الامتداد لأول مرة، سيُطلب منك تسجيل الدخول إلى حساب Google. يستخدم هذا الامتداد واجهة برمجة تطبيقات YouTube من Google، ويتطلب رمزًا مميزًا من Google يسمح للامتداد باسترداد المعلومات من واجهة برمجة التطبيقات.

اختياريًا، يمكنك الآن تعطيل "وضع المطور". يجب أن يحتفظ Chrome بالإصدار المخصص حتى بعد التعطيل.

توليد مفاتيح API

• انتقل إلى وحدة تحكم مطوري 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) ستصل إلى 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 ، ثم قم بتسميته بأي اسم تريده.
• للحصول على معرف التطبيق، أدخل هذا: jdolgjncmhmboklhmacpknglmiibbldg .
• انقر فوق Create .
• قد يستغرق الأمر بعض الوقت، لكنه استغرق بضع ثوانٍ فقط بالنسبة لي.
• يجب عليك بعد ذلك الحصول على Client ID . انسخ هذا، ستحتاج إليه عند تثبيت التطبيق.

لقد انتهيت من إنشاء مفتاح API الخاص بك (معرف العميل).

متصفح شجاع

لقد اعتدت أن تكون قادرًا على استخدام هذا الامتداد مع متصفح Brave، ولكنه معطل الآن ويعلم مطورو متصفح Brave بذلك. ليس هناك الكثير مما يمكنهم فعله الآن باستثناء انتظار قيام Google بفعل شيء ما.

يمكنك رؤية تذكرة متصفح Brave المفتوحة هنا.

ومع ذلك، يبدو أن هذا الأمر كان مقصودًا بواسطة Google وقد لا يتم إصلاحه أبدًا (المرجع).

شكرا جزيلا جوجل؟

لماذا هذا الامتداد مفقود من متاجر الامتدادات

هذا الامتداد غير موجود حاليًا في أي متجر ملحق.

أنت حر في إضافته إلى متجر الملحقات إذا كنت تريد ذلك، ولكن إذا قمت بذلك، أطلب منك:

• اسمحوا لي أن أعرف أولاً حتى أتمكن من تحديث ملف README هذا لأقول أنه تتم إضافته
• اسمحوا لي أن أعرف عندما تتم الموافقة عليه ونشره حتى أتمكن من نشر الرابط هنا
• اسمح بالإشارة إلى git repo هذا في مكان ما في تفاصيل الامتداد حتى يتمكن الأشخاص من مراجعة الكود بسهولة إذا أرادوا ذلك، و/أو إرسال تقارير الأخطاء أو طلبات الميزات.
• حاول إبقاء امتداد Chrome في المتجر محدثًا نسبيًا مع الريبو.

هناك مجموعة متنوعة من الأسباب لعدم وجود هذا في أي متجر ملحق، والتي سأذكرها أدناه:

متصفحات جوجل كروم / كروميوم

ليس لدي هذا في متجر Chrome Extension Store لأنه من الواضح أن Google تطلب منك دفع رسوم تسجيل قدرها 5 دولارات لتصبح مطورًا للإضافات الآن وبصراحة، لا يمكنني أن أنزعج، وأجد أنه من الإهانة أن أقضي وقت فراغي. لإنشاء امتداد مجاني ثم يتعين علي أن أدفع لشركة Google مقابل امتياز إضافته إلى متجرهم.

فايرفوكس

يختلف نظام امتداد Firefox بشكل كبير عن Chrome، وهذا هو امتداد Chrome. سيكون هناك عمل إضافي يتضمن تشغيله على Firefox بسبب هذا.

كما أنني لست على دراية كبيرة بتطوير الإضافات، ولا أعرف حتى ما إذا كان بإمكانك استخدام واجهات برمجة تطبيقات YouTube من Google في Firefox، والتي أحتاجها لكي يعمل هذا الامتداد.

حافة

من الناحية النظرية، يجب أن يكون من السهل القيام بـ Edge لأنه متصفح يعتمد على Chromium.

ومع ذلك، لا أعرف أيضًا ما إذا كان لدى Edge القدرة على استخدام YouTube API.

ولكن الأهم من ذلك، ليس لدي أي أجهزة كمبيوتر تعمل بنظام Windows في منزلي، لذا لا توجد طريقة لاختبار ما إذا كان Edge يعمل على الإطلاق.

وهذا يعني أيضًا أن أي تغييرات أقوم بها في المستقبل لن تخضع مطلقًا لأي اختبار لـ Edge قبل التحديث.

سفاري

لا أعرف ما إذا كان لدى Safari القدرة على استخدام YouTube API.

مثل Windows، ليس لدي أي أجهزة Mac في منزلي، لذا لا توجد طريقة لاختبار Safari أيضًا، لذلك لا توجد طريقة لمعرفة ما إذا كان سيعمل أم لا.

وهذا يعني أيضًا أن أي تغييرات أقوم بها في المستقبل لن تخضع مطلقًا لأي اختبار لمتصفح Safari قبل التحديث.

أنا أيضًا لست على دراية بـ Safari على الإطلاق وما إذا كان يحتوي على متجر ملحقات أو ما يتضمنه إضافته.