将html5页面录制为视频

Question

我的目标是拥有一个Ubuntu (桌面)服务器，“简单”地将html5网页转换成视频。我想捕捉光滑的css和js-动画。

到目前为止，我已经尝试过这样的方法：(幻影) https://gist.github.com/phanan/e03f75082e6eb114a35c

时间和框架要么是起伏不定，要么是快。

到目前为止，我最好的解决方案是在kiosk模式下打开Google窗口，等待3秒，然后使用x11grab通过ffmpeg记录。这感觉像是一个“臃肿”和不专业的解决方案。

program.sh

#!/bin/bash
duration=$1
outputFile=$2
stop=$(($duration+5))

./openBrowser.sh $stop & PIDOIS=$!
./recScreen.sh $duration $outputFile & PIDMIX=$!
wait $PIDIOS
wait $PIDMIX

recScreen.sh

#!/bin/bash
sleep 3
ffmpeg -video_size 1920x1080 -framerate 30 -f x11grab -i :0.0 -c:v libx264 -qp 0 -preset ultrafast -t "$1" "$2".mkv
killall -9 chrome

openBrowser.sh

#!/bin/bash
/usr/bin/google-chrome --kiosk --incognito http://localhost/testanimation

这能用另一种方式做吗？也许是虚拟显示器？(不过一定有GPU )。这应该是一个桌面服务器，所以我不希望弹出窗口或任何失败的消息从操作系统(因为它将被刻录到视频.)

Answer 1

你试过吸毒吗？

recordmydesktop

它可以从命令行的单个窗口创建视频。我用过

recordmydesktop --windowid $(xwininfo | awk '/Window id:/ {print $4}') --no-cursor --delay 1S --device default --channels 2 --fps 50 --freq 22050 --v_quality 53 --s_quality 5 -o $(date +%Y%m%d%H%M%S)

要记录我的浏览器的视频，(这是交互式的，但是您的脚本可以检测到窗口)。