Screener - Wrzucaj screenshoty wprost w przeglądarkę

Witam.

Po przeczytaniu wypowiedzi Ktosia, postanowiłem się pochwalić małym, ale przydatnym narzędziem.

Wiele z was w codziennej rozmowie z klientami/kumplami może trafić na pytanie w stylu:

Ale gdzie jest ten przycisk?
Ale ja tego nie widzę!

W takiej sytuacji przeważnie idzie w ruch klawisz
PrintScreen -> później Paint -> ctrl+v -> Ctrl+s -> zapisz -> imageshack.us -> poszukiwanie i wybieranie pliku -> PROFIT

Dzięki mojej webaplikacji droga się skraca:
PrintScreen -> Screener.tk -> ctrl+v -> Profit

Aplikacja z uwolnionym kodem źródłowym:
https://github.com/bordeux/Screener

Link do aplikacji:
http://screener.tk/

Mam nadzieje że dla wielu te narzędzie okaże się przydatne.

Jeśli widzicie wizje zmian, to proszę o opinie. Dodać jakąś funkcję?

Nie no fajne. Tylko przydałby się jakiś podgląd i przycisk zatwierdź, a nie że od razu wrzuca.

PS. Nie korzystałem jeszcze z imageshack więc mogę czegoś nie wiedzieć ;]

Starałem się, aby aplikacja była najszybsza, najprostsza w postaci, by nie tracić sekund.
Jak wybrałeś zły plik, to cóż, wyślę się na imageshack... Ale te wszystkie pliki nie są listowane -> czyli Google i inni nie będą mieli dostępu do źle zuploadowanego pliku - chyba że ktoś zrobi metode brutal force i będzie generować miliony linków by akurat twój znaleźć (nie możliwe) ;)

Czyli twoim przyciskiem zatwierdź jest skopiowanie linku - nie skopiujesz? Screen leci na kraniec internetu (zapominanie). Mogę na to pozowlić, bo nie ja hostuje pliki, nie oszczędzam dysku ;>

Podoba mi się i może być przydatne. Oczywiście daję plusa.

chyba za głupi jestem :/ - robię screena, potem nowa karta -> screener.tk i wciskam CTRL+V jak oszalały i nic :/ (sprawdzone na IE 9 i operze 11). W schowku na pewno jest screen bo w paincie się wkleja

Narzędzia nie testowałem, ale zaciekawiła mnie sekwencja, której nigdy wcześniej nie użyłem:

PrintScreen -> później Paint -> ctrl+v -> Ctrl+s -> zapisz

Zdecydowanie więcej można uzyskać tak:
Irfanview -> Opcje -> Przechwyć ekran(okno)
Można ustawić wiele przydatnych właściwości:

• obszar przechwytywania (np. wszystkie monitory, aktywne okno, zaznaczony obszar)
• dołączanie wskaźnika myszy,
• przewijanie okna podczas przechwytywania.
  Program będzie dużo użyteczniejszy jeżeli będzie potrafił wysłać zrzut ekranu wczytany do Irfanview,

@Misiekd
Na Operze na pewno nie podziała, bo nie obsługuje jeszcze tego, co trzeba (a czego nie umiem nazwać, bo nie zagłębiałem się jeszcze tak w HTML5). Pod IE9 nie mam pojęcia, bo nie mam nawet jak zainstalować. Pod FF działa.

@bordeux
Niewiele to pomaga. Klienci (ew. ktoś, kto nie ogarnia kompa, ale to na ogół klienci) mają problem z odnalezieniem Print Screen oraz z ogarnięciem ctrl+v. Czasem jeszcze otworzenie Painta to problem. Niedużo to pomaga w takiej sytuacji. Ale ciekawe mimo to - jednak w praktyce nie do końca przydatne.

