ヘッドレスクロムキャプチャ画面ビデオまたはアニメーション

Question

私はウェブサイトからいくつかのアニメーションをキャプチャし、ffmpegを使用してそれらを一緒にステッチします。 私の知る限りでは、startScreencastという文書が理解できる方法です。

私は右の私が

await Page.startScreencast({format: 'png', everyNthFrame: 1});

でスクリーンキャストを開始し、

Page.screencastFrame(image =>{ 
    const {data, metadata} = image; 
    console.log(metadata); 
}); 

ですべての着信フレームに耳を傾ける。しかし、それは何かを印刷したことがないですができることを理解していれば。だから私はそれが呼ばれていないと仮定します。

let counter = 0; 
while(counter < 500){ 
    await Page.startScreencast({format: 'png', everyNthFrame: 1}); 
    const {data, metadata} = await Page.screencastFrame(); 
    console.log(metadata); 
    counter += 1; 
} 

非パフォーマンスハックのように感じている：

は、私はこのようなもので私の目標をアーカイブしました。 startScreencastと screencastFrameの使い方についてのご意見はありますか？

Answer 1

すべての受信フレームも確認応答する必要があります。

await Page.navigate({url: 'http://www.goodboydigital.com/pixijs/examples/12-2/'}); 
    await Page.loadEventFired(); 
    await Page.startScreencast({format: 'png', everyNthFrame: 1}); 

    let counter = 0; 
    while(counter < 100){ 
     const {data, metadata, sessionId} = await Page.screencastFrame(); 
     console.log(metadata); 
     await Page.screencastFrameAck({sessionId: sessionId}); 
    } 

詳細な説明は、github issueへのリンクです。