PIP Tools - เครื่องมือลอยด้วย PIP! เปลี่ยนเบราว์เซอร์ให้เป็นสวรรค์แห่งการทำงานหลายอย่างพร้อมกัน!
(pip-tools.com)ขอแนะนำ!
ขอแนะนำชุดเครื่องมือที่สร้างขึ้นโดยใช้ฟีเจอร์ Picture-in-Picture ของเบราว์เซอร์
ทำไมถึงสร้างขึ้นมา?
ผมใช้ตัวเลือกสีเป็นครั้งคราว แต่ก็ไม่ได้อยากติดตั้งแอปแยกต่างหาก ในกรณีของตัวเลือกสีที่ให้บริการบนเว็บ บางครั้งต้องย้ายหน้าต่างเบราว์เซอร์ (หรือแท็บ) จึงค่อนข้างไม่สะดวก
มีฟีเจอร์อะไรบ้าง?
นาฬิกา: แสดงเวลาปัจจุบัน
ตัวจับเวลา: ตัวจับเวลานับถอยหลัง
ตัวเลือกสี: ดึงและคัดลอกรหัสสี
ปรับขนาดรูปภาพ: ปรับขนาดภาพ
ตัวแปลภาษา: แปลหลายภาษา ( ใช้ Chrome Translation API )
บันทึก: บันทึกข้อความแบบง่าย
วงล้อ: เกมสุ่มเลือก
ต่อไปมีแผนจะเพิ่มฟีเจอร์อะไรบ้าง?
กำลังวางแผนเพิ่มเครื่องคิดเลข ตัวแปลงหน่วย ตัวเขียนสคริปต์ ลายน้ำภาพ และอื่น ๆ
หากมีเครื่องมืออื่นที่ต้องการ สามารถส่งความคิดเห็นผ่าน contact ที่มุมล่างซ้ายได้เลย ผมจะนำไปพิจารณาอย่างจริงจัง
เทคโนโลยีสแต็ก
Next.js
React
TypeScript
react-document-pip
13 ความคิดเห็น
โอ้โห~! เป็นไอเดียที่ดีมากครับ
ดูเหมือนว่าต้องเข้าใช้งานผ่านเบราว์เซอร์ก่อนสินะครับ ก็แอบคิดเหมือนกันว่าถ้าปักไว้ให้แสดงค้างได้ตลอดก็คงดี แต่ตอนนี้ก็ดีมากแล้วครับ ผมชอบทั้งตัวจับเวลาและตัวดูดสีมากเลย ^^
ขอบคุณครับ/ค่ะ สำหรับผม/ฉัน เครื่องมือที่ชอบที่สุดก็คือตัวดึงสีเหมือนกัน!
ผมใช้ Firefox อยู่ แต่มีข้อความขึ้นมาว่าไม่รองรับ PIP นะครับ ทั้งที่ตอนดู YouTube ก็ใช้ฟีเจอร์ PIP ได้ดีมาตลอด
ใช้ Browser API ที่ชื่อว่า Document Picture in Picture ซึ่งต่างจาก PIP สำหรับรูปภาพและวิดีโอ
ตอนนี้ยังเป็นฟีเจอร์แบบทดลองอยู่ จึงอาจใช้งานไม่ได้ในบางเบราว์เซอร์ T_T
สามารถตรวจสอบเบราว์เซอร์ที่รองรับได้ที่ https://caniuse.com/mdn-api_documentpictureinpicture !
ว้าว อันนี้เจ๋งมากเลย
ขอบคุณครับ!
โอ้ สุดยอดมาก;;; เพิ่งรู้เป็นครั้งแรกเลยว่า pip ไม่ได้ใช้ดูวิดีโอได้อย่างเดียว แต่ยังโต้ตอบได้หลากหลายด้วย!
เพราะยังเป็นฟีเจอร์ทดลองอยู่ เลยยังไม่ค่อยมีคนรู้จักกันมากนัก!
https://developer.mozilla.org/en-US/docs/…
ฟีเจอร์จดเมโมก็ดีเหมือนกันนะ! ขอบคุณครับ
ขอบคุณครับ!
ถ้าต้องการเครื่องมือเพิ่มเติม ฝากแสดงความคิดเห็นได้เลย!
ว้าว ไอเดียดีมากเลย!
ขอบคุณนะ~!