YamlBox

محولات البيانات · 50دقيقة قراءة

SRT إلى VTT: الترجمات التي سيقوم المتصفح بتحميلها بالفعل

سيتجاهل عنصر فيديو HTML5 ملف SRT بكل سرور: يقوم عنصر `<track>` في المتصفح بتحميل WebVTT ولا شيء آخر. لذلك يعد تحويل SRT إلى VTT خطوة روتينية في نشر الفيديو على الويب - وتكون الاختلافات بين التنسيقين أصغر مما تتوقع، ولهذا السبب بالضبط يستحق التحويل الفهم بدلاً من التعامل معه كمربع أسود.

تم التحديث

ما الذي يتغير بين SRT وVTT

  • الرأس - تبدأ ملفات WebVTT بالسطر `WEBVTT`، اختياريًا بعنوان بعده.
  • الرموز الزمنية — يكتب SRT `00:00:12,500` بفاصلة قبل المللي ثانية؛ VTT يكتب `00:00:12.500` بنقطة.
  • معرفات الإشارة — كلاهما يسمحان باسم اختياري فوق الإشارة؛ VTT يبقيهم أكثر فائدة للبرمجة النصية.
  • رموز وقت النهاية - مطلوبة في SRT؛ يمكن لـ VTT استنتاج النهاية من الإشارة التالية، على الرغم من أن الإشارة الصريحة أكثر أمانًا.
  • ميزات إضافية — يضيف VTT إعدادات الإشارة مثل موضع الخط والمحاذاة وترميز النص.

التصميم والعلامات الآمنة

يسمح WebVTT بمجموعة محدودة من العلامات داخل الإشارة — `<b>` و`<i>` و`<u>` و`<c.classname>` للفئات التي تقوم بتصميمها باستخدام CSS عبر `::cue`. من المرجح أن يتم عرض أي شيء آخر كنص حرفي. ولهذا السبب أيضًا، يجب أن يحافظ التحويل على التنسيق البسيط عند وجوده وإسقاط ما لا يمكن للتنسيق التعبير عنه، بدلاً من الهروب من العلامات إلى أقواس زاوية مرئية.

                WEBVTT

00:00:12.500 --> 00:00:15.000 align:start
That was the point.
              

لماذا يهم بعد التشغيل

تعد التسميات التوضيحية أحد متطلبات إمكانية الوصول في معظم الأنظمة الأساسية، وهي أيضًا مواد مفهرسة: يمنح المسار النصي محركات البحث والمساعدين نصًا يمكن قراءته آليًا ولا يوفره الصوت وحده. ولذلك فإن `<track kind="captions">` المشفر بشكل صحيح يؤدي مهمة مزدوجة - فهو يلبي الامتثال ويمنح الفيديو حضورًا نصيًا قد يفتقر إليه.

الترميز مهم: يعمل كـ UTF-8 مع مجموعة أحرف مناسبة. سيتم عرض الملف الذي يحتوي على أحرف معلمة والمحفوظة في ترميز قديم على هيئة mojibake في المشغل، وسيبدو وكأنه خطأ تحويل وليس خطأ ترميز.

سير العمل العملي

  1. قم بتحويل SRT إلى VTT وتحقق من الإشارة الأولى والأخيرة للحصول على الرموز الزمنية الصحيحة.
  2. احفظه بتنسيق UTF-8 بامتداد .vtt وقدمه بنوع محتوى نص/vtt حيث يمكنك التحكم في الخادم.
  3. يمكنك الرجوع إليه من عنصر الفيديو باستخدام `<track kind="captions" srclang="en" label="English" default>`.
  4. قم بتحميل ملف التسمية التوضيحية إلى جانب ملف الفيديو حتى تستمر المسارات النسبية في العمل بعد النشر.

غير متصل وفورية

ملفات الترجمة هي مستندات نصية كبيرة وغالبًا ما تكون أعمالًا لم يتم نشرها - لا ينبغي تحميل البرنامج النصي للمراجعة في أي مكان. يعمل محول SRT إلى VTT الموجود على هذا الموقع في المتصفح، لذلك يتم تحويل النص الذي يستغرق ساعتين في جزء من الثانية دون مغادرة جهازك.

SRT إلى VTT — الأسئلة المتداولة

لماذا يتجاهل مشغل الفيديو الخاص بي ملف الترجمة الخاص بي؟

دائمًا تقريبًا لأن الملف هو SRT وليس WebVTT. HTML5 `<track>` يقبل VTT فقط. قم بالتحويل إلى VTT، وتأكد من أن الملف يبدأ بسطر WEBVTT، ثم تأكد من أن الرموز الزمنية تستخدم النقاط، وليس الفواصل.

هل يحتاج YouTube والمنصات الأخرى إلى VTT؟

يقبل موقع YouTube تحميلات SRT وVTT ويقوم بتحويلها داخليًا، ولكن معظم المشغلات ذاتية الاستضافة وكل عنصر فيديو HTML5 يحتاج إلى WebVTT. يؤدي التحويل قبل التحميل إلى الحفاظ على عرض التسميات التوضيحية كما هي في كل مكان.

هل يمكن تصميم WebVTT؟

نعم - داخل النص الرئيسي، يمكنك استخدام العلامات الغامقة والمائلة والتسطير بالإضافة إلى امتدادات الفئات، ويمكنك تصميم الفئات باستخدام CSS مقابل العنصر الزائف `::cue`. يتم التحكم في تحديد الموضع من خلال إعدادات الإشارة مثل الخط والموضع والمحاذاة.

الأدوات المذكورة في هذه التدوينة

تصفح القائمة الكاملة للأدوات 19

المزيد من المقالات للقراءة

60دقيقة قراءة

منسق JSON: جميل ومصغر وصالح بالفعل

منسق JSON يقوم بالطباعة الجميلة والتصغير والتحقق من صحة مواقع الأخطاء الدقيقة - بالإضافة إلى الأخطاء النحوية الخمسة وراء كل خطأ JSON غير صالح تقريبًا.

جميع المشاركات 19 →