แปลง SRT เป็น VTT
เบราว์เซอร์แสดงคำบรรยายจากแท็ก <track> ได้เฉพาะไฟล์ WebVTT เท่านั้น ไฟล์ SRT ที่เปิดใน VLC ได้ปกติจึงไม่แสดงอะไรเลยบนหน้าเว็บ แปลงไฟล์ให้เป็น VTT ที่นี่ แล้วซับชุดเดิมจะแสดงในเพลเยอร์ HTML5 ทุกตัว
ตัวแปลงซับไตเติล
หรือลากไฟล์ SRT, VTT, ASS … มาวางที่นี่ ·
สูงสุด 95 MB ต่อไฟล์· ได้สูงสุด 20 ไฟล์· ลบหลังจาก 30 นาที
ไฟล์จะถูกประมวลผลบนเซิร์ฟเวอร์ของเราและถูกลบหลังจาก 30 นาที
เลื่อนซับไตเติลทุกบรรทัดตามจำนวนวินาทีนี้ ใช้ค่าบวกหากซับไตเติลขึ้นเร็วเกินไป และค่าลบหากขึ้นช้าเกินไป (เช่น -1.5)
ตั้งค่านี้คู่กับอัตราเฟรมเป้าหมายเมื่อซับไตเติลคลาดเคลื่อนมากขึ้นเรื่อย ๆ ตลอดภาพยนตร์ ซึ่งเป็นสัญญาณว่าซับไตเติลถูกตั้งเวลาไว้สำหรับวิดีโอเวอร์ชันอื่น
อัตราเฟรมของวิดีโอที่จะใช้เล่นกับซับไตเติล การแปลง 23.976 → 25 แก้ปัญหาความคลาดเคลื่อนระหว่าง PAL/NTSC ได้เกือบทุกกรณี
ใช้เฉพาะกับไฟล์ TXT ธรรมดาที่ไม่มีเวลากำกับ แต่ละบรรทัดจะแสดงตามระยะเวลานี้ต่อกันไปทีละบรรทัด หากจำเป็นสามารถปรับเวลาภายหลังได้ในโปรแกรมแก้ไขซับไตเติล
การตรวจหาอัตโนมัติรองรับไฟล์ได้เกือบทั้งหมด ให้เลือกการเข้ารหัสเองหากตัวอักษรที่มีเครื่องหมายเน้นเสียง อักษรซีริลลิก หรืออักษรอาหรับแสดงเป็นเครื่องหมายคำถาม ผลลัพธ์จะเป็น UTF-8 เสมอ
ฟอนต์ที่ใช้ในสไตล์ ASS เริ่มต้น เครื่องของผู้ชมต้องติดตั้งฟอนต์นี้ไว้ Arial เป็นตัวเลือกที่ปลอดภัยที่สุด
ขนาดเทียบกับวิดีโอสูง 1080 พิกเซล ค่า 48 เป็นขนาดที่ใช้ทั่วไปสำหรับภาพยนตร์
วิธีใช้เครื่องมือนี้
- 1
วางไฟล์ .srt
เพิ่มไฟล์ซับไตเติลหนึ่งไฟล์ หรือหนึ่งไฟล์ต่อภาษา ได้สูงสุด 20 ไฟล์ ไฟล์ละไม่เกิน 95 MB ระบบจะตรวจจับการเข้ารหัสแบบเก่าและบันทึกใหม่เป็น UTF-8 ซึ่ง WebVTT กำหนดให้ใช้
- 2
ปรับเวลาซับหากจำเป็น
หากต้องการแปลงตามปกติ ไม่ต้องเปลี่ยนค่าใด ๆ แต่ถ้าคำบรรยายขึ้นเร็วหรือช้ากว่าวิดีโอ ให้ใส่จำนวนวินาทีที่ เลื่อนเวลา ใน การตั้งค่าขั้นสูง
- 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 จะช่วยในส่วนนั้น
<video controls src="lecture.mp4">
<track kind="subtitles" src="lecture.en.vtt"
srclang="en" label="ภาษาอังกฤษ" default>
</video>SRT กับ VTT ต่างกันอย่างไรในจุดที่สำคัญ
| หัวข้อ | SRT | WebVTT |
|---|---|---|
| บรรทัดแรกของไฟล์ | หมายเลขคิว `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
VTT
คำบรรยาย WebVTT
VTT คือรูปแบบ Web Video Text Tracks ที่ WHATWG และ W3C พัฒนาขึ้นราวปี 2010 สำหรับวิดีโอ HTML5 มีลักษณะคล้าย SRT แต่เพิ่มส่วนหัว WEBVTT และรองรับการกำหนดตำแหน่ง การจัดสไตล์ ป้ายชื่อผู้พูด และเมตาดาตา เบราว์เซอร์ใช้รูปแบบนี้แสดงคำบรรยายผ่านอิลิเมนต์ <track> และแพลตฟอร์มสตรีมมิงรวมถึง YouTube รองรับไฟล์นี้ โปรแกรมเล่นและโปรแกรมตัดต่อบนเดสก์ท็อปบางตัวต้องการ SRT แทน
- การบีบอัด
- –
- พื้นหลังโปร่งใส
- –
- ภาพเคลื่อนไหว
- –
- เปิดตัว
- 2010 · W3C / WHATWG
วิดีโอ 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 ของตัวเอง ผู้ชมเลือกภาษาได้จากเมนูคำบรรยายของเพลเยอร์