RSS

Category Archives: HACK

HACK THE WEB RADIO

Καλησπέρα. Σήμερα θα δούμε κάτι αρκετά ενδιαφέρον. Αφορμή στάθηκε ένα email που έλαβα από έναν blogger. Ο συγκεκριμένος blogger ήθελε να βάλει στο blog του τον αγαπημένο του ραδιοφωνικό σταθμό ο οποίος εκπέμπει και διαδυκτιακά. Μιλάμε για τον Absolute Radio, έναν αγγλικό σταθμό. Ωραία ως εδώ αλλά υπήρχε ένα εμπόδιο. Ο σταθμός δε δίνει τη δυνατότητα embed έτσι ώστε όποιος θέλει να το βάλει στο ιστολόγιο του ή στην ιστοσελίδα του (αυτό δεν το καταλαβαίνω γιατί ο σταθμός έτσι χάνει, προβολή, δωρεάν διαφήμιση και ακροαματικότητα).
   Η αλήθεια είναι ότι παιδεύτηκα για πολλές ώρες αλλά μετά από αρκετούς πειραματισμούς κατάφερα και έκανα εφικτή την προσθήκη του σταθμού σαν gadget στο blog. Υπάρχουν και άλλοι σταθμοί που δεν επιτρέπουν την προσθήκη τους με τη μη χορήγηση ενός κώδικα embed. Πάμε να δούμε πως μπορούμε να τα καταφέρουμε.
   Προσωπικά χρησιμοποιώ τον Mozilla Firefox. Στη συνέχεια ο συγκεκριμένος browser θα μας φανεί χρήσιμος. Θα ασχοληθούμε με τον σταθμό που προανέφερα. Κάνοντας κλικ εδώ μεταφερόμαστε στον player του σταθμού απ’ όπου ακούμε live το πρόγραμμα του. Θα χρειαστεί να βρούμε εκείνο το λιnk όπου γίνεται το streaming. Αν πάμε στην πάνω μπάρα του Mozilla θα επιλέξουμε εργαλεία και διαλέξουμε πληροφορίες σελίδας τότε θα ανοίξει ένα παράθυρο το οποίο έχει τέσσερις επιλογές στο πάνω μέρος του: Γενικά, Πολυμέσα, Δικαιώματα και Ασφάλεια. Κάνουμε κλικ στο δεύτερο (πολυμέσα) και βλέπουμε ότι μας παρουσιάζει κάποια links (διευθύνσεις). Ψάχνουμε να βρούμε αυτό που μέσα του περιέχει τις λέξεις flash/player. Βλέπουμε ότι είναι το τρίτο από το τέλος (http://player.absoluteradio.co.uk/core/player/_flash/player.swf?service=abr&v=1.0.1.25).

Κάνουμε αυτό το link αντιγραφή – επικόληση σε ένα νέο παράθυρο ή καρτέλα και βλέπουμε τον βασικό player και ακούμε την εκπομπή.

 Τώρα θα ανατρέξουμε σε μια παλιότερη ανάρτηση όπου λέω πως γίνεται η προσθήκη ενός audio player.

  Παίρνουμε τον κώδικα της συγκεκριμένης ανάρτησης που είναι με μαύρο χρώμα:

<img style=»visibility:hidden;width:0px;height:0px;» border=0 width=0 height=0 src=»http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNTMxMjE4MDIzNTkmcHQ9MTI1MzEyMTgxODI2NSZwPTE4MDMxJmQ9Jmc9MSZvPTYzYzQ4MzA*YTNlNDQ2N2VhNThkNzA1ZTBlZjVhYjZh.gif» /><center><p style=»visibility:visible;»><object type=»application/x-shockwave-flash» data=»http://assets.myflashfetish.com/swf/mp3/mff-pill.swf» height=»110″ width=»265″ style=»width:265px;height:110px»><param name=»movie» value=»http://assets.myflashfetish.com/swf/mp3/mff-pill.swf» /><param name=»quality» value=»high» /><param name=»scale» value=»noscale» /><param name=»salign» value=»TL» /><param name=»wmode» value=»transparent»/><param name=»flashvars» value=»myid=29801243&path=2009/09/16&mycolor=222222&mycolor2=77ADD1&mycolor3=FFFFFF&autoplay=true&rand=0&f=4&vol=100&pat=0&grad=false&ow=265&oh=110″/></object></p></center>

   Το κομμάτι του κώδικα που είναι τονισμένο με κόκκινο χρώμα το αντικαθιστούμε με το link (http://player.absoluteradio.co.uk/core/player/_flash/player.swf?service=abr&v=1.0.1.25) του streaming του σταθμού που βρήκαμε προηγουμένως με τη βοήθεια του Mozilla. Οι τιμές του ύψους και πλάτους (height, width) του gadget είναι τονισμένες με μπλε χρώμα και αν τις αλλάξουμε θα αλλάξουμε και τις διαστάσεις αυτού. ΠΡΟΣΟΧΗ: Αλλάζουμε τις τιμές και στα δύο height και width. Ο κώδικα που θα έχουμε στο τέλος είναι ο παρακάτω:


<img style=»visibility:hidden;width:0px;height:0px;» border=0 width=0 height=0 src=»http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNTMxMjE4MDIzNTkmcHQ9MTI1MzEyMTgxODI2NSZwPTE4MDMxJmQ9Jmc9MSZvPTYzYzQ4MzA*YTNlNDQ2N2VhNThkNzA1ZTBlZjVhYjZh.gif» /><center><p style=»visibility:visible;»><object type=»application/x-shockwave-flash» data=»http://player.absoluteradio.co.uk/core/player/_flash/player.swf?service=abr&v=1.0.1.25″ height=»110″ width=»265″ style=»width:265px;height:110px»><param name=»movie» value=»http://player.absoluteradio.co.uk/core/player/_flash/player.swf?service=abr&v=1.0.1.25″ /><param name=»quality» value=»high» /><param name=»scale» value=»noscale» /><param name=»salign» value=»TL» /><param name=»wmode» value=»transparent»/><param name=»flashvars» value=»myid=29801243&path=2009/09/16&mycolor=222222&mycolor2=77ADD1&mycolor3=FFFFFF&autoplay=true&rand=0&f=4&vol=100&pat=0&grad=false&ow=265&oh=110″/></object></p></center>

   Στη ουσία πήραμε τον κώδικα ενός player και αντί να δηλώσουμε τη διεύθυνση ενός τραγουδιού που αποθηκεύσαμε στο internet και θέλουμε να παίξει, δηλώσαμε τη διεύθυνση του streaming. Το gadget είναι έτοιμο και πορούμε να το προσθέσουμε στο blog μας όπως κάθε άλλο gadget (πανόπτης, διάταξη, προσθήκη gadget, HTML/JavaScript). Είναι ένας απλός player αλλά τη δουλειά του την κάνει. Έχει ένα κουμπί play/stop, μια μπάρα buffer/streaming και ένα κουμπί αυξομείωσης της έντασης του ήχου.
   Τον παραπάνω πειραματισμό τον έκανα και με άλλους ραδιοφωνικούς σταθμούς που δεν παρέχουν τη δυνατότητα του embed κώδικα και δούλεψε επιτυχώς. Ελπίζω να σας άρεσε και εύχομαι καλή επιτυχία σε όσους το επιχειρήσουν. Σύντομα θα ασχοληθώ και με τη live αναμετάδοση εικόνας. Ελπίζω να πετύχει.

 
58 Σχόλια

Posted by στο Νοέμβριος 26, 2009 in GADGET, HACK, WEB RADIO, WIDGET

 

GOOGLE TRICKS AND HACKS

Καλημέρα σε όλους και όλες. Μετά από μια απουσία κάποιων ημερών είμαστε και πάλι μαζί. Σήμερα θα δούμε τι μπορούμε να κάνουμε με το ψαχτήρι της Google. Κάποια κόλπα είναι περισσότερο γνωστά και κάποια όχι.
   Γράψτε στο πλαίσιο της αναζήτησης της Google κάτι από τα παρακάτω και μετά πατήστε το «Νιώθω τυχερός» (I am feeling lucky):

Google gothic, Google l33t, Google loco, xx-klingon, xx-piglatin, google bsd, google linux, ewmew fudd, google gizoogle, google mozilla, google mirror. Τα αποτελέσματα δεν προσφέρουν κάτι ουσιώδες αλλά μας φτιάχνουν τη διάθεση με την ευρυματικότητα της Google. Πληκτρολογήστε:

Google easter egg και μετά πατήστε το «Νιώθω τυχερός» (I am feeling lucky). Θα δείτε στην οθόνη σας ένα παιχνίδι της Google όπου υπάρχει ένα λαγουδάκι και με τις κινήσεις του ποντικιού σας το βοηθάτε να μαζέψει όσα περισσότερα πασχαλινά αυγά. Πληκτρολογήστε answer to life, the univers and everything, και πατήστε αναζήτηση και διαβάστε τα αποτελέσματα ειδικά αυτό που σας παραπέμπει στη Wikipedia (πρέπει να γνωρίζετε αγγλικά). Πάτε πάλι στο πλαίσιο αναζήτησης της Google  και πληκτρολογήστε: G  gle (ανάμεσα στα g πρέπει να έχετε πατήσει δυο φορές για κενό) και μετά πατήστε το «Νιώθω τυχερός» (I am feeling lucky). Κάντε κλικ με το ποντίκι σας μέσα στο πλαίσιο αναζήτησης της Google και θα δείτε ότι μετά από λίγα δευτερόλεπτα θα χαθούνε τα δύο o από το logo της Google.
   Πάμε σε μερικά πιο εξεζητημένα πράγματα που μπορούμε να κάνουμε με τη Google. Πληκτρολογήστε στο πλαίσιο αναζήτησης της Google:

half a cup in tablespoons. Πατήστε το κουμπί της αναζήτησης και θα δείτε ότι η Google έχει αριθμομηχανή. Τώρα μπορείτε να κάνετε διάφορες αριθμητικές πράξεις μέσα στο πλαίσιο αναζήτησης. Για παράδειγμα πληκτρολογήστε 5*15 και πατήστε το enter.
   Υπάρχουν και κάποιες εντολές που μπορούμε να δώσουμε και να εκμεταλλευτούμε  τη χαλαρότητα ορισμένων. Για παράδειγμα μπορούμε να έχουμε μέσα από τη Google πρόσβαση σε διάφορες κάμερες που είναι συνδεδεμένες με το διαδύκτιο. Τέσσερις εντολές που μπορείτε να πληκτρολογήσετε (πάντα στο πλαίσιο αναζήτησης) είναι οι εξής:

inurl: 1) ”Viewerframe?Mode=”

2) inurl:’viewerframe?mode=motion” 3) intitle:”Live View/-AXIS”

