给测试小妹做了一个js版屏幕录制工具iREC，她用后竟说喜欢我

2024-06-17 12:16:06

副标题：iREC 一款基于浏览器JavaScript的屏幕录制工具

背景

周末，公司里的测试小妹给我发消息说，她昨晚又加班到很晚，原因是研发要求提复杂bug时需要附上具体的操作流程以便详细了解操作过程和复现。最好能提供一个录制视频，这不是难为我们测试小妹嘛？随后她问我有没有好用，免费的录制屏幕的软件。我答应帮她找找。
看到这里你可能以为这是一篇软件推荐文章，但其实这是一篇造轮子的文章，经过一番搜索，我发现大多数的录屏软件，不是比较笨重，就是有些需要付费，或者无法跨平台使用。于是我想能不能自己开发一个录屏工具，这个想法一旦产生就无法停止，在造轮子之前我需要简单整理一下需求范围，以便挑选合适的工具来实现。

需求如下

实现一个录屏工具或软件，能够录制整个屏幕，最低要求是能够录制浏览器的操作。该软件有一个开始录制的按钮，点击后开始录制，按钮变成停止按钮，再次点击按钮，录制完成，并将录制的文件下载下来。
这是一个最小的需求，如果要扩张的话，需要增减暂停录制，继续录制，输入自定义的文件名，定制视频格式，清晰度，是否录制声音。这些要求都是核心需求之外的。可以后续考虑。

需求了解清楚了，接下来就是寻找合适的工具或编程语言来实现。

技术调研

首先我想到的是JavaScript,因为JavaScript 是世界上最好的编程语言

给测试小妹做了一个js版屏幕录制工具iREC，她用后竟说喜欢我相关推荐

python屏幕录制与回放_使用Python来做一个屏幕录制工具的操作代码
本文给大家分享使用Python来做一个屏幕录制工具,通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下一.写在前面作为一名测试,有时候经常会遇到需要录屏记录自己操作,方 ...
脚本录制软件python 按键精灵 tc_使用Python来做一个屏幕录制工具的操作代码
一.写在前面作为一名测试,有时候经常会遇到需要录屏记录自己操作,方便后续开发同学定位.以前都是用ScreenToGif来录屏制作成动态图,偶尔的机会看到python也能实现.那就赶紧学习下. 二.效 ...
做了一个网页，顺便录制了一个视频，大家看看高端不
做了一个网页,顺便录制了一个视频,大家看看高端不视频地址: https://pan.baidu.com/s/1c2HvZc0 转载于:https://www.cnblogs.com/bdccloud ...
电脑版屏幕录制软件哪个好,推荐几款好用的屏幕录制软件
现在很多的地方都需要用到电脑屏幕录制软件,比如:直播.玩游戏甚至追剧,但是电脑版屏幕录制软件层出不穷,有国内的,也有国外的,各种软件千奇百怪而且功能及难度也有所不同,但是屏幕录制软件的主要功能都是录制 ...
写一个 JS 调用栈可视化工具 hound-trace
背景最近在分析一些框架源码,在写笔记的时候,一些函数的调用栈希望用流程图的形式记录下来,打开 http://draw.io[1] 就是一顿操作,画了几个调用栈之后,感觉很麻烦.于是蹲在厕所里的我开始 ...
java热力图_我做了一个傻瓜式热力图生成工具
之前后台有粉丝留言,问怎么做热力图.方法很多,首当其冲大杀器 ArcMap,用 ArcToolBox 里的「插值工具」.「核密度分析」就能实现. 毕竟是专业工具,功能确实强大,但用户体验有时候就差点 ...
android手机操控及屏幕录制,手机操作视频记录 Android版屏幕录制
俗话说"每一个Android女的背后,都有一个帮她刷ROM的男人",由此可见玩转Android确实是一项技术活,而作为手机玩家,在生活中我们也确实会遇到有人请教各种关于手机操作的问 ...
Bandicam_v4.6.5便携特别版高清视频录制工具
软件介绍: Bandicam是一款由韩国开发的高清游戏及视频录制工具.它录制的视频文件不仅体积小,而且画质相当清晰,支持H.264预制高清,以较高的压缩率可录制超过分辨率高达2560×1600高画质视 ...
TechSmith Camtasia2022标准版(屏幕录像工具)
TechSmith Camtasia是一款功能十分专业并且实用的屏幕录像工具.这款软件提供了强大的屏幕录像.视频剪辑编辑.视频菜单制作.视频剧场和视频播放功能等一系列视频编辑功能,让你可以非常轻松的进 ...

最新文章

热门文章