dop*_*ner 4 video webcam google-chrome ffmpeg mocking
我正在尝试针对需要网络摄像头订阅源才能运行的产品在Chrome中运行端到端测试。据我了解，这意味着使用--use-file-for-fake-video-capture="/path/to/video.y4m"命令行参数将虚假的网络摄像头视频提供给Chrome 。然后它将用作网络摄像头视频。
但是，无论我提供了什么y4m文件，在这些条件下运行的Chrome都会出现以下错误：
DOMException: Could not start video source
{
code: 0,
message: "Could not start video source",
name: "NotReadableError"
}
值得注意的是我可以提供一个音频文件就好了使用--use-file-for-fake-audio-capture和Chrome将与它工作得很好。视频一直是我的重点。
以下直接的mediaDevices请求产生了此错误：
navigator.mediaDevices.getUserMedia({ video: true, audio: true })
.then(data => {
// do stuff
})
.catch(err => {
// oh no!
});
（提供视频文件时，它总是打“ oh no！”分支。）
我一直在使用以下命令行参数运行Chrome（添加了换行符以提高可读性），并且我使用的是Mac，因此使用了以下open命令：
open -a "Google Chrome" --args
--disable-gpu
--use-fake-device-for-media-stream
--use-file-for-fake-video-capture="~/Documents/mock/webcam.y4m"
--use-file-for-fake-audio-capture="~/Documents/mock/microphone.wav"
webcam.y4m而microphone.wav从我录制的视频文件生成。
我首先使用浏览器的MediaRecorder录制了二十秒的mp4视频，下载了结果，并使用以下命令行命令进行了转换：
ffmpeg -y -i original.mp4 -f wav -vn microphone.wav
ffmpeg -y -i original.mp4 webcam.y4m
如果这不起作用，我使用在Quicktime中录制的二十秒电影文件尝试了相同的操作：
ffmpeg -y -i original.mov -f wav -vn microphone.wav
ffmpeg -y -i original.mov webcam.y4m
当该操作也失败时，我直接转到Chromium文件，该文件解释了假视频捕获，转到它提供的示例y4m文件列表，然后下载了祖母文件，并将其作为Chrome的命令行参数提供：
open -a "Google Chrome" --args
--disable-gpu
--use-fake-device-for-media-stream
--use-file-for-fake-video-capture="~/Documents/mock/grandma_qcif.y4m"
--use-file-for-fake-audio-capture="~/Documents/mock/microphone.wav"
在所有这些情况下，Chrome都会为我提供完全相同的错误。
当我完全忽略视频时，Chrome唯一不会因该mediaDevices请求而出错的情况是：
open -a "Google Chrome" --args
--disable-gpu
--use-fake-device-for-media-stream
--use-file-for-fake-audio-capture="~/Documents/mock/microphone.wav"
TestRTC建议，如果我给它一个C420mpeg2文件，Chrome将“崩溃” ，并建议仅替换元数据即可解决此问题。实际上，我从ffmpeg生成的视频文件为我提供了以下标头：
YUV4MPEG2 W1280 H720 F30:1 Ip A1:1 C420mpeg2 XYSCSS=420MPEG2
使用此文件运行时，Chrome实际上不会崩溃，我只是得到了上面的错误。如果按照TestRTC的建议将视频文件编辑到以下标题，则会遇到相同的情况：
YUV4MPEG2 W1280 H720 F30:1 Ip A1:1 C420 XYSCSS=420MPEG2
在这些情况下，视频文件仍然给我上述错误。
我应该如何为Chrome提供此命令行参数的视频文件？
我应该如何录制或创建视频文件？
我应该如何将其转换为y4m？
如果有人需要动态模拟视频，这就是我所使用的（从这里分叉）
await page.evaluate(() => {
const video = document.createElement("video");
video.setAttribute('id', 'video-mock');
video.setAttribute("src", 'https://woolyss.com/f/spring-vp9-vorbis.webm');
video.setAttribute("crossorigin", "anonymous");
video.setAttribute("controls", "");
video.oncanplay = () => {
const stream = video.captureStream();
navigator.mediaDevices.getUserMedia = () => Promise.resolve(stream);
};
document.querySelector("body").appendChild(video);
});
Promise.resolve(stream)oncanplay比它更好，onplay因为它是在视频可播放后触发的这个标志仍然是必要的：
'--use-fake-ui-for-media-stream',
'--use-fake-device-for-media-stream',
最后，使用此脚本，每个页面都可以进行不同的相机模拟 - 在使用无浏览器时尤其有用！
如果您想要原始帧而无需 Chrome 运行解码器，请使用 y4m：
ffmpeg -i original.avi -pix_fmt yuv420p video-for-chrome.y4m
然后，启动 Chrome：
chrome.exe --use-fake-device-for-media-stream --use-file-for-fake-video-capture=video-for-chrome.y4m
注意：不再需要修改 y4m 文件的标头。Chrome 现已修复。
这种方法使用较少的CPU，但会占用大量的原始视频硬盘空间。保持视频文件简短。Chrome 会循环播放。
小智 6
阅读您提供的链接后，我注意到我们也可以提供一个mjpeg。
根据您的测试要求-这可能就足够了。
ffmpeg -i oldfile.mp4 newfile.mjpeg
然后我测试使用：
google-chrome --use-fake-device-for-media-stream --use-file-for-fake-video-capture=newfile.mjpeg
导航到Tracking JS之后，我可以看到正在播放的视频。
希望对您有用！
（用Windows 10 Home Build 19043.1526和进行测试Chrome Version 98.0.4758.102 (Official Build) (64-bit)）
安装ffmpeg，然后在 shell 中运行以下命令将 mp4 转换为 mpjeg：
./ffmpeg.exe -i originalVideo.mp4 output.mjpeg
或者，您也可以从 png 图像创建 y4m 视频（感谢@LGenzelis）：
./ffmpeg.exe -loop 1 -i myStaticImage.png -pix_fmt yuv420p -t 0.05 output.y4m
关闭所有 Chrome 实例，然后在 shell 中运行以下命令：
"C:\Program Files\Google\Chrome\Application\chrome.exe" --use-fake-device-for-media-stream --use-file-for-fake-video-capture="C:/absolute/path/to/output.mjpeg"
然后在https://webcamtests.com/等网站上进行测试
在使用这些参数启动 Chrome 实例之前，请确保没有其他 Chrome 实例在运行。
确保您提供视频的绝对--use-file-for-fake-video-capture路径（例如："C:/absolute/path/to/output.mjpeg"而不是仅仅output.mjpeg）
| 归档时间： |
|
| 查看次数： |
4284 次 |
| 最近记录： |