και 4) SNC-RZ30 HOME.
   Υπάρχουν εντολές για να βρούμε και να κατεβάσουμε δωρεάν videos και μουσική. Είναι οι παρακάτω:

url:htm –inurl:html –inurl:asp –intitle:”index of” (wmv|mpg|avi)
όνομα του video που θέλετε
url:htm –inurl:html –inurl:asp –intitle:”index of” (mp3|wma)
όνομα του μουσικού αρχείου που θέλετε
   Όσοι από εσάς ασχολούνται ή σκοπεύουν να ασχοληθούνε με την  
PHP τότε ίσως η παρακάτω εντολή του φανεί χρήσιμη (ο τρόπος 
εκτέλεσης αυτής παραμένει ο ίδιος: πληκτρολόγηση στο πλαίσιο 
αναζήτησης και πατάμε το enter):

intitle:phpMyAdmin “Welcome to phpMyAdmin***” “running on 
* as root@*”

    Αν πληκτρολογήσουμε:

inurl:”port_255”-htm και πατήσουμε enter 
τότε τα αποτελέσματα μας οδηγούνε σε διάφορους συνδεδεμένους 
εκτυπωτές.

   Με την εντολή:

“robots.txt” “disallow:” filetype:txt μπορούμε να 
βρούμε αρχεία τα οποία δεν τα βρισκουν οι μηχανές αναζήτησης. 
Πληκτρολογήστε την εντολή όπως τις παραπάνω και πατήστε enter. 
Διαλέξτε ένα από τα αποτελέσματα και ανοίξτε το. Διαλέξτε ένα 
από τα αρχεία που θέλετε να δείτε και κάντε το copy – paste στη 
μπάρα διευθύνσεων (address bar) στη θέση του /robots.txt στη 
διεύθυνση και πατήστε το enter.

   Την επόμενη εντολή την αναφέρω μόνο για εκπαιδευτικούς 
