محول SRT إلى VTT

كيفية تحويل SRT إلى VTT في 3 خطوات بسيطة

ما هو ملف SRT؟ (ترجمات SubRip)

يعد ملف SRT (SubRip Subtitle) تنسيق الترجمة النصية البسيطة الأكثر انتشاراً واستخداماً عبر تاريخ الفيديو الرقمي. نشأ التنسيق من برنامج SubRip لنظام التشغيل Windows — والذي تم تطويره لاستخراج نصوص وتوقيتات الترجمة من أقراص DVD — ليصبح المعيار العالمي المعتمد لمشغلات الوسائط المكتبية، والتلفزيونات الذكية، وبرامج المونتاج الاحترافية.

هيكلياً، يتكون ملف SRT من فقرات ترجمة متتابعة يفصل بينها سطر فارغ. وتحتوي كل فقرة على أربعة عناصر أساسية: رقم تسلسلي متتابع (1، 2، 3...)، وتعريف دقيق للتوقيت يوضح بداية ونهاية ظهور الترجمة (بالتنسيق الصارم ساعات:دقائق:ثوانٍ,أجزاء من الثانية: 00:00:01,250 --> 00:00:04,500)، وسطر أو أكثر من نص الحوار، وسطر فارغ ختامي.

وعلى الرغم من بساطة ملفات SRT وتوافقها الواسع مع برامج سطح المكتب المستقلة مثل VLC Media Player و MPV و HandBrake و Adobe Premiere Pro، إلا أنها طُورت قبل نشأة الويب الحديث. ونتيجة لذلك، يفتقر SRT إلى الدعم المباشر في متصفحات الويب HTML5، ولا يوفر آليات قياسية لتنسيق الخطوط المتجاوبة أو ضبط موضع النص عبر CSS.

ما هو ملف WebVTT (.vtt)؟

WebVTT (Web Video Text Tracks) هو التنسيق القياسي المفتوح والمعتمد رسمياً لنصوص الترجمة والشروحات وفصول الفيديو المخصصة للويب من قبل رابطة شبكة الويب العالمية (W3C) ومجموعة WHATWG. تم تقديمه مع مواصفات HTML5، وتدعمه جميع متصفحات الويب الحديثة — بما في ذلك Google Chrome و Mozilla Firefox و Apple Safari و Microsoft Edge — بشكل أصلي ومباشر دون الحاجة إلى مكتبات JavaScript خارجية.

تتميز ملفات WebVTT بوجود رأس تعريفي إلزامي في أول سطر من الملف يبدأ بعبارة "WEBVTT". وبعد هذه الترويسة، يمكن أن يتضمن الملف بيانات وصفية اختيارية (مثل العنوان أو اللغة) وتنسيقات أنماط مضمنة قبل البدء في سطور الترجمة الفردية.

بالإضافة إلى عرض الحوارات النصية، تم تصميم WebVTT ليواكب واجهات الويب التفاعلية والمتجاوبة. فهو يدعم إعدادات تحديد الموضع الأفقي والعمودي، ومحاذاة النصوص، وتحديد حجم كتل الترجمة. وعلاوة على ذلك، يتكامل WebVTT بسلاسة تامة مع CSS عبر محدد ::cue، مما يتيح للمطورين تخصيص الخطوط والظلال وشفافية الخلفيات بسهولة.

ما هو محول SRT إلى VTT؟

محول SRT إلى VTT هو أداة متخصصة تقوم بإعادة هيكلة وتنسيق ملفات SubRip (.srt) لتتوافق بدقة مع معايير WebVTT (.vtt) المعتمدة على الويب. تتجاوز هذه الأداة القيود التقنية لإعادة تسمية امتداد الملف يدوياً لتعالج كافة الفوارق البنيوية.

خلال عملية التحويل، تقوم الأداة تلقائياً بإضافة رأس WEBVTT الإلزامي في أول سطر، واستبدال فواصل الأجزاء من الثانية بنقاط (مثل تحويل 00:00:01,500 إلى 00:00:01.500)، وتنظيف الوسوم القديمة غير المتوافقة، وتوحيد ترميز الأحرف إلى UTF-8 لضمان وضوح النص وسلامته.

يعمل محولنا بالكامل من جانب العميل (Client-Side) عبر محرك JavaScript داخل المتصفح. لا يتم رفع أي ملف إلى خوادم خارجية إطلاقاً، مما يضمن خصوصية مطلقة للمحتوى وسرعة معالجة فورية دون أي تأخير.

أبرز الفروق الجوهرية بين SRT و WebVTT

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

الفارق الأول هو رأس الملف الإلزامي: يتطلب WebVTT وجود كلمة "WEBVTT" في السطر الأول تماماً، وبدونها سيرفض مشغل HTML5 <track> قراءة الملف ويعتبره تالفاً. في حين يبدأ SRT برقم الإشارة 1 مباشرة دون أي ترويسة.

الفارق الثاني هو فاصل التوقيت الدقيق: يستخدم SRT الفاصلة العادية (,) بين الثواني والأجزاء من الألف من الثانية، بينما يعتمد WebVTT النقطة (.). كما يتيح WebVTT إمكانية حذف خانة الساعات اختصاراً (mm:ss.ttt) للمقاطع التي تقل مدتها عن ساعة واحدة.

الفارق الثالث هو خيارات التنسيق والتموضع: يقتصر SRT على بعض الوسوم البسيطة في مشغلات سطح المكتب، بينما يدعم WebVTT تنسيق المظهر بالكامل عبر محددات CSS مثل ::cue، بالإضافة إلى ضبط موضع الترجمة على الشاشة، وإنشاء فصول الفيديو، ونقل البيانات الوصفية.

أسباب تحويل ملفات SRT إلى WebVTT

أخطاء التنسيق الشائعة وكيفية تفاديها

دليل استخدام ترجمات WebVTT مع وسم <video> في HTML5

يمكنك دمج ملف WebVTT المحول بسهولة تامة مع مشغل الفيديو في موقعك باستخدام عنصر <track> البسيط.

<video controls width="800" height="450" poster="thumbnail.jpg">
  <source src="video.mp4" type="video/mp4">
  <source src="video.webm" type="video/webm">

  <!-- مسار ترجمة WebVTT -->
  <track
    kind="subtitles"
    src="subtitles-ar.vtt"
    srclang="ar"
    label="العربية"
    default
  >
  <track
    kind="subtitles"
    src="subtitles-en.vtt"
    srclang="en"
    label="English"
  >

  متصفحك لا يدعم تشغيل فيديو HTML5.
</video>

جدول مقارنة تفصيلي بين SRT و WebVTT

مقارنة شاملة توضح الفروق الفنية والمواصفات القياسية بين التنسيقين الأكثر استخداماً.