PIP Tools - Alat-alat mengambang dengan PIP! Ubah browser menjadi surga multitasking!
(pip-tools.com)Perkenalkan!
Kami memperkenalkan kumpulan alat yang dibuat dengan memanfaatkan fitur Picture-in-Picture di browser.
Mengapa dibuat?
Saya sesekali menggunakan pemilih warna, tetapi tidak ingin sampai harus memasang aplikasi terpisah. Untuk pemilih warna yang tersedia di web, terkadang saya harus memindahkan jendela browser (atau tab), sehingga terasa kurang praktis.
Fitur apa saja yang ada?
Jam: menampilkan waktu saat ini
Timer: timer hitung mundur
Pemilih warna: mengekstrak dan menyalin kode warna
Ubah ukuran gambar: menyesuaikan ukuran gambar
Penerjemah: terjemahan multibahasa ( menggunakan Chrome Translation API )
Catatan: memo teks sederhana
Roulette: permainan pilihan acak
Fitur apa yang akan ditambahkan ke depannya?
Saat ini direncanakan kalkulator, konverter satuan, scripter, watermark gambar, dan lainnya.
Selain itu, jika ada alat yang Anda butuhkan, silakan kirimkan pendapat melalui contact di kiri bawah. Kami akan berusaha untuk mengakomodasinya secara aktif.
Tech stack
Next.js
React
TypeScript
react-document-pip
13 komentar
Oho~! Ini ide yang bagus.
Jadi harus diakses dulu lewat browser, ya. Saya juga jadi berpikir akan bagus kalau bisa ditampilkan secara permanen. Tapi sekarang pun sudah sangat bagus. Saya sangat suka timer dan pengambil warna.^^
Terima kasih. Bagi saya juga, alat yang paling saya sukai adalah ekstraktor warna!
Saya memakai Firefox, dan muncul pesan bahwa PIP tidak didukung. Padahal saya sering memakai fitur PIP saat menonton YouTube.
Menggunakan API browser bernama Document Picture in Picture, yang berbeda dari PIP gambar atau video.
Karena ini masih fitur eksperimental, di beberapa browser mungkin belum berfungsi :'(
Anda bisa mengecek browser yang didukung di https://caniuse.com/mdn-api_documentpictureinpicture !
Wah, ini keren banget.
Terima kasih!
Wah gila;;; baru tahu kalau pip bukan cuma buat nonton video, tapi juga bisa dipakai untuk berbagai interaksi!
Sepertinya ini masih fitur eksperimental, jadi masih banyak yang belum tahu!
https://developer.mozilla.org/en-US/docs/…
Fitur memo juga bagus! Terima kasih
Terima kasih!
Kalau ada alat lain yang Anda butuhkan, silakan beri tahu pendapat Anda!
Wah, idenya bagus!
Terima kasih~!