PIP Tools - Những công cụ nổi trên PIP! Biến trình duyệt thành thiên đường đa nhiệm!
(pip-tools.com)Giới thiệu!
Xin giới thiệu bộ công cụ được tạo ra bằng cách tận dụng tính năng Picture-in-Picture của trình duyệt.
Tại sao lại tạo ra nó?
Tôi thỉnh thoảng dùng công cụ chọn màu, nhưng không muốn phải cài riêng một ứng dụng. Với các công cụ chọn màu trên web, đôi khi phải di chuyển cửa sổ trình duyệt (hoặc tab), nên khá bất tiện.
Có những tính năng nào?
Đồng hồ: Hiển thị thời gian hiện tại
Bộ hẹn giờ: Hẹn giờ đếm ngược
Công cụ chọn màu: Trích xuất và sao chép mã màu
Đổi kích thước ảnh: Điều chỉnh kích thước hình ảnh
Trình dịch: Dịch đa ngôn ngữ ( sử dụng Chrome Translation API )
Ghi chú: Ghi chú văn bản đơn giản
Vòng quay may mắn: Trò chơi chọn ngẫu nhiên
Trong tương lai dự định sẽ thêm những tính năng nào?
Đang lên kế hoạch cho máy tính, bộ chuyển đổi đơn vị, scripter, watermark ảnh, v.v.
Ngoài ra, nếu có công cụ nào bạn cần, hãy gửi ý kiến qua mục contact ở góc dưới bên trái. Tôi sẽ tích cực phản ánh vào sản phẩm.
Công nghệ sử dụng
Next.js
React
TypeScript
react-document-pip
13 bình luận
Ồ~! Ý tưởng hay đấy.
Có vẻ là trước hết vẫn phải truy cập qua trình duyệt nhỉ. Tôi cũng nghĩ sẽ thật tuyệt nếu có thể luôn mở nó thường trực. Nhưng ngay cả bây giờ cũng đã rất tuyệt rồi. Tôi đặc biệt rất thích bộ hẹn giờ và công cụ lấy màu.^^
Cảm ơn bạn. Công cụ tôi thích nhất cũng là trình trích xuất màu!
Tôi dùng Firefox mà lại hiện thông báo là không hỗ trợ PIP. Trong khi khi xem YouTube tôi vẫn dùng tính năng PIP rất ổn mà.
Sử dụng API trình duyệt có tên là Document Picture in Picture, khác với PIP cho hình ảnh hay video.
Vì đây vẫn là tính năng thử nghiệm nên trên một số trình duyệt sẽ không hoạt động T_T
Bạn có thể kiểm tra các trình duyệt được hỗ trợ tại https://caniuse.com/mdn-api_documentpictureinpicture!
Wow, cái này ngầu thật đấy
Cảm ơn bạn!
Ôi đỉnh quá;;; giờ mình mới biết là pip không chỉ dùng để xem video mà còn có thể tương tác theo nhiều cách khác nhau nữa!
Vì đây vẫn là tính năng thử nghiệm nên có lẽ nhiều người vẫn chưa biết nhiều về nó!
https://developer.mozilla.org/en-US/docs/…
Ghi chú cũng hay đấy! Cảm ơn bạn
Cảm ơn bạn!
Nếu bạn cần thêm công cụ nào, hãy cho chúng tôi biết ý kiến nhé!
Wow, ý tưởng hay đấy!
Cảm ơn nhé~!