record-desktop - GitLite

KO | EN

gitlite — search

#javascript #react #typescript #machine-learning #linux #docker #java #windows #awesome #cli #kubernetes #ios #mcp #open-source

record-desktop

(★ 67)

:movie_camera: Effortless GIFs and screenshots on Linux, built with Electron.

파일 탐색기

최종 버전 다운로드 (.zip)

- demo.gif
- settings-w-shadow.jpg
- x11-recorder.js
- - binaries.js
  - config.js
  - logger.js
  - main.js
  - record.js
  - shortcuts.js
  - utils.js
  - window-holder.js
- - .keep
  - index-dev.html
  - index-idle.html
  - index.html
- - main.js
  - style.css
- - constants.js
.babelrc
.editorconfig
.eslintrc.json
.gitignore
.travis.yml
app.js
cat.sh
package.json
README.md
webpack.config.js
yarn.lock

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/ewnd9/record-desktop

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd record-desktop

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Node.js

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

$ npm install record-desktop --global

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

$ npm run build:watch

배포용으로 코드를 최적화해서 빌드 파일을 생성합니다.

$ npm start

개발/실행 서버를 켭니다.

$ npm run build:electron-deb && sudo dpkg -i dist-pkg/installers/*.deb

배포용으로 코드를 최적화해서 빌드 파일을 생성합니다.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# record-desktop

Record gifs and take screenshots on linux, built with electron.

![Demonstration](https://raw.githubusercontent.com/ewnd9/record-desktop/master/media/demo.gif)

Tested on Ubuntu 14.04 and Ubuntu 16.04 in `unity` and `awesome-wm` environments.

### Featuring

- Recording a gif
  1. Start recording an area or an active window by a hotkey.
  1. Stop by a hotkey, get a generated gif file opened via `xdg-open` (commonly in a image viewer).
  1. Drag & drop it into an input in a browser (currently there is a problem with copy/paste to/from the clipboard, follow [issue#8](https://github.com/ewnd9/record-desktop/issues/8) for details).
- Taking a screenshot
  1. Take a screenshot of an area or an active window by a hotkey (with mac os like shadow - [example](/media/settings-w-shadow.jpg)).
  1. Get a screenshot copied in the clipboard.
  1. Paste it into into an input in a browser.
- Preview gallery
- Upload to imgur

All files are persisted in customizable location.

All hotkeys are customizable in settings.

## Install

First install the dependencies

```sh
$ sudo apt-get install slop imagemagick byzanz
```

If you don't have `apt-get` or have any troubles follow readmes of projects

- [`slop`](https://github.com/naelstrof/slop)
- [`imagemagick`](http://manpages.ubuntu.com/manpages/precise/man1/ImageMagick.1.html)
- [`byzanz`](http://manpages.ubuntu.com/manpages/natty/man1/byzanz-record.1.html)

Then `record-desktop` itself by either Debian package or npm

### Debian package

Download the latest `deb` release from https://github.com/ewnd9/record-desktop/releases

Use `dpkg`

```sh
$ sudo dpkg -i record-desktop_v*_amd64.deb
```

### npm

```sh
$ npm install record-desktop --global
```

## Usage

```sh
$ record-desktop
```

Just put it to autostart

## Development

```sh
$ npm run build:watch
$ npm start
```

## Building production

```sh
$ npm run build:electron-deb && sudo dpkg -i dist-pkg/installers/*.deb
```

## Changelog

- `v0.5.0`
  - make notifications optional
- `v0.4.0`
  - quick actions against latest files in the tray menu
  - auto refresh the gallery on new files creation
  - display size and resolutions of files in the gallery
- `v0.3.0`
  - the mac os like shadow effect for screenshots

## Credits

Icon ([link](http://www.flaticon.com/free-icon/folded-newspaper_12844))
made by [Freepik](http://www.freepik.com) from www.flaticon.com
is licensed under [CC BY 3.0](http://creativecommons.org/licenses/by/3.0/).

## Related

- [electron-recorder](https://github.com/mikolalysenko/electron-recorder) - Low-level desktop recorder based on `ffmpeg`
- [archlinux wiki](https://wiki.archlinux.org/index.php/taking_a_screenshot) - List of screenshot apps
- [Article: The Power of Animated Gifs](https://collectiveidea.com/blog/archives/2018/01/16/the-power-of-animated-gifs) - Why effortless Gif creation matters

## License

MIT © [ewnd9](http://ewnd9.com)