Za to do użytku osobistego (bo klient musiałby coś instalować, co znowu może przerastać, chyba, że jakiś silentinstall miałby się robić) to ja bym chciał mieć coś takiego jak LightShot - klik na Print Screen i mamy wygodną wybierałkę (klik), drugi klik i mamy krótkiego linka w postaci - http://prntscr.com/5swd2 - i w tym miejscu zaczynają się wady - obrazki trzymane są na cholernie ociężałym imageshacku - preferuję imgur, który w tej chwili zmiata wszystkie inne hosty - i na stronie wygenerowanej ok, jest reklama - ale mogłaby nie zajmować tyle ekranu. Najchętniej to bym coś takiego napisał, ale jestem za leniwy, no i mam pracę inż na głowie ;P w każdym razie za taką aplikację oddałbym pół królestwa i rękę mojego kota..

Fajny pomysł, tylko mała uwaga - nie wiem jak innych, ale mnie zaczynanie prezentacji od słów w stylu:

• "Wielu z was [...]"
• "Wiele osób [...]"
• "Zapewne zastanawiacie się [...]"
  itp. bardzo odpycha.

Wspaniała rzecz! Natychmiast leci do zakładki z przydatnymi narzędziami ^^

Mam propozycję, która pozwoli udoskonalić tą aplikację - gdyby tylko można było jeszcze na stonce obrazek wykadrować... To już byłby szczyt marzeń. Niestety, tak jak teraz jest, w większości sytuacji i tak musiałabym najpierw otworzyć painta, żeby wyciąć tą konkretną rzecz, którą chcę pokazać. Oczywiście, jak korzystam z przeglądarki to sobie PixelGrabberem wytnę, ale jakbym chciała robić screena w innym okineku...

Już tak nawiasem informując - począwszy od Windows XP Tablet PC Edition w systemie Windows jest coś takiego jak "Snipping tool" aka "Narzędzie wycinanie", które pozwala m.in. wykroić kawałek ekranu i zapisać do pliku graficznego. Albo skopiować do schowka, więc screener.tk tez może to przyjąć. Chyba szybsze niż Paint do wycinania kawałka ekranu.

@bordeux: Zapraszam do wykorzystania API tinyshare gdy powstanie, nie tylko imageshack ;-)

Pomysł zajebisty ale szkoda że nie działa na Operze 11

Oh, nie wiedziałem, że to twoje. A korzystam już jakiś czas. Szkoda, że nie da się wybrać formatu, bo czasem png potrafi ważyć kilka mega.

Pomysł ciekawy, ale na Firefoksie widzę kilka prostych poprawek:

1. by coś wkleić muszę kliknąć na DIVa z contenteditable, na którym mam podkreślone na czerwono wyrazy jak mam akurat włączony polski słownik
2. jak już kliknę, to ten napis zostaje - wygląda jak błąd a nie feature

Poprawiłem dla firefoxa: teraz wystarczy wejsc w stronę, i kliknąć ctrl+v
Ustawiłem też spellcheck na false.

Wiem, że to narzędzie ogólne, a nie dla 4p, ale brakuje mi składni, którą zawsze ręcznie tworzę:
<a href="http://...plik.png">![user image](http://...plik.th.png)</a>

Usuwałbym jednak ten napis w divie po wklejeniu czegokolwiek.

I jeśli masz możliwość zobaczenia JSem, czy jest sens wysyłać to, co wkleiłem - bo jak wklejam tekst, to strona się "przeładowuje" nieco bez sensu.

@bordeux - Wrzuta dorzuciła jakiś filtr psując Ci screenera. Teraz czuję się jak bez ręki ;)
Po uploadzie dostajemy komunikat:
Allowed extensions:jpeg|png|gif|jpg|bmp|tiff

@Marooned : podaj adres URL dla którego widzisz ten komunikat. Wrzucam już nty screen, i niestety nie widzę nic : (
Pozdrawiam.

Nie kumam.. no adres to http://screener.tk/ - a wklejam obrazek wycięty z Painta (tam sobie często kadruję).

A przy okazji zapytam: te screeny lądują gdzieś w publicznej galerii czy bez hasha nie ma opcji by ktoś je obejrzał?

Chodzi o adres URL dla zdjęcia, gdzie widzisz komunikat:
Allowed extensions:jpeg|png|gif|jpg|bmp|tiff

Strona główna u mnie normalnie działa, tak samo upload plików, dlatego też szukam gdzie coś może szfankować.

Zdjęcia są wysyłane do imgur.com - natomiast serwer screener.tk tylko formą "cdn" lub proxy - odciąża serwer imgur, cachując obrazki. No i w zamian w adresie url rekalama jest :)

