PIP Tools – Schwebende Tools mit PIP! Machen Sie den Browser zum Multitasking-Paradies!
(pip-tools.com)Vorstellung
Ich möchte eine Sammlung von Tools vorstellen, die die Picture-in-Picture-Funktion des Browsers nutzen.
Warum wurde das entwickelt?
Ich benutze gelegentlich einen Farbwähler, wollte dafür aber nicht extra eine separate App installieren. Bei Farbwählern im Web ist es oft umständlich, weil man das Browserfenster (oder den Tab) verschieben muss.
Welche Funktionen gibt es?
Uhr: Anzeige der aktuellen Uhrzeit
Timer: Countdown-Timer
Farbwähler: Farbcode auslesen und kopieren
Bildgrößenänderung: Bildgröße anpassen
Übersetzer: Übersetzung in mehrere Sprachen (mit der Chrome Translation API)
Notizen: Einfache Textnotizen
Roulette: Zufälliges Auswahlspiel
Welche Funktionen sind als Nächstes geplant?
Geplant sind unter anderem ein Rechner, ein Einheitenumrechner, ein Scripter und Bild-Wasserzeichen.
Wenn Sie darüber hinaus ein nützliches Tool brauchen, geben Sie bitte über den Kontakt unten links Feedback. Ich werde es aktiv berücksichtigen.
Tech-Stack
Next.js
React
TypeScript
react-document-pip
13 Kommentare
Oho~! Das ist eine gute Idee.
Man muss also erst einmal über den Browser darauf zugreifen. Ich fände es auch schön, wenn man es dauerhaft eingeblendet lassen könnte. Aber schon jetzt ist es richtig gut. Besonders der Timer und der Farbpicker gefallen mir sehr.^^
Danke. Mein absolutes Lieblingstool ist auch der Farbpicker!
Ich nutze Firefox, und es erscheint die Meldung, dass PiP nicht unterstützt wird. Dabei habe ich die PiP-Funktion beim Ansehen von YouTube immer gerne genutzt.
Wir verwenden die Browser-API
Document Picture in Picture, die sich von Bild- und Video-PIP unterscheidet.Da es sich noch um eine experimentelle Funktion handelt, funktioniert sie in manchen Browsern noch nicht.
Unter https://caniuse.com/mdn-api_documentpictureinpicture können Sie prüfen, welche Browser sie unterstützen!
Wow, das ist cool.
Danke!
Oh, krass;;; Ich wusste zum ersten Mal, dass man mit PiP nicht nur Videos ansehen kann, sondern auch verschiedene Interaktionen möglich sind!
Da es noch eine experimentelle Funktion ist, kennen es viele noch nicht!
https://developer.mozilla.org/en-US/docs/…
Notizen sind auch gut! Vielen Dank.
Vielen Dank!
Wenn Sie weitere nützliche Tools brauchen, hinterlassen Sie gern Ihre Meinung!
Wow, das ist eine tolle Idee!
Danke~!