UltKit
รูปภาพ11
PDF13
เอกสารและข้อมูล7
วิดีโอ6
เสียง4
เครื่องมืออื่น ๆ22

แปลง SRT เป็น VTT

เบราว์เซอร์แสดงคำบรรยายจากแท็ก <track> ได้เฉพาะไฟล์ WebVTT เท่านั้น ไฟล์ SRT ที่เปิดใน VLC ได้ปกติจึงไม่แสดงอะไรเลยบนหน้าเว็บ แปลงไฟล์ให้เป็น VTT ที่นี่ แล้วซับชุดเดิมจะแสดงในเพลเยอร์ HTML5 ทุกตัว

ตัวแปลงซับไตเติล

หรือลากไฟล์ SRT, VTT, ASS … มาวางที่นี่ ·

สูงสุด 95 MB ต่อไฟล์· ได้สูงสุด 20 ไฟล์· ลบหลังจาก 30 นาที

ผลลัพธ์

ไฟล์จะถูกประมวลผลบนเซิร์ฟเวอร์ของเราและถูกลบหลังจาก 30 นาที

วิธีใช้เครื่องมือนี้

  1. 1

    วางไฟล์ .srt

    เพิ่มไฟล์ซับไตเติลหนึ่งไฟล์ หรือหนึ่งไฟล์ต่อภาษา ได้สูงสุด 20 ไฟล์ ไฟล์ละไม่เกิน 95 MB ระบบจะตรวจจับการเข้ารหัสแบบเก่าและบันทึกใหม่เป็น UTF-8 ซึ่ง WebVTT กำหนดให้ใช้

  2. 2

    ปรับเวลาซับหากจำเป็น

    หากต้องการแปลงตามปกติ ไม่ต้องเปลี่ยนค่าใด ๆ แต่ถ้าคำบรรยายขึ้นเร็วหรือช้ากว่าวิดีโอ ให้ใส่จำนวนวินาทีที่ เลื่อนเวลา ใน การตั้งค่าขั้นสูง

  3. 3

    แปลงเป็น WebVTT

    กด แปลงเป็น WebVTT (VTT) → แล้วดาวน์โหลดไฟล์ .vtt จากนั้นอัปโหลดไว้ข้างไฟล์วิดีโอ สำเนาของเราจะถูกลบหลังผ่านไป 30 นาที

อัปโหลดไฟล์ SRT แล้วกด แปลงเป็น WebVTT (VTT) → คุณจะได้ไฟล์ที่มีส่วนหัว WEBVTT ตามที่กำหนด มิลลิวินาทีคั่นด้วยจุด และข้อความ UTF-8 พร้อมใช้กับองค์ประกอบ <track>, Video.js, Plyr หรือแพลตฟอร์มคอร์สเรียน

ทำไมเว็บเพลเยอร์ต้องใช้ VTT แทน SRT

SRT เกิดขึ้นในวงการริป DVD ราวปี 2000 และกลายเป็นค่าเริ่มต้นของเพลเยอร์บนเดสก์ท็อป โปรแกรมตัดต่อ และไฟล์ที่ดาวน์โหลด ส่วน WebVTT ออกแบบในปี 2010 สำหรับเว็บ โดยเริ่มจากไวยากรณ์ของ SRT และมาตรฐาน HTML กำหนดให้เป็นฟอร์แมตขององค์ประกอบ <track> Chrome, Firefox, Safari และ Edge อ่านได้โดยตรง และไม่มีเบราว์เซอร์ใดอ่าน SRT ผ่านแทร็ก

ในโปรแกรมแก้ไขข้อความ ทั้งสองดูเกือบเหมือนกัน จึงทำให้หลายคนพลาด ไฟล์ VTT ต้องขึ้นต้นด้วย WEBVTT ต้องเป็น UTF-8 และเขียน 00:01:05.300 ในขณะที่ SRT เขียน 00:01:05,300 นอกจากนี้ VTT ยังเก็บตำแหน่ง รูปแบบ และหมายเหตุที่ SRT ไม่เคยมีได้ การแปลงจาก SRT เป็น VTT จึงไม่สูญเสียอะไร ส่วนขากลับผ่าน แปลง VTT เป็น SRT จะตัดส่วนเสริมเหล่านั้นออก