λόγους. Αν πληκτρολογήσετε:

Inurl:_vti_pvt “service.pwd” θα εμφανίσει αποτελέσματα τα 
οποία οδηγούνε σε web sites που δημιουργήθηκαν με το Front Page
και οι δημιουργοί τους δεν ήταν τόσο προσεκτικοί με την ασφάλεια.
Αυτό έχει ως αποτέλεσμα την εμφάνιση passwords.
  Μια άλλη εντολή που μπορείτε να χρησιμοποιήσετε για να 
ανεβάσετε μια φωτογραφία σε ένα photo album ενός 
απομακρυσμένου χρήστη είναι η εξής: inurl:»phphotoalbum/upload».
   Ελπίζω να τα βρείτε ενδιαφέροντα. 

 
2 Σχόλια

Posted by στο Νοέμβριος 19, 2009 in GOOGLE, HACK, TIPS, TRICKS

 

ΠΩΣ ΝΑ ΦΤΙΑΞΕΤΕ FAVICONS

Σήμερα θα δούμε πως μπορούμε να δημιουργήσουμε favicons. Τι είναι τα favicons; Είναι τα εικονίδια που εμφανίζονται δίπλα στη μπάρα διευθύνσεων. Επίσης όταν σ’ ένα φυλλομετρητή (browser) έχουμε δύο και παραπάνω καρτέλες ανοιγμένες τα favicons εμφανίζονται και εκεί Δείτε τις εικόνες ακριβώς από κάτω (κλικ για να τις μεγενθύνετε):


