webreel - เครื่องมือ CLI สำหรับบันทึกเดโมบนเบราว์เซอร์เป็นวิดีโอ MP4 โดยอัตโนมัติ
(github.com/vercel-labs)- หากกำหนดแอ็กชันอย่างการคลิก การพิมพ์ และการลากไว้ใน ไฟล์ตั้งค่า JSON ระบบจะเปิดใช้ Chrome แบบเฮดเลสโดยอัตโนมัติ จับภาพที่ ~60fps แล้วเข้ารหัสด้วย ffmpeg
- สามารถคอมโพสิตแอนิเมชันเคอร์เซอร์, คีย์สโตรก HUD overlay, และเอฟเฟกต์เสียงลงในวิดีโอได้
- เลือกรูปแบบเอาต์พุตได้ทั้ง MP4 (ค่าเริ่มต้น), GIF, WebM(VP9)
- รองรับ แอ็กชัน 12 ประเภท เช่น
pause,click,key,type,scroll,wait,screenshot,drag,moveTo,navigate,hover,select - Chrome และ ffmpeg จะถูก ดาวน์โหลดอัตโนมัติ ไปไว้ที่
~/.webreelในการรันครั้งแรก — ไม่ต้องตั้งค่าสภาพแวดล้อมเพิ่มเติม webreel init: สร้างสเกฟโฟลด์ไฟล์ตั้งค่าใหม่ พร้อมรองรับการเติมคำอัตโนมัติใน IDE ผ่าน$schemarecord: เริ่มบันทึกวิดีโอ รองรับโหมดดูด้วย--watchและโหมด--verbosepreview: พรีวิวสถานการณ์ในหน้าต่างเบราว์เซอร์ได้โดยไม่ต้องบันทึกจริงcomposite: คอมโพสิตใหม่ จากไฟล์บันทึกต้นฉบับและไทม์ไลน์ที่เก็บไว้ (ไม่ต้องบันทึกใหม่)validate: ตรวจสอบข้อผิดพลาดของไฟล์ตั้งค่าล่วงหน้าก่อนเริ่มบันทึก- สามารถใช้ฟิลด์
includeเพื่อ นำสเต็ปร่วมกลับมาใช้ซ้ำ ได้ (เช่น แชร์สเต็ปเริ่มต้นอย่างการปิดแบนเนอร์คุกกี้)
- มีตัวอย่างหลากหลาย เช่น drag-and-drop, การจัดการล็อกอิน, การบันทึก mobile viewport, การเลือกหลายรายการ, การสร้างหลายวิดีโอจากการตั้งค่าเดียว, และการจับภาพหน้าจอ PNG พร้อมกัน
- ดูเดโมได้ที่ Webreel.dev
- ไลเซนส์ Apache-2.0 / TypeScript
ยังไม่มีความคิดเห็น