Display Ads Recorder

x-code.studio Display Ads Recorder - Automate the recording of display ads and convert them into multiple formats (video, jpg, and animated gif).

Features

• 📹 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

Prerequisites

• Node.js >= 20.x
• NPM >= 8.x
• Display ads built with @whoisxavier/display-dev-server
• Ad's index.html must include <meta name='ad.size'> tag
• Integration with @whoisxavier/display-temple

Installation

npm install @whoisxavier/display-ads-recorder

Basic Usage

display-ads-recorder

Advanced Usage

Command Line Options

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

Examples

# 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

Configuration

Required Ad Structure

Integration with Display Temple

import { enableAdsRecorder } from '@whoisxavier/display-temple';

// In your ad's main script
enableAdsRecorder(timeline, config);

Output Formats

MP4 Video

• High-quality video output
• Customizable FPS
• Optional audio integration
• Optimized for web delivery

Animated GIF

• Loop or single-play options
• Optimized color palette
• Configurable frame rate
• Balanced quality/size ratio

JPG Backup

• Configurable file size limits
• Automatic quality optimization

Contribute

View CONTRIBUTING.md

LICENSE

MIT © x-code.studio

Based on the original work by MediaMonks (MIT License)