CapCut ได้เพิ่มการเข้าชมที่เกิดขึ้นเอง 83% โดยการสร้างเว็บแอปที่ทำงานได้อย่างสมบูรณ์โดยใช้ WebAssembly และ WebCodecs

ในฐานะที่เป็นหนึ่งใน 10 แอปที่มีการดาวน์โหลดมากที่สุดบน Android ในปี 2023 CapCut เป็นหนึ่งในแอปตัดต่อวิดีโอยอดนิยมที่มีอยู่ สำหรับอุปกรณ์เคลื่อนที่ ซึ่งทั้งหมดนี้ฟรีด้วย เครื่องมือตัดต่อวิดีโอแบบครบวงจรมี เอฟเฟกต์และฟีเจอร์แต่งภาพมากมาย เช่น การเพิ่มขนาดการแปลงคำพูดเป็นข้อความและรูปภาพ รวมถึงไลบรารีสื่อที่มีสินค้าครบครัน เพื่อช่วยผู้ใช้สร้าง วิดีโอและกราฟิกได้อย่างรวดเร็วและราบรื่น เมื่อผู้ใช้ CapCut สร้างครีเอทีฟโฆษณา ก็สามารถเผยแพร่ไปยังแพลตฟอร์มโซเชียลมีเดียที่ต้องการได้เพียงแค่ รวมทั้ง TikTok, YouTube, Instagram และ Facebook

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

เว็บแอปช่วยลดอุปสรรคในการเข้าใช้งาน

CapCut เปิดตัวเว็บแอปพลิเคชันเพื่อช่วยให้ผู้ใช้มีทางเลือกมากขึ้นในการเข้าถึง แพลตฟอร์มการตัดต่อวิดีโอ ซึ่งเพิ่มไปยังแอปบนอุปกรณ์เคลื่อนที่ Android และ iOS ที่มีอยู่แล้ว การระบุจุดเข้าถึงเพิ่มเติมช่วยให้ผู้ใช้เลือกแพลตฟอร์มที่ทำงานได้ดีที่สุด ไม่ว่าจะเป็นการดาวน์โหลดแอปบนอุปกรณ์เคลื่อนที่จาก Google Play Store ติดตั้งเป็นเว็บแอปพลิเคชัน ผ่านเบราว์เซอร์โปรด หรือ ในแท็บเบราว์เซอร์โดยตรง ทีมรู้สึกว่าการมีแอปบนเดสก์ท็อป การทำงานในเบราว์เซอร์ สามารถเพิ่มการคงผู้ใช้ไว้และปรับปรุง ความพึงพอใจของผู้ใช้

ด้วยชุดเทคโนโลยีที่นักพัฒนาซอฟต์แวร์มีให้เลือกใช้ จึงช่วยให้คุณ CapCut เพื่อแปลและโอนแอปพลิเคชันบนอุปกรณ์เคลื่อนที่เฉพาะแพลตฟอร์มไปยัง เวอร์ชันเว็บที่มีประสิทธิภาพ เทคโนโลยีแพลตฟอร์มเว็บอย่าง WebAssembly ได้รับการพัฒนา ความนิยมในหมู่นักพัฒนาซอฟต์แวร์อย่างมากในช่วง 2-3 ปีที่ผ่านมาทำให้ ทำให้เว็บแอปที่มีประสิทธิภาพ เร็วกว่าเดิม และตั้งแต่การตัดต่อส่วนใหญ่ของ CapCut ซึ่งเขียนขึ้นด้วย C++ นักพัฒนาซอฟต์แวร์ก็สามารถใช้ Emscripten เพื่อโอน กับเวอร์ชันเว็บบนเดสก์ท็อป

คำกล่าวของ James Williams จาก CapCut กล่าวว่า: เราใช้ WebAssembly และ WebCodecs เพื่อถ่ายโอนฟีเจอร์สำคัญๆ จำนวนมากของเราจากฐานของโค้ดแบบเนทีฟไปยังเว็บอย่างมีประสิทธิภาพโดยไม่ส่งผลกระทบต่อ
ประสิทธิภาพหรือฟังก์ชัน

WebAssembly

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

