วิดีโอที่แก้ไขได้ กับวิดีโอที่ทำได้แค่สร้างใหม่

ออกแบบไม่ได้ ตัดต่อวิดีโอก็ไม่ได้ และไม่รู้ว่าจะเริ่มจากอะไร คนที่ทำธุรกิจเล็ก ๆ ส่วนใหญ่มักหยุดอยู่ตรงนี้ สุดท้ายจึงต้องฝากงานให้คนที่ทำได้ สิ่งที่ได้กลับมามักเป็นไฟล์ที่เสร็จแล้ว 1 ไฟล์ และมี 1 เรื่องที่ตอนนั้นไม่มีใครบอก คือจะเกิดอะไรขึ้นทีหลัง เมื่อเราต้องใช้มันในรูปแบบที่ต่างไปเพียงเล็กน้อย

เราเรียนรู้เรื่องนี้จากตัวอย่างของเราเอง หน้า KAZENA Motion มีตัวอย่างความยาว 15 วินาที 11 ชิ้น ในจำนวนนั้น 10 ชิ้นไม่ใช่ไฟล์วิดีโอ แต่ถูกวาดขึ้นจากโค้ดของหน้านั้นในเบราว์เซอร์ของคนที่กำลังดูอยู่ เหลืออีก 1 ชิ้นเท่านั้นที่เป็นวิดีโอจริง คือหนังประกาศของอนิเมะต้นฉบับของเราเอง NINJA-極- ที่เราตัดให้เหลือ 15 วินาที ในหน้านั้นระบุประเภทไว้ว่าอนิเมะต้นฉบับและหนังประกาศ

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

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

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

ทั้งหมดที่ว่ามายังเป็นรายละเอียดที่เราคิดเองก็พอ สิ่งที่สำคัญกับคนที่สั่งทำวิดีโออยู่ในส่วนถัดไป ที่ที่คนดูผ่านมือถือต้องใช้ภาพแนวตั้ง (9:16) ดังนั้นชิ้นที่วาดด้วยโค้ด เราจัดวางใหม่สำหรับกรอบที่สูง แต่วิดีโอจริงไม่มีการจัดวาง มีแต่ภาพเท่านั้น ไฟล์แนวตั้งอันแรกที่เราทำคือการตัดเอาส่วนกลางของวิดีโอแนวนอนมา เห็นความกว้างเพียงราว 1 ใน 3 ตัวละครถูกตัดครึ่ง และชื่อเรื่องล้นออกนอกกรอบ ผมเปิดดูเองแล้วคิดว่ามันใหญ่เกินไปมาก

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

เราทำอย่างนั้นได้เพราะไฟล์แนวนอนตัวต้นฉบับยังอยู่กับเรา ถ้าสิ่งที่ถืออยู่มีแค่ไฟล์แนวตั้งที่ส่งมอบแล้ว ก็ไม่มีที่ให้ย้อนกลับไป วิดีโอที่เสร็จแล้วตัดให้สั้นลงได้ ย่อให้เล็กลงได้ แต่จัดวางใหม่ไม่ได้ เพราะสิ่งที่อยู่ในภาพถูกกำหนดไว้เรียบร้อยแล้ว

นี่คือความต่างระหว่าง 10 ชิ้นกับ 1 ชิ้น และเป็นเหตุผลที่เราวาดวิดีโอด้วยโค้ดด้วย ถ้างานถูกวาดด้วยโค้ด การแก้ข้อความ 1 บรรทัด การเพิ่มการจัดวางสำหรับกรอบแคบ หรือการเปลี่ยนตัวเลขราคาบนภาพในปีหน้า ก็ไม่ต้องเริ่มจากการสร้างใหม่ ดังนั้นแพ็กเกจปัจจุบันของเราจะส่งมอบไฟล์วิดีโอตามรูปแบบที่สั่ง พร้อมไฟล์ต้นฉบับของวิดีโอ คือ HTML, CSS, JavaScript และคู่มือสั้น ๆ สำหรับการแก้เล็ก ๆ เช่น ราคา หรือข้อความ 1 บรรทัด เท่านี้ก็พอ ส่วนการแก้ใหญ่ เช่น เปลี่ยนโครงเรื่อง บางครั้งก็ยังต้องผลิตใหม่

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

ด้วยเหตุนี้ สิ่งที่เราส่งมอบจึงมีรายการฟอนต์และเสียงที่ใช้ พร้อมสัญญาอนุญาตและแหล่งที่มา รวมทั้งบันทึกสั้น ๆ ว่าเราตรวจอะไรไปแล้วและรู้ข้อจำกัดอะไรอยู่ ทั้งหมดนี้มีไว้เพื่อให้คนอื่นที่เปิดไฟล์เหล่านั้นในอีก 6 เดือนไม่ติดขัด การสั่งทำวิดีโอไม่ใช่แค่การได้รับ 15 วินาทีที่ดูดี แต่เป็นการได้รับสภาพที่อีกหลายปีข้างหน้าเรายังค่อย ๆ แก้มันได้

ถ้ามี 1 อย่างที่ควรทำวันนี้ ก็คือลองตรวจดูว่าวัตถุดิบต้นทางของสิ่งที่เคยให้คนอื่นทำให้ ไม่ว่าจะเป็นโลโก้ ภาพสินค้า หรือวิดีโอ ยังอยู่ในมือเราหรือไม่ ถ้าไม่มี ลองถามคนที่ทำให้ ส่วนใหญ่เขายังเก็บไว้ KAZENA Motion ยังไม่เปิดรับคำสั่งซื้อ หากต้องการให้แจ้งเมื่อเปิดรับ สามารถฝากไว้ได้จากหน้านั้น