The Display Ads Recorder is a powerful command-line tool designed to automate the recording of display ads and convert them into multiple formats (video, jpg, and animated gif).
- 📹 Multiple output formats support (MP4, GIF, JPG)
- 🎵 Audio integration capabilities
- ⚡ Parallel processing for better performance
- 🎨 Customizable FPS settings (15, 30, 60)
- 📦 Optimized file sizes
- 🚀 Easy integration with existing display ad projects
- Node.js >= 20.x
- NPM >= 8.x
- Display ads built with @mediamonks/display-dev-server
- Ad's index.html must include
<meta name='ad.size'>
tag - Integration with @mediamonks/display-temple
npm install @mediamonks/display-ads-recorder
display-ads-recorder
display-ads-recorder [options]
Options:
-c, --chunkSize Define chunkSize (default: 10)
-t, --targetDir Set target dir
-a, --all Record all ads
-j, --jpg [size] Output JPG with optional size in KB
-g, --gif [loop] Output animated GIF (once/loop)
-m, --mp4 Output MP4 video
-au, --audio Add audio file (relative path from target dir)
-v, --volume Specify audio volume
-f, --fps <15|30|60> Set FPS for recording
# Record all ads in build directory
display-ads-recorder -t ./build -a
# Record specific ad with multiple outputs
display-ads-recorder -t ./build -m -g loop -j 40 -f 30
# Record with audio
display-ads-recorder -t ./build -m -au ./audio/background.mp3 -v 0.8
import { enableAdsRecorder } from '@mediamonks/display-temple';
// In your ad's main script
enableAdsRecorder(timeline, config);
- High-quality video output
- Customizable FPS
- Optional audio integration
- Optimized for web delivery
- Loop or single-play options
- Optimized color palette
- Configurable frame rate
- Balanced quality/size ratio
- Configurable file size limits
- Automatic quality optimization
View CONTRIBUTING.md
MIT © MediaMonks