CapCut มีเอฟเฟกต์พิเศษมากมายที่เรียกใช้อัลกอริทึมในเบราว์เซอร์ ซึ่งสามารถ การแสดงผลวิดีโอที่จุดคอขวดระหว่างการประมวลผลแบบเรียลไทม์ ขอขอบคุณ ฟังก์ชันการประมวลผลแบบขนานของ WebAssemly ซึ่งเรียกว่า Single Instruction, Multiple ข้อมูล (SIMD), นักพัฒนาระบบ CapCut ปรับปรุงประสิทธิภาพการประมวลผลของแอปให้ดีขึ้นเกือบ 300% เมื่อเทียบกับที่ไม่ใช้ SIMD และป้องกันไม่ให้เกิดภาวะคอขวดได้ดีขึ้น

การจัดการข้อยกเว้น (EH) เป็นหนึ่งในความสามารถพื้นฐานของ C++ แต่รองรับ EH ใน Emscripten ไม่สมบูรณ์ Emscripten มีชุดกลไก EH ทำงานแบบ JavaScript แต่อาจส่งผลเสียต่อประสิทธิภาพรันไทม์ของแอปและทำให้แอป ขนาดแพ็กเกจ มาตรฐาน EH ของ WebAssembly ช่วยป้องกันปัญหานี้ กำลังเปลี่ยนเป็น WebAssembly สําหรับ EH ลดขนาดแพ็กเกจของเว็บแอป CapCut ลง 15% และทำให้โค้ดมากขึ้น นักแสดง

WebCodecs

สำหรับการตัดต่อวิดีโอ CapCut ต้องถอดรหัสวิดีโอที่ผู้ใช้ป้อนลงในรูปภาพ แล้วแสดงบนผืนผ้าใบสำหรับการตัดต่อใต้ตัวอย่างวิดีโอ แม้จะมี ตัวถอดรหัสที่เพิ่มประสิทธิภาพด้วย SIMD เพื่อถอดรหัสรูปภาพ 4K ไปยังแคนวาสสำหรับตัดต่อใน คอมพิวเตอร์ที่มีประสิทธิภาพสูงใช้เวลา 10 มิลลิวินาที ซึ่งหมายความว่าการถอดรหัส แทร็กวิดีโอหลายแทร็กต้องใช้พลังงานมาก

การใช้ WebCodecs, CapCut ผสานรวมและถอดรหัสด้วยฮาร์ดแวร์เร่งการแสดงผล ซึ่งช่วยปรับปรุงเสียง และความเร็วในการประมวลผลวิดีโอเกือบ 300% ด้วยประสบการณ์ที่ดียิ่งขึ้น ตอนนี้ CapCut รองรับสตรีม 4K พร้อมกันได้หลายรายการแล้ว นอกจากนี้ WebCodecs สนับสนุนรูปแบบวิดีโอเพิ่มเติม เช่น H264, HEVC, VP8, VP9, และ AV1

สถิติเกี่ยวกับแอป CapCut: เทมเพลตมากกว่า 1 ล้านรายการโอนไปยังเว็บแอปของ CapCut แล้ว ประสิทธิภาพการประมวลผลที่ดีขึ้นถึง 300% รูปแบบวิดีโอที่รองรับเพิ่มขึ้น 40%

ใช้ประโยชน์จากเว็บแอปพลิเคชันอย่างเต็มที่

ทีม CapCut เริ่มย้ายแอปพลิเคชันเฉพาะแพลตฟอร์มไปยังเว็บที่ ต้นปี 2022 ในเดือนสิงหาคมของปีนั้น CapCut ได้เปิดตัว แอปเวอร์ชันบนเว็บสำหรับเดสก์ท็อป การใช้ Progressive Web App (PWA) เทคโนโลยี, เปิดใช้ CapCut ติดตั้งผ่านเบราว์เซอร์ หลังจากเปิดตัวเว็บใหม่ ที่ใช้เทคโนโลยีเหล่านี้ ทีม CapCut พบว่าSEO เพิ่มขึ้น 83% การจราจร

กำลังติดตั้งแอป CapCut

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

ขยายความเป็นไปได้ด้วยเว็บ

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

ดูข้อมูลเพิ่มเติม

ค้นพบวิธีนำแอปพลิเคชันของคุณเข้าสู่เว็บโดยใช้ WebAssembly และ WebCodecs

โปรแกรมตัดต่อวิดีโอ CapCut