首页 > 解决方案 > 如何正确向 Chrome 提供模拟网络摄像头视频?

问题描述

我正在尝试在 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!
  });

(当提供视频文件时,这总是会点击“哦,不!”分支。)

到目前为止我尝试过的

我一直在使用以下命令行参数运行 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 录制了一个 20 秒的 mp4 视频,下载了结果,并使用以下命令行命令对其进行了转换:

ffmpeg -y -i original.mp4 -f wav -vn microphone.wav
ffmpeg -y -i original.mp4 webcam.y4m

当这不起作用时,我尝试使用我在 Quicktime 中录制的 20 秒电影文件进行相同的操作:

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"

占C420mpeg2

TestRTC建议,如果我给它一个文件,Chrome 会“崩溃” C420mpeg2,并建议只需替换元数据即可解决问题。事实上,我从 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?

标签: google-chromevideoffmpegmockingwebcam

解决方案


阅读您提供的链接后,我注意到我们还可以提供mjpeg

根据您的测试要求 - 这对您来说可能就足够了。作为安装了 ffmpeg 的终端命令:

ffmpeg -i oldfile.mp4 newfile.mjpeg

然后我通过从终端运行谷歌浏览器进行测试,使用:

google-chrome --use-fake-device-for-media-stream --use-file-for-fake-video-capture=newfile.mjpeg

导航到Tracking JS后,我可以看到正在播放的视频。

我希望这对你有用!


推荐阅读