base on pear-rec is a free and open-source cross platform software for recording, recording, and taking screenshots <p align="center"> <img src="https://027xiguapi.github.io/pear-rec/logo.png" height="120"> <h1 align="center">pear-rec</h1> </p> <p align="center"> <img src="https://img.shields.io/github/stars/027xiguapi/pear-rec" alt="stars"> <img src="https://img.shields.io/badge/react-v18-blue" alt="react"> <img src="https://img.shields.io/badge/electron-v26-blue" alt="electron"> <img src="https://img.shields.io/badge/nestjs-v3-blue" alt="nestjs"> <img src="https://img.shields.io/badge/-TypeScript-blue?logo=typescript&logoColor=white" alt="typescript"> <img src="https://img.shields.io/badge/-Vite-blue?logo=vite&logoColor=white" alt="vite"> </p> --- ## README [中文](README.zh-CN.md) | [English](README.md) | [Deutsch](README.de-DE.md) ## 📖 Documentation > pear-rec(pear rec) is a free and open-source cross-Platform screenshot, screen recording, audio recording, and video recording software. > > pear-rec(pear rec) is a project based on react + electron + vite + viewerjs + plyr + aplayer + react-screenshots + webav. > > More functions and APIs can be found on [the official website(https://027xiguapi.github.io/pear-rec)](https://027xiguapi.github.io/pear-rec) or [https://xiguapi027.gitee.io/pear-rec](https://xiguapi027.gitee.io/pear-rec). ## 🧱 Frameworks <img src="https://027xiguapi.github.io/pear-rec/imgs/webav.png" /> The cross-Platform of `pear-rec` is based on `electronjs`, and the front-end is based on `reactjs`. The functions of screenshot, screen recording, recording, recording (dynamic image) gif are a project based on `webrtc` and `webcodecs`. ## 🌰 Example [web pages](https://pear-rec-xiguapi.vercel.app/) ## 🧲 Repository > gitee: https://gitee.com/xiguapi027/pear-rec > > github: https://github.com/027xiguapi/pear-rec ## 🔨 Usage ### Getting Started To clone and run this repository you'll need [Git](https://git-scm.com) , [Node.js](https://nodejs.org/en/download/) (which comes with [npm](https://www.npmjs.com/)) and [pnpm](https://pnpm.io/) installed on your computer. From your command line: ```shell # Clone this repository git clone https://github.com/027xiguapi/pear-rec.git # Go into the repository cd pear-rec # Install dependencies pnpm install # Run the web pnpm run dev:web # Run the server pnpm run dev:server # Run the desktop pnpm run dev:desktop # Run the web pnpm run start:web # Run the desktop pnpm run start:desktop # Build the web pnpm run build:web # Build the desktop pnpm run build:desktop # Clear node_modules pnpm run clear ``` ## 🥰 Functions <center> <img src="https://027xiguapi.github.io/pear-rec/assets/home.7d9162cb.jpg" /> </center> Features that have been ticked are the latest in the development process but may not have been released in the latest version - [x] gif(gif.js) - [x] record - [x] edit - [x] Screenshot(react-screenshots) - [x] Frame crop - [x] Resizable frame position - [x] Colour picker - [x] Magnifying glass - [x] Brush (freehand brush) - [x] Geometric shapes (border fill support adjustment) - [x] Advanced palette settings - [x] Image filters (local mosaic blur and colour adjustment supported) - [x] Customize what happens when the frame is released - [x] Map search by map - [x] QR code recognition - [x] Quick full screen capture to clipboard or custom directory - [x] Screenshot history - [ ] Window and control selection (using OpenCV edge recognition) - [ ] Long screen capture - [ ] Multi-screen - [x] Record screen(WebRTC) - [x] Recording full screen - [x] Screenshot - [x] Customize size - [x] Mute - [ ] Key prompt - [ ] Cursor Location Tips - [ ] Recorder bar - [ ] Stream Write - [x] Record audio(WebRTC) - [x] Setting - [x] Watch audio - [x] Download audio - [ ] Edit audio - [x] Record video(WebRTC) - [ ] Custom bit rate - [x] Picture Preview(viewerjs) - [x] Zoom in - [x] Zoom out - [x] Drag - [x] Flip - [x] Pin - [x] Watch local image - [x] Download - [x] Print - [ ] ocr - [x] Watch list - [x] Map search by map - [x] QR code recognition - [x] edit image(tui-image-editor) - [x] Video Preview(plyr) - [x] Audio Previews(aplayer) - [x] setting - [x] user uuid - [x] Save address - [x] Self-starting - [x] internationalization(zh,en,de) ## 🌍 Internationalization(I18n) - [x] Chinese - [x] English - [x] German ## 👇 Download | OS | Windows | Linux | Macos | | --- | --- | --- | --- | | Link | [Download](https://github.com/027xiguapi/pear-rec/releases) | [Download](https://github.com/027xiguapi/pear-rec/releases) | [Download](https://github.com/027xiguapi/pear-rec/releases) | ## 💐 Acknowledgements - A screenshot plugin for electron and react. [react-screenshots](https://github.com/nashaofu/screenshots) - Process audio/video data in the browser using WebCodecs. [WebAV](https://github.com/hughfenghen/WebAV) - JavaScript GIF encoding library. [gif.js](https://github.com/jnordberg/gif.js) - Screenshot implemented by community personnel based on `vue`. [electron-screenshort](https://github.com/yejimeiming/electron-screenshort). ## 👨‍👨‍👦‍👦 Feedback We recommend that [issue](https://github.com/027xiguapi/pear-rec/issues) be used for problem feedback. ## 🤝 License [pear-rec is available under the Apache License V2.](LICENSE) [Open source etiquette](https://developer.mozilla.org/en-US/docs/MDN/Community/Open_source_etiquette) ", Assign "at most 3 tags" to the expected json: {"id":"5632","tags":[]} "only from the tags list I provide: [{"id":77,"name":"3d"},{"id":89,"name":"agent"},{"id":17,"name":"ai"},{"id":54,"name":"algorithm"},{"id":24,"name":"api"},{"id":44,"name":"authentication"},{"id":3,"name":"aws"},{"id":27,"name":"backend"},{"id":60,"name":"benchmark"},{"id":72,"name":"best-practices"},{"id":39,"name":"bitcoin"},{"id":37,"name":"blockchain"},{"id":1,"name":"blog"},{"id":45,"name":"bundler"},{"id":58,"name":"cache"},{"id":21,"name":"chat"},{"id":49,"name":"cicd"},{"id":4,"name":"cli"},{"id":64,"name":"cloud-native"},{"id":48,"name":"cms"},{"id":61,"name":"compiler"},{"id":68,"name":"containerization"},{"id":92,"name":"crm"},{"id":34,"name":"data"},{"id":47,"name":"database"},{"id":8,"name":"declarative-gui "},{"id":9,"name":"deploy-tool"},{"id":53,"name":"desktop-app"},{"id":6,"name":"dev-exp-lib"},{"id":59,"name":"dev-tool"},{"id":13,"name":"ecommerce"},{"id":26,"name":"editor"},{"id":66,"name":"emulator"},{"id":62,"name":"filesystem"},{"id":80,"name":"finance"},{"id":15,"name":"firmware"},{"id":73,"name":"for-fun"},{"id":2,"name":"framework"},{"id":11,"name":"frontend"},{"id":22,"name":"game"},{"id":81,"name":"game-engine "},{"id":23,"name":"graphql"},{"id":84,"name":"gui"},{"id":91,"name":"http"},{"id":5,"name":"http-client"},{"id":51,"name":"iac"},{"id":30,"name":"ide"},{"id":78,"name":"iot"},{"id":40,"name":"json"},{"id":83,"name":"julian"},{"id":38,"name":"k8s"},{"id":31,"name":"language"},{"id":10,"name":"learning-resource"},{"id":33,"name":"lib"},{"id":41,"name":"linter"},{"id":28,"name":"lms"},{"id":16,"name":"logging"},{"id":76,"name":"low-code"},{"id":90,"name":"message-queue"},{"id":42,"name":"mobile-app"},{"id":18,"name":"monitoring"},{"id":36,"name":"networking"},{"id":7,"name":"node-version"},{"id":55,"name":"nosql"},{"id":57,"name":"observability"},{"id":46,"name":"orm"},{"id":52,"name":"os"},{"id":14,"name":"parser"},{"id":74,"name":"react"},{"id":82,"name":"real-time"},{"id":56,"name":"robot"},{"id":65,"name":"runtime"},{"id":32,"name":"sdk"},{"id":71,"name":"search"},{"id":63,"name":"secrets"},{"id":25,"name":"security"},{"id":85,"name":"server"},{"id":86,"name":"serverless"},{"id":70,"name":"storage"},{"id":75,"name":"system-design"},{"id":79,"name":"terminal"},{"id":29,"name":"testing"},{"id":12,"name":"ui"},{"id":50,"name":"ux"},{"id":88,"name":"video"},{"id":20,"name":"web-app"},{"id":35,"name":"web-server"},{"id":43,"name":"webassembly"},{"id":69,"name":"workflow"},{"id":87,"name":"yaml"}]" returns me the "expected json"