เมื่อได้ไฟล์ .vtt แล้ว ให้ลิงก์จากหน้าเว็บตามตัวอย่างด้านล่าง หากวิดีโออยู่ในฟอร์แมตที่เบราว์เซอร์เล่นไม่ได้ เช่น .mov จาก iPhone คู่มือ วิธีแปลง MOV เป็น MP4 จะช่วยในส่วนนั้น

HTML สำหรับวิดีโอที่ใช้คำบรรยายภาษาอังกฤษที่แปลงแล้ว
<video controls src="lecture.mp4">
  <track kind="subtitles" src="lecture.en.vtt"
         srclang="en" label="ภาษาอังกฤษ" default>
</video>

SRT กับ VTT ต่างกันอย่างไรในจุดที่สำคัญ

คิวเดียวกันในสองฟอร์แมต
หัวข้อSRTWebVTT
บรรทัดแรกของไฟล์หมายเลขคิว `1``WEBVTT`
ไทม์สแตมป์`00:01:05,300``00:01:05.300` (ไม่บังคับชั่วโมง)
หมายเลขคิวจำเป็นตัวระบุแบบไม่บังคับ
การเข้ารหัสข้อความแบบใดก็ได้ มักเป็นโค้ดเพจรุ่นเก่าUTF-8 เท่านั้น
ตำแหน่งและการจัดแนวไม่มีมาตรฐานการตั้งค่าคิว เช่น `line` และ `align`
การจัดรูปแบบ`<i>`, `<b>`, `<u>`, `<font>``<i>`, `<b>`, `<u>` และคลาสที่จัดรูปแบบด้วย CSS
MIME type บนเซิร์ฟเวอร์`application/x-subrip``text/vtt`

SRT

คำบรรยาย SubRip

SRT เป็นรูปแบบคำบรรยายของ SubRip ซึ่งเป็นโปรแกรมฟรีบน Windows ที่ใช้ดึงคำบรรยายออกจากวิดีโอราวปี 2000 แต่ละรายการเป็นบล็อกข้อความธรรมดาที่มีหมายเลขลำดับ เวลาเริ่มและเวลาสิ้นสุด และข้อความคำบรรยาย เป็นรูปแบบคำบรรยายที่ได้รับการรองรับกว้างขวางที่สุด ใช้ได้กับ VLC, YouTube, Facebook โปรแกรมตัดต่อวิดีโอ และสมาร์ททีวี SRT รองรับเพียงการจัดรูปแบบพื้นฐาน และไม่มีมาตรฐานสำหรับการกำหนดตำแหน่งหรือสไตล์

การบีบอัด
–
พื้นหลังโปร่งใส
–
ภาพเคลื่อนไหว
–
เปิดตัว
SubRip
ตัวแปลงไฟล์ SRT

VTT

คำบรรยาย WebVTT

VTT คือรูปแบบ Web Video Text Tracks ที่ WHATWG และ W3C พัฒนาขึ้นราวปี 2010 สำหรับวิดีโอ HTML5 มีลักษณะคล้าย SRT แต่เพิ่มส่วนหัว WEBVTT และรองรับการกำหนดตำแหน่ง การจัดสไตล์ ป้ายชื่อผู้พูด และเมตาดาตา เบราว์เซอร์ใช้รูปแบบนี้แสดงคำบรรยายผ่านอิลิเมนต์ <track> และแพลตฟอร์มสตรีมมิงรวมถึง YouTube รองรับไฟล์นี้ โปรแกรมเล่นและโปรแกรมตัดต่อบนเดสก์ท็อปบางตัวต้องการ SRT แทน

การบีบอัด
–
พื้นหลังโปร่งใส
–
ภาพเคลื่อนไหว
–
เปิดตัว
2010 · W3C / WHATWG
ตัวแปลงไฟล์ VTT

วิดีโอ HTML5 โหลด WebVTT ผ่านองค์ประกอบ track เท่านั้น คำบรรยาย SRT ที่ทำไว้สำหรับเพลเยอร์บนเดสก์ท็อปจึงต้องเปลี่ยนเป็น VTT ก่อนจึงจะแสดงบนหน้าเว็บได้