Ένα site στο internet όπου μπορούμε να κατεβάσουμε έτοιμα favicons στατικά και animated είναι το ICONJ. Αλλά κακά τα ψέματα όλοι θέλουμε να έχουμε κάτι μοναδικό που δε χρησιμοποιείται από άλλον. Για να επιτευχθεί αυτό πρέπει να το δημιουργήσουμε οι ίδιοι. Το site που προανέφερα μας δίνει και αυτή τη δυνατότητα όπως και hosting (φιλοξενία) για τα εικονίδια μας.
Για να δημιουργήσουμε ένα favicon πρέπει να έχουμε κάποιο πρόγραμμα επεξεργασίας φωτογραφίας. Όσοι έχουν το Photoshop, το PhotoImpact ή οποιοδήποτε άλλο πρόγραμμα μπορούνε να ξεκινήσουν αμέσως. Όσοι δεν έχουν και δε θέλουν να πληρώσουν για να αγοράσουν κάποιο, υπάρχει και το Picasa της Google το οποίο είναι δωρεάν μπορείτε να το κατεβάσετε από εδώ. Υπάρχουν πολλές δωρεάν εφαρμογές που μπορείτε να βρείτε μέσω της μπάρας αναζήτησης της Google ή αν αγοράζετε περιοδικά για computers θα βρείτε άφθονα στα DVDs που δίνουν.
Για να δημιουργήσουμε το favicon πρέπει να δημιουργήσουμε λογαριασμό στο ICONJ. Μετά πρέπει να δημιουργήσουμε ένα εικονίδιο διαστάσεων 16x16px (pixels) με το πρόγραμμα επεξεργασίας εικόνας που έχουμε στον υπολογιστή μας. Μετά τη δημιουργία του το σώζουμε (save) κάπου που είναι εύκολο να το βρούμε. Εφόσον είμαστε στο ICONJ και έχουμε κάνει login κάνουμε upload το εικονίδιο που δημιουργήσαμε προηγουμένως. Μετά από μερικά δευτερόλεπτα αναμονής το εικονίδιο μας έχει σηκωθεί στο site. Στα δεξιά πατάμε το κουμπί Get Code και εκεί βλέπουμε τον κώδικα που πρέπει να κάνουμε αντιγραφή – επικόληση (copy-paste) στον κώδικα του template μας.
Μπαίνουμε μέσα στο λογαριασμό του blogspot και από τον πανόπτη πάμε διάταξη και επεξεργασία HTML. Πρώτα παίρνουμε ένα αντίγραφο ασφαλείας του κώδικα μας (Back Up). Βρίσκουμε (CTRL+F) το </head> και ακριβώς πριν απ’ αυτό κάνουμε επικόλληση των κώδικα που πήραμε από το ICONJ. Πατάμε προεπισκόπηση και βλέπουμε τ’ αποτελέσματα. Αν μας ικανοποιούν πατάμε αποθήκευση (save) και τέλος.
Άλλο ένα site για favicons είναι το myfavatar το οποίο δουλεύει με παρόμοιο τρόπο.

 
20 Σχόλια

