Screenity
Công cụ ghi màn hình và chú thích mạnh mẽ nhất cho Chrome 🎥
Screenity là một công cụ ghi màn hình và máy ảnh tích hợp đầy đủ tính năng cho Chrome. Chú thích màn hình của bạn để đưa ra phản hồi, nhấn mạnh các lần nhấp của bạn, chỉnh sửa bản ghi của bạn và nhiều tính năng khác.
Tính năng
🎥 Thực hiện ghi màn hình không giới hạn của tab, desktop, bất kỳ ứng dụng nào và máy ảnh
✏️ Chú thích bằng cách vẽ bất cứ nơi nào trên màn hình, thêm văn bản và tạo mũi tên
👀 Nhấn mạnh các lần nhấp của bạn, tập trung vào con trỏ chuột của bạn hoặc ẩn nó khỏi bản ghi
🎙️ Kiểm soát microphone riêng lẻ và âm thanh máy tính, nhấn để nói, và nhiều tính năng khác
⚙️ Đếm ngược tùy chỉnh, hiển thị điều khiển chỉ khi di chuột qua và nhiều tùy chỉnh khác
💾 Xuất dưới dạng mp4, gif và webm, hoặc lưu video trực tiếp vào Google Drive
✂️ Cắt hoặc loại bỏ các phần của bản ghi của bạn
🌐 Có sẵn trong tiếng Anh, tiếng Catalan, tiếng Tây Ban Nha (bởi Carmen Madrazo), tiếng Pháp (bởi Marie), tiếng Bồ Đào Nha, tiếng Bồ Đào Nha (Brasil), tiếng Đức (bởi Christian Heilmann), tiếng Hàn (bởi Dong-Hyeon, Kim), tiếng Trung (bởi xkonglong), tiếng Ba Lan (bởi Damian Harateh), tiếng Nga (bởi Artem), tiếng Tamil (bởi MC Naveen), tiếng Thổ Nhĩ Kỳ (bởi Can Mavioğlu), tiếng Ý (bởi Angelo), tiếng Hindi (bởi Pranjal Aggarwal), và tiếng Indonesia (bởi Galang Aprilian)
…và nhiều tính năng khác – tất cả miễn phí và không cần đăng nhập!
Here’s a Google Sheet để so sánh các tính năng của Screenity với các công cụ ghi màn hình miễn phí và trả phí khác có sẵn cho Chrome.
Dịch Screenity sang các ngôn ngữ khác
Nếu bạn muốn dịch Screenity sang một ngôn ngữ mới, đây là những gì bạn nên làm:
. Đảm bảo rằng ngôn ngữ bạn muốn dịch Screenity đã được hỗ trợ bởi Chrome Store. Here’s a list của tất cả các ngôn ngữ được hỗ trợ.
. Tạo một thư mục mới dưới _locales với locale name for your language.
. Tạo một bản sao của this file và dịch “message”. “description” không cần phải dịch, nó chỉ để cung cấp ngữ cảnh cho bạn biết chuỗi sẽ hiển thị ở đâu trong tiện ích mở rộng.
. Dịch Chrome Store description để có thể xuất bản nó, bạn có thể đơn giản là để lại một ghi chú với nó khi bạn tạo yêu cầu kéo (pull request). Here’s an example về cách yêu cầu kéo nên trông như thế nào.
Trước khi gửi yêu cầu kéo, sẽ hữu ích nếu bạn thử chạy tiện ích mở rộng bằng ngôn ngữ mới để đảm bảo mọi thứ trông đúng.
Tự lưu trữ Screenity
Bạn có thể chạy Screenity trên máy cục bộ mà không cần cài đặt nó từ Chrome Store. Dưới đây là cách:
. Tải mã nguồn về. Trong phiên bản web của GitHub, bạn có thể làm điều đó bằng cách nhấp vào nút “Code” màu xanh lá cây, sau đó chọn “Download ZIP”.
. Truy cập vào chrome://extensions/ trong trình duyệt của bạn, và enable developer mode.
. Kéo thư mục chứa mã nguồn (đảm bảo rằng nó là một thư mục và không phải là tệp ZIP, vì vậy hãy giải nén trước), hoặc nhấp vào nút “Load unpacked” và định vị thư mục.
. Đó là nó, bạn hiện có thể sử dụng Screenity trên máy cục bộ. Đảm bảo bạn ghim nó trên thanh công cụ bằng cách nhấp vào biểu tượng “puzzle” trong thanh công cụ và ghim Screenity.
. Để kích hoạt Chức năng Tải lên Google Drive (màn hỏi ủy quyền), bạn phải thay đổi client_id trong tệp manifest.json bằng khóa mở rộng của bạn. Bạn có thể tạo nó bằng cách truy cập Google Cloud https://console.cloud.google.com/apis/credentials?project=your_project và chọn menu “Tạo thông tin xác thực” > “ID Khách hàng OAuth > Ứng dụng Chrome. Để tạo một khóa mở rộng, bạn có thể tuân thủ các bước here. Sau những bước này, làm mới Thư mục Mở rộng của bạn trong Chế độ Phát triển (Developer Mode).
Thư viện sử dụng
- jQuery – để xử lý sự kiện và thao tác DOM tốt hơn
- FabricJs – để tương tác với văn bản và mũi tên (phiên bản tùy chỉnh được tối ưu hóa)
- FFMPEG – để chuyển đổi video thành GIF hoặc MP4
- Jquery Nice Select – để có các dropdowns đẹp hơn và thời trang hơn
- Nouislider – để sử dụng thanh trượt phạm vi để cắt / loại bỏ các phần của bản ghi
- Pickr – để có bộ chọn màu
- Plyr – để có trình phát video hiển thị khi chỉnh sửa bản ghi
- StreamSaver.js – để lưu video bất đồng bộ trong quá trình ghi
- fix-webm-duration – để làm cho video được tải về có khả năng tìm kiếm
Hãy liên hệ với tôi qua email tại hi@alyssax.com hoặc on Twitter nếu bạn có bất kỳ câu hỏi hoặc phản hồi nào! Hy vọng bạn thấy điều này hữu ích 💜
Chi tiết Tải về:
Tác giả: Alyssaxuu
Mã nguồn: https://github.com/alyssaxuu/screenity
Giấy phép: MIT license
