electron录制工具-desktopCapturer录屏

需求

录屏状态时,屏幕底部有个计时器,点击计时器停止录屏,跳转录屏结束的视频播放。

效果如下

electron-录屏演示

实现

计时器

创建一个浮窗,根据x、y坐标移动窗口的位置;


	// 获取屏幕的主显示器信息
	const { width, height } = screen.getPrimaryDisplay().workAreaSize;

	// 设置窗口的宽度和高度
	const windowWidth = 120;
	const windowHeight = 120;
	// app.commandLine.appendSwitch('disable-features', 'IOSurfaceCapturer,DesktopCaptureMacV2')
	recordWin = new BrowserWindow({
		width: windowWidth,
		height: windowHeight,
		x: width / 2 - windowWidth / 2,
		y: height - windowHeight,
		frame: true, // 无边框
		transparent: true, // 透明窗口
		alwaysOnTop: true, // 窗口

相关推荐

  1. electron录制工具-desktopCapturer

    2024-06-10 20:16:02       10 阅读
  2. electron录制工具-准备录制mask

    2024-06-10 20:16:02       8 阅读
  3. electron录制工具-系统托盘

    2024-06-10 20:16:02       7 阅读
  4. electron录制工具-视频保存、编辑页面

    2024-06-10 20:16:02       5 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-06-10 20:16:02       14 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-06-10 20:16:02       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-06-10 20:16:02       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-06-10 20:16:02       18 阅读

热门阅读

  1. multisim仿真电路图

    2024-06-10 20:16:02       10 阅读
  2. 公式面试题总结(三)

    2024-06-10 20:16:02       7 阅读
  3. 【设计模式】基本名词

    2024-06-10 20:16:02       10 阅读
  4. leetcode290:单词规律

    2024-06-10 20:16:02       12 阅读
  5. 回溯算法复原ip,子集1和子集2

    2024-06-10 20:16:02       7 阅读
  6. 43.django里写自定义的sql进行查询

    2024-06-10 20:16:02       6 阅读
  7. 独孤思维:副业圈很多骗子

    2024-06-10 20:16:02       8 阅读
  8. Hive 面试题(九)

    2024-06-10 20:16:02       10 阅读