Dlatego też adres url:
http://screener.tk/f/o/f/SS6k1kx.png

Jest taki sam jak :
http://i.imgur.com/SS6k1kx.png

Wydaje mi się, że nie przekierowywało mnie na żaden adres. W historii przeglądarki nie mam żadnego.
Teraz dla innego obrazu mam array(3) { [0]=> string(1) "o" [1]=> string(1) "f" [2]=> string(11) "GHocSUT.png" } ale to pewnie Twoje testy. Link dostałem.

Hmm możliwe że site5.com robił jakiś upgrade, no i htaccess czasami zawodził (był tylko jeden, który przekierowywał wszystko co jest po /f/ ). Teraz podzieliłem go na dwa pliki htaccess i powinno działać (teoretycznie)

Dzieki za info o błędzie :)

natomiast serwer screener.tk tylko formą "cdn" lub proxy - odciąża serwer imgur, cachując obrazki.

Poważnie?

To nie ma już absolutnie żadnego powodu by korzystać ze screener.tk, a nie imgur?

@Rev: jest -szybkość :)
Nie wiem czy zauważyłeś, ale przy wklejaniu screena w imgur długo plik jest mielony przez serwer (plik wysłany, ale serwer długo odpowiada).
Natomiast u mnie trochę szybciej jest, i bez zbędnych fiuczerów .

Cache jest usuwane ręcznie. Obecnie przez 2 miesiące nie usuwane. Usuwam, gdy troche potrzebuje miejsce na tym hostingu.

Screener jest starszy niż funkcja wklejania screenów w imgur :) Później dopiero dodali- screener.tk wypełniał tą lukę.

Nie wiem czy zauważyłeś, ale przy wklejaniu screena w imgur długo plik jest mielony przez serwer (plik wysłany, ale serwer długo odpowiada).
Natomiast u mnie trochę szybciej jest, i bez zbędnych fiuczerów .

Że jak? Że twoje proxy / cedeen zlokalizowane w USA ma być dla Polaka szybsze niż imgur, który ma faktyczne CDN w Europie?

C:\Users\Rev>tracert imgur.com

Śledzenie trasy do imgur.com [190.93.245.4]
z maksymalną liczbą 30 przeskoków:

  1    <1 ms    <1 ms     1 ms  192.168.100.1
  2    17 ms    13 ms    27 ms  89-79-152-1.dynamic.chello.pl [89.79.152.1]
  3     9 ms     8 ms     7 ms  89-75-2-161.infra.chello.pl [89.75.2.161]
  4     8 ms     8 ms    13 ms  84.116.252.125
  5     9 ms     9 ms     8 ms  84.116.252.113
  6    10 ms     9 ms     9 ms  84.116.135.225
  7     9 ms    10 ms     7 ms  pni-pl-waw05a-as1299-telia.aorta.net [213.46.178.50]
  8    31 ms    50 ms    32 ms  ffm-bb1-link.telia.net [80.91.245.144]
  9    39 ms    30 ms    32 ms  ffm-b11-link.telia.net [80.91.246.39]
 10    33 ms    49 ms    39 ms  cloudflare-ic-154351-ffm-b11.c.telia.net [213.248.68.46]
 11    32 ms    33 ms    32 ms  190.93.245.4

Śledzenie zakończone.

C:\Users\Rev>tracert 141.101.114.4

