Deskreen 虚拟摄像头使用指南：三步让手机变电脑副屏

Deskreen 虚拟摄像头使用指南三步让手机变电脑副屏【免费下载链接】deskreenDeskreen turns any device with a web browser into a secondary screen for your computer. ⭐️ Star to support our work!项目地址: https://gitcode.com/gh_mirrors/de/deskreen先交代一下背景Deskreen 虚拟摄像头是一个基于 WebRTC 的开源屏幕共享工具它的核心能力是把你电脑上的整块屏幕或任意一个应用窗口实时变成一段可被其他设备接收的视频画面——接收端只要有浏览器就行手机、平板、旧笔记本都可以。这篇文章不打算堆概念我会从一次真实的屏幕不够用经历出发带你把它装起来、跑起来、用起来。一、先说痛点你的副屏需求可能一台旧手机就能满足我最近在赶一个项目电脑上同时开着代码编辑器、需求文档和浏览器控制台。三个窗口挤在一块 14 英寸屏幕上来回切换 AltTab 按到手酸。想加一块显示器看了看价格又觉得为一个临时需求花上千块不太划算。后来我换了思路不买屏幕把手边那台吃灰的旧手机利用起来。问题在于手机不能直接插到电脑上当显示器需要借助软件把画面推过去。市面上这类工具不少有的要装配套客户端有的需要账号登录还有的免费版画质打折扣。Deskreen 走了另一条路接收端不需要安装任何软件。这正是它最打动我的地方也是这篇文章想重点展开的部分。二、Deskreen 虚拟摄像头是什么把推流讲成大白话用一个简单的比喻来理解 Deskreen 的工作方式它就像一条视频专线把电脑屏幕当成直播源把手机浏览器当成电视。具体拆开来看整个过程只有三段捕捉画面借助 Electron 的desktopCapturer接口把整块屏幕或某个应用窗口变成一段实时视频流。源码实现在 src/features/DesktopCapturerSourcesService/index.ts服务会每隔几秒自动刷新一次可用源列表保证你新开的窗口能被及时识别。传输画面通过 WebRTC具体用的是 simple-peer 库做点对点传输数据在传送前还会做加密处理不像普通直播那样绕道服务器中转。接收画面接收端在浏览器里打开一个网页通过扫码或输入房间码建立连接直接播放。桌面端的连接管理逻辑在 src/renderer/src/features/PeerConnection/index.ts浏览器接收端的实现在 src/client-viewer/src/features/PeerConnection/。有人可能会问这和视频会议软件自带的屏幕共享有啥区别我用一张表格说明对比项视频会议自带共享Deskreen 虚拟摄像头接收端要求必须装同一个会议软件任意浏览器即可共享范围通常只能整屏或单个应用整屏、指定窗口、指定显示器接收端数量与会议人数绑定一台电脑可同时推给多个设备是否需要账号多数需要无需账号开箱即用用途会议演示副屏扩展、录制取景、演示也就是说Deskreen 的定位更接近屏幕内容的搬运工而不是会议工具。三、动手之前环境要求和一个容易踩的版本坑在开始之前先确认你的电脑满足两个版本要求Node.js v23pnpm v10.20.0版本不达标是新手最容易卡住的地方。建议先跑node -v和pnpm -v检查一下版本偏低的话用 nvm 之类的版本管理工具切换到位再继续省得后面报一堆莫名其妙的依赖错误。四、安装运行从终端到手机屏幕的完整流程整个安装流程在项目根目录执行即可一共四步git clone https://gitcode.com/gh_mirrors/de/deskreen pnpm i cd ./src/client-viewer pnpm i cd ../.. pnpm clean pnpm build pnpm start解释一下这几条命令在干什么把项目代码克隆到本地在项目根目录安装桌面端依赖进入client-viewer子目录安装浏览器接收端依赖这一步容易忘漏掉的话启动会报错清理并构建产物然后以生产模式启动程序。启动之后屏幕上会出现一个二维码和一组房间码。接下来就是见证奇迹的时刻拿起手机或平板打开任意浏览器扫码或者在地址栏输入电脑上显示的网址和房间码电脑端会弹出设备接入提醒点击允许在弹出的源列表里选择共享整块屏幕还是某个具体窗口。整个过程不需要在手机上装任何 App也不需要注册账号。第一次看到手机里实时同步电脑画面的瞬间还是有点小震撼的。五、比能共享更值得知道的几个隐藏功能如果只是把屏幕推出去那 Deskreen 和普通投屏没太大区别。真正拉开体验差距的是下面这几个细节。1. 只共享指定应用窗口而不是整个桌面在源列表里选中某个应用窗口后就只会把那个窗口的画面推送给接收端。开会时别人只能看到你演示的文档看不到你桌面上的其他内容。这个能力对保护隐私特别关键也让它比整屏共享更专业。2. 多显示器用户的选择权如果你的电脑接了多个显示器Deskreen 会把每一块屏幕都识别成独立的源。你可以选择只共享某一块屏而不是把多屏拼接的画面一股脑推出去。3. 用 --ip 参数指定网络出口在办公环境里如果电脑有多个网卡或虚拟网卡自动检测到的 IP 可能不是你想要的。这时可以用--ip参数强制指定deskreen-ce --ip 192.168.1.100指定之后二维码和连接网址都会基于这个 IP 生成而网络状态检测仍然照常工作。Windows、macOS、Linux 下的具体用法项目 README 里都有对应说明。4. 连接控制权始终在你手里每台设备接入都需要你手动确认允许不想再接新设备时可以把房间锁定。传输过程中的消息也做了加密处理不是裸奔式连接。5. 界面语言覆盖够广接收端页面支持十几种语言包括中文简体和繁体接进来的设备是什么语言页面就显示什么语言省去了手动切换的麻烦。六、三个真实场景会议、教学、录制讲了这么多功能落到具体场景里会更直观。远程会议把演示文档所在窗口设为共享源参会者看到的就只有这份文档聊天软件弹窗、桌面上的私人文件都不会暴露。在线教学老师把课件窗口共享出去学生用手机或平板就能全屏观看比盯着小小的手机屏幕截图清楚得多。屏幕录制Deskreen 推给浏览器的画面是一段实时的视频源录制软件或直播软件可以直接把这个浏览器窗口当成摄像头画面来采集。换句话说你不需要额外装虚拟摄像头驱动就能把屏幕内容变成一段可被其他软件使用的视频画面——这也是Deskreen 虚拟摄像头这个叫法的由来。七、常见问题答疑Q接收设备必须和电脑连同一个 Wi-Fi 吗一般建议在同一个局域网内使用点对点传输在局域网里最顺畅。跨网络场景能不能连取决于两边的网络环境是否允许 WebRTC 穿透。QiPhone 和安卓手机都能用吗可以。只要浏览器支持 WebRTC现代浏览器基本都支持就能作为接收端。Q画面会不会卡顿局域网内通常比较流畅实际体验主要取决于 Wi-Fi 质量和共享内容的分辨率。共享静态文档比共享高帧率视频更省带宽。Q共享的窗口被其他窗口挡住怎么办建议把要共享的窗口保持在可见位置再开始共享避免遮挡影响画面内容。Q这个项目靠谱吗它是开源项目采用 AGPL-3.0 协议社区版完全免费。从项目主页的信息来看上线五年下载量已经超过两百万次社区活跃度是可以放心的。八、最后说几句把旧手机变成副屏把指定窗口变成可采集的视频源这些需求听起来不复杂但能像 Deskreen 这样接收端零安装、使用免费、跨平台的方案并不多。如果你正好手头有闲置的平板或旧手机与其让它继续吃灰不如按照上面的步骤跑一遍几十行命令换来的是一块随时可用的无线副屏。动手试试吧第一步就是把它克隆到本地然后运行起来。【免费下载链接】deskreenDeskreen turns any device with a web browser into a secondary screen for your computer. ⭐️ Star to support our work!项目地址: https://gitcode.com/gh_mirrors/de/deskreen创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考