Asked Nov 12th, 7:47 AM 126 0 1
  • 126 0 1
+1

Công nghệ xử lý giống với trang Promo.com

Share
  • 126 0 1

Chòa mọi người,

Mọi người cho em hỏi trang Promo.com đang sử dụng công nghệ gì để cắt ghép hình ảnh, dựng video từ hình,... mà nhìn xịn ghê.

Em tò mò không biết họ dùng gì. Em cũng thử research mà chưa có kết quả nào khả thì.

Mọi người biết keyword là gì chỉ giáo em với ạ.

Cảm ơn mọi người đã đọc.

1 ANSWERS


Answered Nov 14th, 3:15 PM
+1

mình đã thử vào xem vào inspect thì thấy như sau:

  • khi mình trong chế độ edit thì về cơ bản là họ có 1 cái video ở background sau đó cho các item HTML phía trên:

Screenshot 2021-11-14 at 11.09.42 PM.png

Screenshot 2021-11-14 at 11.09.22 PM.png

  • Sau khi bạn Edit xong bấm save và preview thì họ export ra cho mình 1 video đầy đủ, content ở trong video luôn chứ ko phải chỉ đặt "ở phía trên" video nữa, cái này thì chắc là lúc Edit xong bấm Save thì họ lấy thông tin các item HTML (text, icon sticker,...) như vị trí màu sắc kích cỡ... rồi đem lên server xử lý và export ra đc 1 cái video cuối cùng:

Screenshot 2021-11-14 at 11.12.04 PM.png

P/s: mình có thử tìm xem họ có dùng canvas để làm mấy cái magic phía sau ko, kiểu mấy trang khác mà chuyên về đồ hoạ xử lý trực tiếp trên trình duyệt họ dùng canvas và gần như rất khó để mình biết logic trong canvas họ làm cái gì 😄, nhưng với Promo này vì tất cả là HTML nên dò xem họ làm thế nào cũng dễ hơn

Share
Avatar lehoangnnx @lehoangnnx
Nov 22nd, 2:12 AM

Cảm ơn bạn rất nhiều. Khi có các thông tin text,.. vị trí, màu sắc gửi lên Server xử lý cái này minh cũng thử tìm hiểu nhưng chưa ra server dùng gì để xử lý ra được. Mình có tìm được FFmpeg nhưng khi thử thì rất khó để tạo được 1 video xịn xò. Chắc trình mình chưa đủ nên phải mò tiếp 😀

+1
| Reply
Share
Viblo
Let's register a Viblo Account to get more interesting posts.