Śledzenie trasy do 141.101.114.4 z maksymalną liczbą 30 przeskoków.

  1    <1 ms    <1 ms    <1 ms  192.168.100.1
  2    30 ms    21 ms    78 ms  89-79-152-1.dynamic.chello.pl [89.79.152.1]
  3    10 ms    44 ms     7 ms  89-75-2-161.infra.chello.pl [89.75.2.161]
  4    31 ms     8 ms     8 ms  84.116.252.125
  5     8 ms     8 ms     8 ms  84.116.252.113
  6    15 ms    42 ms    17 ms  84.116.135.225
  7     7 ms    13 ms    26 ms  pni-pl-waw05a-as1299-telia.aorta.net [213.46.178.50]
  8    33 ms    32 ms    30 ms  ffm-bb1-link.telia.net [80.91.245.146]
  9    34 ms    31 ms    30 ms  ffm-b11-link.telia.net [80.91.246.39]
 10    34 ms    39 ms    39 ms  cloudflare-ic-154351-ffm-b11.c.telia.net [213.248.68.46]
 11    32 ms    32 ms    31 ms  141.101.114.4

Śledzenie zakończone.

C:\Users\Rev>tracert 68.232.34.133

Śledzenie trasy do 68.232.34.133 z maksymalną liczbą 30 przeskoków.

  1    <1 ms    <1 ms    <1 ms  192.168.100.1
  2    20 ms    27 ms    81 ms  89-79-152-1.dynamic.chello.pl [89.79.152.1]
  3    10 ms     7 ms     9 ms  89-75-2-161.infra.chello.pl [89.75.2.161]
  4    10 ms    11 ms     9 ms  84.116.252.125
  5     9 ms     7 ms     6 ms  84.116.252.117
  6    31 ms     9 ms    18 ms  84.116.135.225
  7     8 ms    31 ms     8 ms  pni-pl-waw05a-as1299-telia.aorta.net [213.46.178.50]
  8    50 ms    69 ms    33 ms  ffm-bb1-link.telia.net [80.91.250.199]
  9    41 ms    44 ms    32 ms  ffm-b2-link.telia.net [213.155.133.141]
 10    33 ms    34 ms    33 ms  edgecast-ic-155813-ffm-b2.c.telia.net [62.115.8.130]
 11    34 ms    29 ms    35 ms  68.232.34.133

Śledzenie zakończone.

C:\Users\Rev>tracert screener.tk

Śledzenie trasy do screener.tk [50.22.11.25]
z maksymalną liczbą 30 przeskoków:

  1     1 ms    <1 ms    <1 ms  192.168.100.1
  2    29 ms    12 ms    26 ms  89-79-152-1.dynamic.chello.pl [89.79.152.1]
  3    12 ms    47 ms    51 ms  89-75-2-161.infra.chello.pl [89.75.2.161]
  4   116 ms   117 ms   114 ms  84.116.252.125
  5   116 ms   116 ms   119 ms  84.116.252.117
  6   110 ms   110 ms   114 ms  uk-lon01b-rd1-xe-0-2-0.aorta.net [84.116.132.53]
  7   109 ms   116 ms   109 ms  84-116-130-141.aorta.net [84.116.130.141]
  8   116 ms   115 ms   114 ms  84.116.137.186
  9   119 ms   110 ms   112 ms  ae-15-212.pr0.nyc20.tbone.rr.com [66.109.11.97]
 10   123 ms   121 ms   121 ms  66.109.11.126
 11   158 ms   157 ms   143 ms  ae1.bbr01.eq01.chi01.networklayer.com [173.192.18.132]
 12   157 ms   157 ms   154 ms  ae20.bbr01.eq01.dal03.networklayer.com [173.192.18.136]
 13   167 ms   159 ms   158 ms  po1.npr01.eq01.dal03.networklayer.com [75.126.61.251]
 14     *        *        *     Upłynął limit czasu żądania.
 15   157 ms   156 ms   175 ms  75.126.61.172-static.protection.dal03.networklayer.com [75.126.61.172]
 16   173 ms   175 ms   159 ms  po1.fcr01.sr01.dal05.networklayer.com [173.192.118.131]
 17   158 ms   159 ms   159 ms  linnel.accountservergroup.com [50.22.11.25]

Hmm,

Nie działa strona :/

a sam kod napisany raczej kiepsko

Było przydatne, a autor chyba już tego nie wspiera? Wrzuci ktoś na jakiś hosting?