VidStudio - เครื่องมือปรับขนาดและแก้ไขวิดีโอออนไลน์ฟรี
(vidstudio.app)- เป็น โปรแกรมตัดต่อวิดีโอ ที่ประมวลผลในเบราว์เซอร์โดยไม่ต้องอัปโหลดไฟล์ พร้อมรองรับ การตัดต่อหลายแทร็ก การเลื่อนดูแบบรายเฟรม และฟีเจอร์ source monitor
- สร้างขึ้นบนพื้นฐาน FFmpeg WASM และ WebCodecs ทำให้ทุกการประมวลผลเกิดขึ้นภายในเบราว์เซอร์
- มีเครื่องมือวิดีโอหลัก เช่น การปรับขนาดวิดีโอ สเกล ครอป ตัดต่อคลิป บีบอัด สร้างภาพขนาดย่อ และลายน้ำ
- รองรับการประมวลผลเสียง รวมถึงฟีเจอร์คำบรรยายและข้อความ และรองรับการแปลงจากอินพุต MP4·MOV·WebM·MKV·AVI ไปเป็น MP3·WAV·AAC·M4A·FLAC
- เป็นเครื่องมือตัดต่อบนเว็บที่มีทั้ง พรีเซ็ตการบีบอัด สำหรับ Discord, Email, WhatsApp, Slack, Twitter และ พรีเซ็ตการปรับขนาด สำหรับ TikTok, Instagram Reels, YouTube Shorts
โปรแกรมตัดต่อวิดีโอ
- รองรับ การตัดต่อหลายแทร็ก, การประมวลผลด้วย WebCodecs, การเลื่อนดูแบบรายเฟรม และ source monitor
- มีฟังก์ชันสร้าง New Project
- ให้ความสามารถในการตัดต่อวิดีโอภายในเบราว์เซอร์
วิธีการประมวลผลหลัก
- สร้างขึ้นบนพื้นฐาน FFmpeg WASM
- ทุกการประมวลผลเกิดขึ้น ภายในเบราว์เซอร์
เครื่องมือวิดีโอ
-
Resize & Scale
- รองรับการปรับขนาดและสเกลวิดีโอ
-
Trim & Cut
- รองรับการตัดวิดีโอและตัดต่อคลิป
-
Compress
- รองรับการบีบอัดวิดีโอ
-
Drop Zone
- มีเครื่องมือ Drop Zone
-
Thumbnails
- รองรับการสร้างภาพขนาดย่อ
-
Watermark
- รองรับการใส่ลายน้ำ
เสียงและฟีเจอร์เพิ่มเติม
-
Audio Processing
- รองรับการประมวลผลเสียง
-
Subtitles & Text
- รองรับคำบรรยายและข้อความ
การบีบอัดตามแพลตฟอร์ม
-
Compress for Discord
- รองรับการบีบอัดวิดีโอสำหรับ Discord
-
Compress for Email
- รองรับการบีบอัดวิดีโอสำหรับ Email
-
Compress for WhatsApp
- รองรับการบีบอัดวิดีโอสำหรับ WhatsApp
-
Compress for iMessage
- รองรับการบีบอัดวิดีโอสำหรับ iMessage
-
Compress for Slack
- รองรับการบีบอัดวิดีโอสำหรับ Slack
-
Compress for Twitter
- รองรับการบีบอัดวิดีโอสำหรับ Twitter
การปรับขนาดตามแพลตฟอร์ม
-
Resize for TikTok
- รองรับการปรับขนาดวิดีโอสำหรับ TikTok
-
Resize for Instagram Reels
- รองรับการปรับขนาดวิดีโอสำหรับ Instagram Reels
-
Resize for YouTube Shorts
- รองรับการปรับขนาดวิดีโอสำหรับ YouTube Shorts
-
Resize for Instagram Post
- รองรับการปรับขนาดวิดีโอสำหรับ Instagram Post
-
Resize for LinkedIn
- รองรับการปรับขนาดวิดีโอสำหรับ LinkedIn
-
Resize for Facebook
- รองรับการปรับขนาดวิดีโอสำหรับ Facebook
-
Resize for Twitter
- รองรับการปรับขนาดวิดีโอสำหรับ Twitter
-
Resize for Pinterest
- รองรับการปรับขนาดวิดีโอสำหรับ Pinterest
การแปลงฟอร์แมตเสียง
-
MP4 to MP3
- รองรับการแปลง MP4 เป็น MP3
-
MOV to MP3
- รองรับการแปลง MOV เป็น MP3
-
WebM to MP3
- รองรับการแปลง WebM เป็น MP3
-
MKV to MP3
- รองรับการแปลง MKV เป็น MP3
-
AVI to MP3
- รองรับการแปลง AVI เป็น MP3
-
MP4 to WAV
- รองรับการแปลง MP4 เป็น WAV
-
MP4 to AAC
- รองรับการแปลง MP4 เป็น AAC
-
MP4 to M4A
- รองรับการแปลง MP4 เป็น M4A
แปลงวิดีโอเป็นเสียง
-
Video to MP3
- รองรับการแปลงวิดีโอเป็น MP3
-
Video to WAV
- รองรับการแปลงวิดีโอเป็น WAV
-
Video to FLAC
- รองรับการแปลงวิดีโอเป็น FLAC
-
Video to AAC
- รองรับการแปลงวิดีโอเป็น AAC
1 ความคิดเห็น
ความคิดเห็นบน Hacker News
ถึงจะรัน FFmpeg บน WebAssembly ก็ไม่ได้ทำให้ปัญหาเรื่องไลเซนส์หายไป FFmpeg ใช้ LGPL 2.1 แต่ VidStudio ดูเหมือนจะเป็น closed source และก็หาไม่เจอว่ามีการระบุว่าเป็นซอฟต์แวร์เสรีด้วย ถ้าแจกจ่ายในรูปแบบที่ส่งไปยังเบราว์เซอร์ของไคลเอนต์ ก็มีความเป็นไปได้ว่าจะละเมิดเงื่อนไข LGPL และคิดว่าหน้า FFmpeg legal ก็น่าอ่านประกอบ
FFmpegถูกแล้ว และโปรเจกต์ wasm นี้ก็ทำให้รู้ว่าต้องไปศึกษาเรื่องความต่างระหว่าง GPL กับ LGPL เพิ่มอีกประสิทธิภาพ น่าประทับใจ มาก และการคงสถานะก็ให้ความรู้สึกลื่นไหลเป็นธรรมชาติมาก ก่อนหน้านี้เวลาเคยใช้วิดีโอเอดิเตอร์บนเบราว์เซอร์มักจะเริ่มหน่วงอย่างรวดเร็ว แต่นี่กลับรับมือได้ดีจนแปลกใจ อย่างไรก็ตามฝั่ง track ยังทำงานได้ไม่ดีนัก และบน Firefox บน Windows ก็ไม่สามารถลากแล้ววางเพื่อสลับลำดับได้ อีกทั้งยังหา เครื่องมือ transform สำหรับปรับตำแหน่ง หมุน หรือย่อขยายเพื่อจัดวิดีโอคนละอัตราส่วนภาพ เช่น แนวตั้งกับแนวนอน ให้เข้ากันไม่เจอ
ปัญหา hvc1 และ 10-bit ที่พูดถึงข้างบน ดูเหมือนจะไม่ใช่ปัญหา fallback ของ FFmpeg-wasm แต่เป็นช่องว่างด้านการรองรับของ WebCodecs ในแต่ละเบราว์เซอร์มากกว่า เส้นทาง HEVC ของ Firefox ยังรองรับได้เพียงบางส่วน และ 10-bit ยิ่งเปราะบางกว่า Chrome โดยรวมมักจะใช้ได้ แต่ Firefox จะพลาดแบบตรงจุดกับไฟล์ที่ iPhone หรือ Android รุ่นใหม่ถ่ายออกมาเป็นค่าเริ่มต้น เพราะฉะนั้นถ้ามีข้อความแจ้งในขั้นตอนทดสอบนำเข้า ว่าเบราว์เซอร์นี้ถอดรหัส codec นี้ไม่ได้ และแนะนำให้ลอง Chrome ก็น่าจะช่วยลดการหลุดออกไปได้
อยากรู้ว่าถ้าเทียบกับ https://omniclip.app/, https://tooscut.app, https://clipjs.mohy.dev/ แล้วตัวนี้เป็นอย่างไร
น่าสนใจที่เมื่อก่อนแอปแบบ local-first ไม่มีทั้งบัญชีผู้ใช้และการอัปโหลดเป็นเรื่องปกติ แต่ตอนนี้กลับกลายเป็นคุณค่าที่ใช้เสนอขายได้อีกครั้ง
ขอแสดงความยินดีกับการเปิดตัว ผมเองก็เคยเดินเส้นทางเดียวกันกับ videotobe.com และเคยพยายามทำแบบฝั่งไคลเอนต์ล้วนด้วย ffmpeg.wasm แต่พอเป็นวิดีโอยาว ๆ แล้วมันไปไม่รอด สุดท้ายเพราะข้อจำกัดด้านหน่วยความจำและเวลาในการเข้ารหัส เลยต้องย้ายไปเป็น pipeline ประมวลผลบนคลาวด์ แต่ที่นี่ดูเหมือนจะแยกบทบาทของ WebCodecs, Pixi และ ffmpeg.wasm ได้ดีจนแก้ทั้งสองปัญหาได้จริง และที่น่าประทับใจก็คือ VidStudio ยังรับมือกับมีเดียที่ยาวเกิน 3 ชั่วโมงได้ด้วย
น่าทึ่งที่เราอยู่ในยุคที่ ความเป็นส่วนตัว ไม่ได้เป็นค่าพื้นฐาน แต่กลับถูกนำเสนอเหมือนเป็นฟีเจอร์ ผมเองก็กำลังทำของในสายนี้อยู่ และรู้สึกว่าข้อดีเรื่องไม่ต้องอัปโหลดนั้นสื่อสารกับผู้ใช้ได้ยากอย่างน่าประหลาด ทั้งที่ผู้ใช้จำนวนมากถูกฝึกให้คิดไปแล้วว่าทุกอย่างต้องอยู่บนคลาวด์
ผมชอบแนวคิดของเครื่องมือที่รันในเบราว์เซอร์แต่ทำงานกับไฟล์โลคัลมาก เว็บไซต์แทบจะทำหน้าที่เป็นเพียง สื่อสำหรับการแจกจ่าย เท่านั้น เลยใช้งานง่ายขึ้น และผมเองก็ต้องการเครื่องมือแบบนี้จึงคาดหวังและลองทดสอบดู แต่ทั้งครั้งแรกและครั้งที่สองกลับล้มเหลว พอใส่วิดีโอที่ถ่ายด้วย Pixel ลงไป ใน Firefox ขึ้นข้อความ
"Your browser does not support the codec "hvc1.2.4.L156". Try a different video."จากนั้นเลยย้ายไปลองบน Chrome แล้วเจอ"Audio decode failed: your browser cannot decode the audio in "..._webm.bin". Try re-encoding the file with AAC audio."ก็น่าเสียดาย แต่หวังว่าจะต้องแก้ได้แน่นอน และถ้ามีวิธีให้รับการแจ้งเตือนเมื่อแก้แล้วก็คงดีผมคิดว่าการใช้ WebCodecs กับการ scrub บนไทม์ไลน์เป็นการตัดสินใจที่ถูกต้อง แต่อยากรู้ว่าจัดการเรื่อง frame caching อย่างไร decoder buffer ของ WebCodecs เป็นแบบ memory-mapped และถ้ามีแรงกดดันด้านหน่วยความจำ เบราว์เซอร์ก็อาจเรียกคืนได้ เลยสงสัยว่าได้ซ้อน LRU cache ของตัวเองเพิ่มไว้ด้านบนหรือปล่อยให้ decoder จัดการไปเอง รวมถึงสนใจด้วยว่ารับมืออย่างไรกับปัญหาที่หน้าเว็บถูกปิดเพราะการใช้หน่วยความจำของ WebCodecs เบื้องหลัง โดยเฉพาะบนอุปกรณ์ที่ข้อจำกัดหน่วยความจำเข้มมากอย่างมือถือและ iPhone
ชอบลิงก์ compress-to-X ด้านล่างกับเครื่องมือแปลงจาก X ไป Y มาก โดยเฉพาะตัวที่มีพรีเซ็ตขนาดไฟล์เป้าหมายตามระดับการสมัครของ Discord แต่ก่อนผมใช้เครื่องมือออนไลน์แบบฝั่งเซิร์ฟเวอร์ที่ต้องอัปโหลด ตอนนี้คิดว่าน่าจะหันมาใช้ตัวนี้แทน จริง ๆ แล้วตอนแรกไม่ได้ต้องการวิดีโอเอดิเตอร์แบบเต็มรูปแบบ แค่เข้ามาลองเล่นสนุก ๆ แต่กลับกลายเป็นการค้นพบที่เจ๋งมาก