ซับ VTT ไม่แสดงในเบราว์เซอร์

  • คำบรรยายใช้ได้ออนไลน์ แต่ไม่ขึ้นเมื่อเปิดไฟล์ HTML จากดิสก์ในเครื่อง

    เบราว์เซอร์บล็อกแทร็กที่โหลดจากหน้า file:// ให้ทดสอบผ่านเว็บเซิร์ฟเวอร์ในเครื่องหรือบนเว็บไซต์จริง

  • แทร็กโหลดจากโดเมนอื่นแล้วว่างเปล่า

    เพิ่ม crossorigin ให้องค์ประกอบ <video> และอนุญาตเว็บไซต์ของคุณในส่วนหัว CORS ของเซิร์ฟเวอร์ที่เก็บไฟล์ .vtt

  • เซิร์ฟเวอร์ส่งไฟล์เป็น text/plain

    ตั้งค่าให้ส่ง .vtt เป็น text/vtt เพราะบางเพลเยอร์ไม่ยอมรับชนิดอื่น

  • คำบรรยายทุกบรรทัดขึ้นเร็วไปหนึ่งวินาที

    แปลงอีกครั้งโดยตั้ง เลื่อนเวลา เป็นค่าบวก เช่น 1 แล้วแทนที่ไฟล์เดิม

คำถามเกี่ยวกับการแปลง SRT เป็น VTT

การแปลง SRT เป็น VTT เปลี่ยนอะไรในไฟล์บ้าง

ระบบจะเพิ่มบรรทัด WEBVTT ไว้ด้านบน เปลี่ยนเครื่องหมายจุลภาคหน้ามิลลิวินาทีเป็นจุด และบันทึกไฟล์เป็น UTF-8 WebVTT อนุญาตให้ใช้หมายเลขคิวเป็นตัวระบุแบบไม่บังคับ และข้อความคำบรรยายจะไม่ถูกเปลี่ยนแปลง

เปลี่ยนนามสกุลจาก .srt เป็น .vtt เฉย ๆ ได้หรือไม่

ไม่ได้ หากไม่มีส่วนหัว WEBVTT และใช้เครื่องหมายจุลภาคในไทม์สแตมป์ เบราว์เซอร์จะปฏิเสธแทร็กหรือข้ามทุกคิว ต้องเขียนไฟล์ใหม่ ซึ่งใช้เวลาเพียงวินาทีเดียวที่นี่

ตัวเอียงและตัวหนายังอยู่หลังแปลงหรือไม่

ได้ แท็ก <i>, <b> และ <u> มีอยู่ในทั้งสองฟอร์แมต แต่แท็ก <font color> ของ SRT ไม่มีตัวเทียบโดยตรงใน WebVTT เพราะ WebVTT กำหนดสีของคิวผ่านคลาส CSS ดังนั้นหากไฟล์ของคุณใช้แท็กนี้มาก ให้เปิด ลบแท็กจัดรูปแบบ

แพลตฟอร์มคอร์สออนไลน์ต้องการไฟล์แบบไหน

แพลตฟอร์มการเรียนรู้และเว็บเพลเยอร์ส่วนใหญ่รองรับ WebVTT และหลายตัวรับ SRT ด้วย หากแบบฟอร์มอัปโหลดระบุเฉพาะ .vtt ให้แปลงที่นี่ แต่ถ้าระบุเฉพาะ .srt ให้ใช้ แปลง VTT เป็น SRT ในทางกลับกัน

วางซับไว้ด้านบนของหน้าจอได้หรือไม่

WebVTT รองรับด้วยการตั้งค่าคิว เช่น line:0 ซึ่งคุณเพิ่มเองในโปรแกรมแก้ไขข้อความหลังแปลงได้ ส่วน SRT ไม่มีวิธีมาตรฐานในการเก็บตำแหน่ง คิวที่แปลงแล้วจึงเริ่มที่ตำแหน่งเริ่มต้นด้านล่าง

จะใส่ซับหลายภาษาในวิดีโอเดียวได้อย่างไร

แปลง SRT ของแต่ละภาษา แล้วเพิ่ม <track> หนึ่งรายการต่อไฟล์ พร้อม srclang และ label ของตัวเอง ผู้ชมเลือกภาษาได้จากเมนูคำบรรยายของเพลเยอร์