Posted by στο Ιανουαρίου 21, 2009 in FAVATAR, FAVICONS, HACK, ICONJ, PICASA

 

ΠΩΣ ΕΜΦΑΝΙΖΟΥΜΕ ΚΩΔΙΚΑ ΣΤΙΣ ΑΝΑΡΤΗΣΕΙΣ

Πολλές φορές θέλουμε να κάνουμε μια ανάρτηση η οποία θα περιέχει κάποιον κώδικα και θέλουμε να είναι ορατός στους αναγνώστες. Βάζοντας τον κώδικα ως έχει θα παρατηρήσουμε ότι με τη δημοσίευση του post μας ο κώδικας δεν υπάρχει και εμφανίζεται το προϊόν του κώδικα (αν μπορούμε να το πούμε έτσι για να γίνει κατανοητό), είτε αυτό είναι φωτογραφία, είτε banner είτε link.
Η αλήθεια είναι ότι όλη τη ζημιά την κάνουν τα σύμβολα . Για να εμφανιστεί ο κώδικας έτσι ώστε οι αναγνώστες να μπορούνε να τον κάνουνε αντιγραφή – επικόληση (copy – paste) πρέπει να αντικαταστήσουμε τα παραπάνω σύμβολα. Πως θα γίνει αυτό και με τι θα αντικατασταθούνε; Η διαδικασία είναι πολύ απλή και ο χρόνος που χρειάζεται είναι δυο λεπτά το πολύ.
Πάμε στην επιφάνεια εργασίας, κάνουμε δεξί κλικ, πάμε στη δημιουργία και από εκεί έγγραφο κειμένου (notepad). Κάνουμε αντιγραφή – επικόληση (copy – paste) τον κώδικα που θέλουμε να δημοσιεύσουμε και μετά πάμε πάνω στη μπάρα στην επεξεργασία και επιλέγουμε αντικατάσταση. Θα ανοίξει ένα παράθυρο που θα ονομάζεται Αντικατάσταση και θα έχει δύο πεδία. το πρώτο λέει Εύρεση του και το δεύτερο Αντικατάσταση με. Στο πρώτο πεδίο βάζουμε το σύμβολο < και στο δεύτερο
(με αυτό αντικαθιστάται). Πατάμε αντικατάσταση όλων και βλέπουμε ότι στον κώδικα όπου είχε το σύμβολο < υπάρχει ο συνδυασμός
Δεν τελειώσαμε ακόμα. Κάνουμε την ίδια εργασία και για το σύμβολο > μόνο που το αντικαθιστούμε με
Πατάμε αντικατάσταση όλων και βλέπουμε ότι στον κώδικα όπου υπήρχε το σύμβολο > αντικαταστάθηκε από
Το κάνουμε αποθήκευση (save) και τελειώσαμε. Τώρα έτσι όπως μετατρέψαμε τον κώδικα αν τον αναρτήσουμε με αντιγραφή – επικόληση (copy – paste) θα εμφανιστεί κανονικά στο blog. Μια ματιά στην προεπισκόπηση θα σας πείσει. Καλή επιτυχία και προσέξτε τι αντικαθιστάτε με τι. Τα δύο screenshots παρακάτω θα σας βοηθήσουν να θυμάστε:

 
2 Σχόλια

Posted by στο Ιανουαρίου 18, 2009 in HACK, ΔΗΜΟΣΙΕΥΣΗ, ΚΩΔΙΚΑΣ, POST