JS实现对轨迹地图进行视频合成解决方案，对轨迹地图进行截图，然后用ffmpeng合成

const puppeteer = require('puppeteer');

 

(async () => {

    const screenshots = []; // 创建一个空数组用于保存截图路径

 

    // 启动浏览器并打开新页面（与之前的代码相同）

    const browser = await puppeteer.launch({

        headless: true,

        args: ['--no-sandbox', '--disable-setuid-sandbox'],

        defaultViewport: {

            width: 375,

            height: 667

        },

        userAgent:

            'Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/11.0 Mobile/15A372 Safari/604.1'

    });

    const page = await browser.newPage();

 

    await page.setViewport({

        width: 375,

        height: 667,

        deviceScaleFactor: 1,

        isMobile: true,

        hasTouch: true

    });

 

    await page.goto('http://your-map-webpage-with-trajectory.com', {

        waitUntil: 'networkidle0'

    });

 

    // 模拟轨迹回放并截图

    for (let i = 0; i < 10; i++) {

        // 截图并保存

        const screenshotPath = `screenshot-${i}.png`;

        await page.screenshot({ path: screenshotPath });

        screenshots.push(screenshotPath); // 将截图路径添加到数组中

 

        // 等待轨迹有所变化

        await page.waitForTimeout(1000);

    }

 

    // 关闭浏览器

    await browser.close();

 

    // 输出截图数组

    console.log(screenshots);

})();