حوّل ترجمات WebVTT إلى نص مفرّغ مستقل بصيغة HTML

يبدأ ملف WebVTT (.vtt) بترويسة حرفية WEBVTT، ثم يسرد المقاطع كنطاق رمز وقت يتبعه سطر أو سطرا نص ترجمة. إنها الصيغة التي تُصدِّرها معظم منصات الاجتماعات، من بينها Zoom و Microsoft Teams والترجمة التلقائية في YouTube، عند تنزيل نص مفرّغ، وهي مبنية لمزامنة الترجمة مع الفيديو، لا لتكون صفحة ويب مقروءة بمفردها.

يحلّل محول VTT إلى HTML في SubToolDesk ترويسة WEBVTT وكتل المقاطع محليًا داخل متصفحك، ويتجاهل الترويسة ورموز الوقت وأي وسوم صوت، ويعيد تجميع المقتطفات في فقرات طبيعية، ويُغلِّف النتيجة في مستند HTML صالح وبسيط بوسم <p> واحد لكل فقرة، جاهز للفتح مباشرة في متصفح، أو الاستضافة على خادم، أو الإضافة إلى موقع ثابت.

كيفية تحويل VTT إلى HTML (خطوة بخطوة)

• اسحب ملف .vtt إلى المحول أعلاه، أو اضغط «رفع ملف» للبحث عنه.
• تأكد من أن بطاقة الاكتشاف التلقائي للصيغة تعرض VTT.
• اترك دمج في فقرات مفعّلًا للحصول على نص سلس، أو عطّله للاحتفاظ بترجمة واحدة في كل سطر.
• فعّل إزالة أسماء المتحدثين إذا كان تصدير اجتماعك يضع اسمًا في بداية كل سطر (شائع في Zoom وTeams).
• اضغط تنزيل لحفظ ملف .html مستقل.

لماذا تحوّل WebVTT إلى HTML

صُمِّم ملف .vtt لمزامنة الترجمة مع مشغّل فيديو، لا ليكون صفحة ويب بمفرده. يتعلق تحويله إلى HTML غالبًا بما يحتاج النص المفرّغ أن يفعله بعد ذلك:

• نشر نص مفرّغ لاجتماع Zoom أو Teams كصفحة ويكي داخلية يستطيع فريقك الرجوع إليها بالرابط والبحث فيها وقراءتها دون إعادة فتح التسجيل.
• وضع ترجمة جلسة تدريبية ضمن موقع توثيق كصفحة مستقلة، دون أي خطوة بناء إضافية.
• مشاركة نص مفرّغ كرابط بدل مرفق .vtt، لا يعرف معظم الناس كيف يفتحونه بمعنى مفيد.
• تنسيق النص المفرّغ ليلائم إنترانت أو موقعًا إلكترونيًا، إذ تستطيع وسوم <p> العادية والدلالية قبول ورقة أنماط؛ بخلاف ملف VTT الخام.
• جعل محتوى فيديو مترجم قابلًا للفهرسة والوصول إليه كصفحة مقروءة بذاتها، لمن يفضّل القراءة على المشاهدة.
• أرشفة نص مفرّغ لاجتماع كصفحة تظل تُفتَح بشكل صحيح في أي متصفح طويلًا بعد اختفاء التسجيل نفسه.

ما الذي يحتويه ملف HTML فعليًا

إنه مستند HTML كامل وبسيط: تصريح <!DOCTYPE html>، و<head> بترميز UTF-8 وعنوان صفحة، و<body> يحتوي على عنصر <p> واحد لكل فقرة. لا تبقى ترويسة WEBVTT، ولا وسوم صوت، ولا إعدادات مقطع في الناتج، فقط ترميز دلالي يمكنك فتحه كما هو أو لصقه داخل صفحة أكبر وتنسيقه بـ CSS الخاص بك.

قبل وبعد: مثال حقيقي

تصدير قصير على طراز Zoom، بوسوم صوت وإعدادات مقطع وكتلة NOTE وكل ما سبق، يُحوَّل مع تفعيل دمج في فقرات وإزالة أسماء المتحدثين وإزالة وسوم التنسيق جميعًا (الوضع الافتراضي في هذه الصفحة):

WEBVTT

NOTE
نص مفرّغ أنشأه Zoom

00:00:01.200 --> 00:00:03.900 align:start position:10%
<v المتحدث 1>مرحبًا بالجميع، شكرًا لانضمامكم إلى المكالمة اليوم.

00:00:03.900 --> 00:00:06.450
<v المتحدث 2>بالتأكيد! لنبدأ.

00:00:06.450 --> 00:00:09.800
<v المتحدث 1>رائع، أول بند في جدول الأعمال هو خارطة طريق الربع الثالث.

<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<title>النص المفرّغ</title>
</head>
<body>
<p>مرحبًا بالجميع، شكرًا لانضمامكم إلى المكالمة اليوم. بالتأكيد! لنبدأ. رائع، أول بند في جدول الأعمال هو خارطة طريق الربع الثالث.</p>
</body>
</html>

اختفت ترويسة WEBVTT، وكتلة NOTE، وكل سطر طابع زمني وإعداد مقطع، ووسما الصوت <v المتحدث 1> كلاهما. تبقّى ترميز صالح وبسيط، بالحوار المنطوق مُغلَّفًا في عنصر <p> واحد، جاهز للفتح في أي متصفح.

لماذا HTML بدل النص العادي؟

