LowerThirdSoftware CG
العربية

أشرطة OBS السفلية: مصدر متصفح واحد لكل الرسوم

يستطيع OBS Studio عرض جرافيك HTML5 حيّ أصلًا — بلا إضافات ولا بطاقة التقاط ولا جهاز ثانٍ. هذا هو الإعداد الدقيق لـأشرطة OBS السفلية وشرائط النتيجة والأشرطة الزاحفة عبر مصدر متصفح شفاف واحد، مع المشكلات الشائعة وحلولها.

لماذا مصدر متصفح لا مصدر وسائط

مصدر الوسائط يشغّل ملفًا. أما مصدر المتصفح فيشغّل صفحة ويب حيّة، ويدمجها فوق مشهدك بشفافية كاملة ويحدّثها لحظيًا. هذا الفارق هو كل شيء في الجرافيك الحيّ: تستطيع الصفحة تغيير محتواها وهي على الهواء، فتتحدث النتيجة أو الاسم دون لمس OBS.

كما أن مصدرًا واحدًا يحمل كل الرسوم. شريط التعريف وشريط النتيجة والشريط الزاحف عناصر في الصفحة الشفافة نفسها، فلا تنحرف عن بعضها ولا تبني كومة من اثني عشر مصدرًا.

إضافة المصدر خطوة بخطوة

  1. شغّل LowerThird Software؛ فهو يقدّم لوحة التحكم وصفحة المخرج من جهازك نفسه.
  2. في OBS اختر المشهد الذي فيه الكاميرا أو التقاط اللعبة. اضغط + في المصادر واختر متصفح.
  3. سمِّه جرافيك ثم موافق.
  4. اضبط العنوان على http://localhost:5275/output.
  5. العرض 1920 والارتفاع 1080 — مطابقًا للوحة القماشية، ولا تغيّر حجم المصدر داخل المشهد.
  6. اترك «إيقاف المصدر عند عدم ظهوره» بلا تحديد، وفعّل «تحديث المتصفح عند تنشيط المشهد» فقط إن أردت تصفير الرسوم مع كل تبديل مشهد.
  7. اضغط موافق ثم اسحب المصدر إلى أعلى القائمة ليكون فوق الكاميرا.

الشفافية: لا شيء لضبطه

يبحث كثيرون عن إعداد للشفافية. لا وجود له ولا حاجة إليه — فمصدر المتصفح في OBS يحترم قناة ألفا في الصفحة أصلًا. إن لم ترسم الصفحة خلفية، دمج OBS البكسلات المرسومة فقط.

وإن رأيت مستطيلًا أسود أو أبيض فالصفحة هي التي ترسم الخلفية لا OBS. يستطيع CSS المخصص في نافذة المصدر إصلاح صفحة خارجية (body { background: transparent !important; })، لكن صفحة مصمَّمة للبث ينبغي أن تكون شفافة أصلًا.

المقاس والتحجيم والمنطقة الآمنة

أنشئ المصدر دائمًا بدقة لوحتك — 1920×1080 عادةً — وضع الرسوم داخل الصفحة بدل تحجيم المصدر في OBS. تحجيم مصدر المتصفح يعيد أخذ عينات النص ويُليّن كل الحواف، وهو السبب الأول لظهور العناوين ضبابية.

وإن كنت تبثّ بدقة 1280×720 فاترك المصدر 1920×1080 ودع OBS يصغّر اللوحة كلها مرة واحدة في النهاية. تصغير نظيف واحد أفضل من مرحلتي تحجيم.

خمس مشكلات وحلولها

  • المصدر فارغ. التطبيق غير مشغّل أو المنفذ مختلف. افتح العنوان في متصفح عادي أولًا — إن كان فارغًا هناك أيضًا فالمشكلة ليست في OBS.
  • الرسوم لا تتحدث. الصفحة في الذاكرة المؤقتة أو انقطع الاتصال. انقر بزر الفأرة الأيمن ← تفاعل أو حدّث. الصفحة المبنية على WebSocket يفترض أن تعيد الاتصال وحدها.
  • العناوين تبدو رخوة. المصدر مُحجَّم. أعد ضبط التحويل (Ctrl+R مع تحديد المصدر) واضبط الحجم من خصائص المصدر.
  • كل شيء يتقطّع. تسريع العتاد مغلق في OBS أو هناك حركة مكلفة. فضّل حركات transform وopacity التي يتولاها كرت الشاشة على width وheight والظلال.
  • الأوفرلاي يختفي عند تبديل المشهد. خيار «إيقاف المصدر عند عدم ظهوره» مفعّل. ألغِ تفعيله أو أضف المصدر نفسه إلى كل مشهد كمرجع لا كنسخة.

العمل وأنت على الهواء

ضع لوحة التحكم على شاشة ثانية أو على جهاز لوحي على الطاولة — إنها صفحة ويب، فأي جهاز بمتصفح على شبكتك يستطيع قيادتها. اكتب اسم الضيف التالي بينما لا يزال الحالي على الشاشة، ثم اضغط TAKE عند تغيّر اللقطة.

ولأن الأوامر تمرّ عبر WebSocket فلا تأخير استعلام ولا إعادة تحميل: تنقر فتبدأ الحركة في الإطار نفسه.

مستعد لتجربته في مشهدك؟ احصل على نسخة وصول مبكر، أضف مصدر متصفح واحدًا، وأخرج شريط تعريف على الهواء خلال خمس دقائق تقريبًا.

اطلب الوصول المبكر

الأسئلة الشائعة

هل يدعم OBS مصادر المتصفح الشفافة؟

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

ما العنوان الذي أستخدمه؟

صفحة المخرج المحلية — وفي LowerThird Software هي http://localhost:5275/output. ولأنها تُقدَّم من جهازك فهي تعمل دون إنترنت.

هل يبطئ مصدر المتصفح البث؟

الأوفرلاي المكتوب جيدًا يكلّف القليل جدًا: حفنة عناصر DOM تتحرك على كرت الشاشة. أبقِ تسريع العتاد مفعّلًا وتجنّب الصفحات التي تحرّك الظلال أو تشغّل سكربتات ثقيلة في حلقة.

هل أستطيع استخدام الأوفرلاي نفسه في vMix أو Streamlabs؟

نعم. أي مُشفِّر بمدخل متصفح HTML5 يقبل العنوان نفسه — vMix وStreamlabs وXSplit وRestream Studio تعمل بالطريقة ذاتها.

صفحات ذات صلة