google-chrome - 如何正确地向 Chrome 提供模拟网络摄像头视频?

标签 google-chrome video ffmpeg mocking webcam

我正在尝试在 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.y4mmicrophone.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

那也失败时,我直接去了the Chromium file that explains fake video capture ,去了the example y4m file list它提供并下载了 grandma 文件,并将其作为命令行参数提供给 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建议如果我给它一个 C420mpeg2 文件,Chrome 会“崩溃”,并建议只需替换元数据即可解决问题。事实上,我从 ffmpeg 生成的视频文件给了我以下标题:

YUV4MPEG2 W1280 H720 F30:1 Ip A1:1 C420mpeg2 XYSCSS=420MPEG2

Chrome 在运行这个文件时实际上并没有崩溃,我只是得到上面的错误。如果我根据 TestRTC 的建议将视频文件编辑为以下 header ,我会遇到相同的情况:

YUV4MPEG2 W1280 H720 F30:1 Ip A1:1 C420 XYSCSS=420MPEG2

视频文件在这些情况下仍然给我上述错误。

我能/应该做什么?

我应该如何为这个命令行参数向 Chrome 提供视频文件?

我应该如何录制或创建视频文件?

我应该如何将其转换为 y4m?

最佳答案

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

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

ffmpeg -i oldfile.mp4 newfile.mjpeg

然后我通过使用以下命令从终端运行 Google Chrome 进行了测试:

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

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

希望对你有用!

关于google-chrome - 如何正确地向 Chrome 提供模拟网络摄像头视频?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52095416/

相关文章:

javascript - 访问请求的页面大小 - Chrome 扩展

ios - -[AVMvidFrameDecoder advanceToFrame :] 'framebuffer num bytes' 中的 AVAnimator 断言失败

video - FFMPEG 视频叠加与远程叠加源

google-chrome - 像素格式 yuvj420p 的 mp4 无法在 Chrome 17 中播放,但可以在 Safari、IE 等中播放

video - 如何连接具有不同属性的ffmpeg中的视频?

javascript - 仅在 chrome : Failed to load the script unexpectedly 中重新启动时服务 worker 错误

javascript - 如果单击从子 div 开始并在父 div 上结束,如何防止单击事件(Chrome 错误)

c#-4.0 - 从视频c#中提取音频作为MP3文件

javascript - 在 Chrome 中使用 javascript 启动 doc 文件

android - 使用 VideoView,如何去除 "can' t play this video”的提示信息?