css3.gr

Όταν ανακοινώθηκε για πρώτη φορά η πλατφόρμα iTunes LP από την Apple, στα πλαίσια των νέων χαρακτηριστικών του iTunes 9, υπήρχε αρκετός ενθουσιασμός γύρω από το θέμα. Το iTunes LP ουσιαστικά προσφέρει στους μουσικούς που διαθέτουν τα κομμάτια τους μέσα από το iTunes Store, την δυνατότητα δημιουργίας μιας διαδραστικής παρουσίασης του album τους, με κείμενο, animations, ήχους, εικόνες και videos.

Μια τέτοια κίνηση είχε την θερμή υποστήριξη όλων, καθώς τόσο οι δημιουργοί θα έχουν πλέον ένα ακόμη εργαλείο για να μπορούν να πουλήσουν πιο εύκολα τα μουσικά τους κομμάτια, αλλά και οι χρήστες θα παίρνουν ένα extra κομμάτι της δουλειάς του καλλιτέχνη όταν αγοράζουν το album του. Δυστυχώς όμως η Apple δεν έχει ‘ανοίξει’ ακόμη αυτό το πρότυπο, ώστε να μπορούν όλοι να το χρησιμοποιήσουν κάτι που ενδεχομένως να κάνει στο άμεσο μέλλον.

Μέχρι να κυκλοφορήσει λοιπόν κάποιο επίσημο εργαλείο για την δημιουργία iTunes LPs, όσοι άρχισαν να πειραματίζονται με LPs που είναι ήδη διαθέσιμα, παρατήρησαν πως δεν είναι τίποτα περισσότερο από πακέτα που περιέχουν JS, CSS και HTML και λειτουργούν σε συμφωνία με το iTunes.

Σχεδιάζοντας ένα μουσικό album

Η Apple κατάφερε λοιπόν, με την ενσωματωμένη Webkit rendering engine που διαθέτει το iTunes, να κάνει κάτι παραπάνω από το να παρουσιάζει τα περιεχόμενα του iTunes store. Η ίδια μηχανή χρησιμοποιείται και στο iTunes LP, με την javascript να έχει πρόσβαση σε λειτουργίες του iTunes και τους δημιουργούς των LPs να έχουν την δυνατότητα χρήσης των προτύπων HTML 5 (canvas, audio κ.ο.κ.) και CSS 3 που παρέχει.

Να τονίσουμε εδώ πως για τους καλλιτέχνες που έχει επιλέξει η Apple προς στιγμήν, τα iTunes LPs δεν έχουν δημιουργηθεί με τελείως απλό (native) Javascript κώδικα, αλλά με ένα framework της εταιρίας, το TuneKit (iTunes + Webkit, κάνατε την σύνδεση;). Αν και το framework αυτό δεν διατίθεται ελεύθερο, είναι πολύ εύκολο να δημιουργηθούν animations και controllers με απλή Javascript.

Όπως μπορεί σωστά να υποθέσατε, τα animations των iTunes LPs γίνονται με CSS 3 transitions / transforms / animations, τα visualizers με canvas, οι background ήχοι με το HTML 5 audio tag και τα videos και η μουσική ελέγχονται εύκολα μέσα από το ίδιο το iTunes.

Σε περίπτωση που δεν έχετε δει κάποιο iTunes LP ακόμη, σας συνιστώ να επισκεφθείτε την σελίδα iTunesLP.net που εκτός από οδηγούς σχετικά με το πως να δημιουργήσετε το δικό σας iTunes LP, παρέχει κάποια ήδη δημιουργημένα LPs από ανεξάρτητους καλλιτέχνες, για χρήση και πειραματισμό.

Οι οδηγοί που περιέχει το iTunesLP.net είναι αρκετά εύκολοι και ακολουθώντας τους η διαδικασία δημιουργίας ενός LP γίνεται παιχνιδάκι, αν και προϋποτίθεται μια υποτυπώδης γνώση Javascript, CSS και Web Design γενικότερα.

Ο τρόπος σχεδίασης λοιπόν ενός διαδραστικού booklet για το album σας ή για το album ενός καλλιτέχνη με την μορφή iTunes LP, μπορεί να μην διαφέρει και πολύ από την διαδικασία που θα ακολουθούσατε για την δημιουργία του αντίστοιχου website.

Θυμηθείτε το λοιπόν την επόμενη φορά που ο πελάτης σας μπορεί να είναι ένας μικρός ή μεγάλος μουσικός. Ένας ακόμη βαθμός engagement με το κοινό σε αυτή την μορφή, βοηθάει αρκετά, ειδικά όταν η τεχνολογία που απαιτείται βασίζεται σε ήδη γνωστές τεχνικές.