يحتاج ملف نصي عادي إلى شيء آخر لفتحه بشكل مفيد؛ أما ملف HTML فيُفتَح مباشرة في أي متصفح بتباعد فقرات صحيح جاهز مسبقًا. هذا مهم عندما يحتاج نص مفرّغ لاجتماع أو مقابلة إلى أن «يعيش» على الويب، كأن يُنشَر في ويكي داخلي، أو موقع توثيق، أو يُشارَك كرابط بدل مرفق.

خصوصية بالتصميم، لا بالسياسة

غالبًا يكون النص المفرّغ لاجتماع هو الملف الأكثر حساسية في الغرفة. يحدث تحليل VTT وبناء ملف HTML كلاهما في JavaScript يعمل داخل تبويب متصفحك. لا توجد نقطة رفع يمكن لهذه الميزة أن تصل إليها.

استخدامات شائعة لتحويل VTT إلى HTML

• صفحات ويكي داخلية: انشر نصًا مفرّغًا لاجتماع Zoom أو Teams كصفحة يستطيع فريقك الرجوع إليها بالرابط والبحث فيها وقراءتها دون فتح التسجيل الأصلي.
• مواقع التوثيق: حوّل ترجمة جلسة تدريبية مسجّلة إلى صفحة HTML مستقلة تدخل في مجلد محتوى مولِّد موقع ثابت.
• أرشيفات نصوص مفرّغة عامة: قدّم نصًا مفرّغًا مقروءًا وقابلًا للفهرسة بصيغة HTML إلى جانب فيديو منشور، لتحسين محركات البحث والإتاحة.
• عرض سريع محليًا: افتح الملف الذي نزّلته مباشرة من نظام ملفاتك في أي متصفح، دون خادم.

حالات خاصة يتعامل معها المحلل

يحذف المحلل ترويسة WEBVTT ويتجاوز كتل البيانات الوصفية NOTE وSTYLE وREGION التي تتضمنها بعض عمليات التصدير. والأحرف التي قد تُفسِد HTML صالحًا، مثل & أو < أو > حرفيًا المتبقية في نص الحوار المُنظَّف، تُحوَّل تلقائيًا إلى رموز هروب (escape)، بحيث تكون النتيجة دائمًا ترميزًا صالحًا.

ما يحافظ عليه هذا المحول وما يحذفه

يُحافَظ عليه:

• كل كلمة من نص الحوار المنطوق، بترتيبها الأصلي وعلامات ترقيمها.
• بنية الفقرات، الآن كعناصر <p> حقيقية، إما واحدة لكل مقطع أصلي، أو فقرات مبنية على الجمل إذا كان دمج في فقرات مفعّلًا.
• مستند HTML صالح وكامل، بـ doctype وترويسة UTF-8 ونص أساسي، بحيث يُفتَح الملف بشكل صحيح في أي متصفح.

يُحذَف:

• سطر ترويسة WEBVTT وكتل البيانات الوصفية NOTE وSTYLE وREGION.
• أسطر معرّف المقطع، وكل نطاق طابع زمني، وإعدادات المقطع مثل align:start position:10%.
• وسوم الصوت مثل <v اسم المتحدث>، عند تفعيل إزالة وسوم التنسيق.
• بادئات المتحدثين بنص عادي مثل المتحدث 1:، عند تفعيل إزالة أسماء المتحدثين.
• أي CSS أو سكربت أو تنسيق؛ لا يُضاف شيء منها، ولا يُنقَل شيء منها من المصدر أيضًا.

مشكلات شائعة وكيفية حلّها

• الملف الذي نزّلته يُفتَح وتظهر فيه طوابع زمنية أو أسهم -->: تحقّق من أن بطاقة الصيغة فوق المحول تعرض VTT لا Unknown؛ قد يُفسِد لصق ناقص اكتشاف المقاطع.
• لا تزال وسوم <v اسم المتحدث> ظاهرة داخل الفقرات: فعّل إزالة وسوم التنسيق، فهو معطّل افتراضيًا فقط إذا غيّرته.
• لا تزال أسماء بنص عادي مثل المتحدث 1: تتصدّر أسطرًا داخل HTML: هذا مفتاح مستقل، إزالة أسماء المتحدثين، فعّله أيضًا، لأنه يطابق نمطًا مختلفًا عن إزالة وسوم الصوت أعلاه.
• يُعرَض كل النص المفرّغ كفقرة واحدة فقط: متوقع بعد اندماج عدد كبير من المقاطع القصيرة والمتكررة؛ عطّل دمج في فقرات للحصول على عنصر <p> واحد لكل مقطع أصلي.
• تظهر الحروف المُشكَّلة أو النص غير اللاتيني كرموز مشوّهة مثل é: لم يُحفَظ ملف .vtt الأصلي بترميز UTF-8؛ صدّره أو أعد حفظه بترميز UTF-8 ثم أعد رفعه.
• تريد أن يطابق النص المفرّغ مظهر موقعك: لا يضيف المحول CSS عمدًا؛ أضف <link> إلى ورقة أنماطك الخاصة في <head>، أو الصق فقرات <p> داخل صفحة موجودة.

ما لا تفعله هذه الأداة عمدًا

لا تضيف تنسيق CSS، ولا قالب تخطيط، ولا هوية بصرية؛ فالناتج بسيط عمدًا ليدخل بنظافة في أي موقع أو ورقة أنماط موجودة لديك مسبقًا. كما أنها لا تصحّح أخطاء تفريغ موجودة أصلًا في ملف الترجمة المصدر؛ فهي تعيد تنسيق ما هو موجود وتُغلِّفه، لا تُعيد كتابته.