Περίληψη: Είναι το HTML5 αντικατάσταση του Flash?

Δεν υπάρχουν επιτακτικοί λόγοι για τους προγραμματιστές να μετατρέψουν τους υπάρχοντες ιστότοπους τους από το Flash σε HTML5, ειδικά όταν πρόκειται για βίντεο. Το Flash παρέχει GUI και οπτικά χαρακτηριστικά για κινούμενα σχέδια, ενώ το HTML5 σας επιτρέπει να σχεδιάζετε γραφικά χρησιμοποιώντας JavaScript. Το στοιχείο καμβά HTML5 γίνεται όλο και πιο δημοφιλές, επιτρέποντας κινούμενα σχέδια και μετασχηματισμούς.

1. Ποια είναι τα κύρια χαρακτηριστικά του Flash?

Το Flash παρέχει εκπληκτικά GUI και οπτικά χαρακτηριστικά για κινούμενα σχέδια. Επιτρέπει στον χρήστη να κατασκευάσει τα πάντα μέσα σε μια συγκεκριμένη πλατφόρμα χωρίς πλήρη ενσωμάτωση στο πρόγραμμα περιήγησης.

2. Τι προσφέρει το στοιχείο HTML5?

Το στοιχείο HTML5 σας επιτρέπει να σχεδιάζετε γραφικά χρησιμοποιώντας JavaScript. Μπορεί να χρησιμοποιηθεί για γραφήματα, συνθέσεις φωτογραφιών και κινούμενα σχέδια.

3. Είναι φλας ξεπερασμένο?

Ναι, ο καμβάς θεωρείται τώρα η κύρια πλατφόρμα για κινούμενα σχέδια και το Flash θεωρείται ξεπερασμένο.

4. Ποιες μορφές βίντεο υποστηρίζονται στο HTML5?

Το HTML5 δεν καθορίζει μια τυπική μορφή βίντεο, οπότε κάθε προγραμματιστής του προγράμματος περιήγησης είναι ελεύθερος να επιλέξει ποια μορφή βίντεο για υποστήριξη. Οι κύριες επιλογές είναι h.264 και Ogg theora μορφές.

5. Η ροή υποστηρίζεται στο HTML5?

Το HTML5 δεν καθορίζει τη ροή, οπότε εναπόκειται στους προγραμματιστές του προγράμματος περιήγησης και των διακομιστών να υποστηρίζουν μηχανισμούς ροής.

6. Ποια είναι η τρέχουσα υποστήριξη του προγράμματος περιήγησης για ήχο και βίντεο στο HTML5?

Κανένα πρόγραμμα περιήγησης, εκτός από την όπερα, υποστηρίζει επί του παρόντος όλες τις λειτουργίες βίντεο και ήχου που καθορίζονται στο HTML5.

7. Είναι δυνατή η κινούμενη εικόνα στο HTML5?

Ναι, το HTML5 βασίζεται κυρίως στο JavaScript για να παρέχει πλούσια κινούμενα σχέδια και διαδραστικότητα. Μπορεί να χρησιμοποιηθεί σε συνδυασμό με την ετικέτα καμβά, τις δυνατότητες κινούμενων σχεδίων και μετασχηματισμού CSS3, SVG και γραμματοσειρές ιστού.

8. Ποιο πρόγραμμα περιήγησης έχει την πιο ολοκληρωμένη υποστήριξη για το HTML5?

Κανένα από τα προγράμματα περιήγησης, εκτός από την Όπερα, υποστηρίζει επί του παρόντος όλες τις απαραίτητες λειτουργίες ήχου, βίντεο και κινούμενων εικόνων που ορίζονται στο HTML5.

9. Μπορούν οι προγραμματιστές να εξαρτώνται αποκλειστικά από την υποστήριξη βίντεο και ήχου HTML5?

Όχι, οι προγραμματιστές θα πρέπει να εφαρμόσουν προηγμένα σενάρια για να ανιχνεύσουν τις δυνατότητες του προγράμματος περιήγησης και να χρησιμοποιήσουν την καλύτερη επιλογή παρουσίασης.

10. Το HTML5 παρέχει ως προηγμένη λειτουργία ανάπτυξης ως Flash?

Όχι, ενώ το HTML5 παρέχει δυνατότητες κινούμενων εικόνων, δεν παρέχει το ίδιο επίπεδο προηγμένης λειτουργικότητας ανάπτυξης με το Flash.

Είναι το HTML5 αντικατάσταση του φλας

Εκτός από την ανάγκη εξυπηρέτησης χρηστών iPhone και iPad, δεν υπάρχουν επιτακτικοί λόγοι για τους προγραμματιστές να μετατρέψουν τους υπάρχοντες ιστότοπους τους από το βίντεο Flash σε HTML5 ή ακόμα λιγότερο για να επαναπροσδιορίσουν το υλικό βίντεο. Εάν υπάρχει, η τρέχουσα κατάσταση απαιτεί πρόσθετη εργασία και πολυπλοκότητα στην ανάπτυξη του ιστότοπου εάν είναι επιθυμητό το βίντεο HTML5.

Αντικαθιστά το HTML5 μόνο οι πτυχές βίντεο του Flash/Silverlight?

Το Flash παρέχει εκπληκτικό GUI και πολλά οπτικά χαρακτηριστικά για κινούμενα σχέδια. Επιτρέπει στον χρήστη να δημιουργεί τα πάντα μέσα σε μια συγκεκριμένη πλατφόρμα χωρίς πλήρη ενσωμάτωση στο πρόγραμμα περιήγησης τυλιγμένο μέσα στο πρόγραμμα περιήγησης με τα κύρια πεδία που είναι πολυμέσες και άλλα είδη κινούμενων σχεδίων.

Το στοιχείο HTML5 σας δίνει έναν εύκολο και ισχυρό τρόπο για να σχεδιάσετε γραφικά χρησιμοποιώντας το JavaScript. Μπορεί να χρησιμοποιηθεί για να σχεδιάσει γραφήματα, να κάνει συνθέσεις φωτογραφιών ή να κάνει απλά (και όχι τόσο απλά) κινούμενα σχέδια.

Εδώ είναι ένα απλό στοιχείο που έχει μόνο δύο συγκεκριμένα χαρακτηριστικά πλάτος και ύψος συν όλα τα βασικά χαρακτηριστικά HTML5 όπως το αναγνωριστικό, το όνομα και την τάξη κ.λπ.

Ο καμβάς θεωρείται κυρίως τώρα και το φλας είναι ξεπερασμένο. Με καμβά, μπορείτε να ζωντανέψετε σχήματα, κλίμακα, μετασχηματισμό κ.λπ.

Προγραμματιστής / αναλυτής / τεχνικός

Είναι το HTML5 αντικατάσταση του φλας?

Τα πρόσφατα επιχειρήματα μεταξύ της Apple και της Adobe σχετικά με την υποστήριξη flash στο iPhone και το iPad τροφοδότησαν τη συζήτηση για το βίντεο χρησιμοποιώντας το HTML5 VS. Λάμψη.

Σε αυτήν την ανάρτηση σχολιάζω την τρέχουσα κατάσταση των προτύπων και της υποστήριξης του προγράμματος περιήγησης και αν το HTML5 θα αντικαταστήσει το Flash.

Βίντεο και ήχος στο HTML5

Το HTML5 επιτρέπει στο ενσωματωμένο βίντεο να παίζει εγγενώς στο πρόγραμμα περιήγησης. Προκειμένου ένα πρόγραμμα περιήγησης να αναπαράγει βίντεο, πρέπει να συμπεριλάβει έναν κωδικοποιητή βίντεο. Κάθε μορφή βίντεο έχει διαφορετικό κωδικοποιητή. Δεδομένου ότι το W3C (το διοικητικό σώμα του προτύπου HTML) αποφάσισε να μην καθορίσει μια τυπική μορφή βίντεο, κάθε προγραμματιστής του προγράμματος περιήγησης είναι ελεύθερος να επιλέξει ποια μορφή βίντεο για υποστήριξη.

Μέχρι στιγμής οι δύο κύριες επιλογές είναι h.264 και Ogg theora μορφές. Ορισμένα προγράμματα περιήγησης υποστηρίζουν το ένα ή το άλλο και μόνο το Chrome αποφάσισε να υποστηρίξει και τα δύο. Το μεγαλύτερο online βίντεο κωδικοποιείται επί του παρόντος χρησιμοποιώντας το h.264 Codec και πολλές συσκευές υποστηρίζουν την αποκωδικοποίηση υλικού που βελτιώνει σημαντικά την απόδοση και τη διάρκεια ζωής της μπαταρίας.

Μια άλλη σημαντική πτυχή που έμεινε έξω από το πρότυπο ήταν η ροή. Χωρίς ορισμό για τη ροή, αφήνουμε σε οποιοδήποτε πρόγραμμα περιήγησης μηχανισμού και προγραμματιστές διακομιστή θέλουν να υποστηρίξουν.

Η κατάσταση με τον ήχο είναι παρόμοια όσον αφορά το πεδίο εφαρμογής των προδιαγραφών, τις διαθέσιμες διαφορετικές μορφές και την υποστήριξη από μεγάλα προγράμματα περιήγησης.

Επιπλέον, κανένα από τα προγράμματα περιήγησης (εκτός από την όπερα) δεν υποστηρίζει επί του παρόντος όλες τις λειτουργίες βίντεο και ήχου (ελέγχους) που καθορίζονται στο HTML5.

Είναι καλή ιδέα για τους προγραμματιστές να αρχίσουν να χρησιμοποιούν τη νέα υποστήριξη ήχου και βίντεο σε προγράμματα περιήγησης HTML5, ειδικά για χρήστες iPhone και iPad. Ωστόσο, δεν μπορείτε ακόμα να εξαρτάτε μόνο από τη νέα υποστήριξη βίντεο και ήχου HTML5. Θα χρειαστεί να εφαρμόσετε προηγμένα σενάρια για να ανιχνεύσετε τις δυνατότητες του προγράμματος περιήγησης και στη συνέχεια να χρησιμοποιήσετε την καλύτερη επιλογή παρουσίασης.

Κινούμενα σχέδια στο HTML5

Μια πτυχή της σύγκρισης μεταξύ Flash και HTML5 που φαίνεται να έχει μείνει έξω είναι η δυνατότητα κινούμενων εικόνων. Το HTML5 βασίζεται κυρίως στο JavaScript για την παροχή πλούσιων κινούμενων εικόνων και διαδραστικότητας. Ωστόσο, αυτό προορίζεται να χρησιμοποιηθεί μαζί με τη νέα ετικέτα HTML Canvas για σχεδίαση αντικειμένων 2D και 3D, δυνατότητες κινούμενων σχεδίων και μετασχηματισμού CSS3, καθώς και υποστήριξη του προγράμματος περιήγησης για SVG (Scalable Vector Graphics) και γραμματοσειρές ιστού).

Παρόμοια με την κατάσταση με ήχο και βίντεο, τα περισσότερα προγράμματα περιήγησης υποστηρίζουν καμβά, SVG ή CSS animations εν μέρει ή καθόλου.

Το Flash είναι πολύ καλύτερα τοποθετημένο για να παραδώσει κινούμενα σχέδια επειδή ο προγραμματιστής δεν χρειάζεται να ανησυχεί για σύνθετες μαθηματικές λειτουργίες για να δημιουργήσει περίπλοκη κίνηση. Ενώ υπάρχουν πολλά πλαίσια JavaScript, κανένας από αυτούς δεν παρέχει τέτοια προηγμένη λειτουργία ανάπτυξης όπως το Flash.

Υποστήριξη προγράμματος περιήγησης

Ο παρακάτω πίνακας δείχνει το τρέχον επίπεδο υποστήριξης διαφορετικών λειτουργιών ήχου, βίντεο και κινούμενων εικόνων σε HTML5 και CSS3 που απαιτούνται για να ανταγωνιστούν με το Flash.

βίντεο H.264	βίντεο Ogg	Ήχος MP3	Ήχος Κυματοειδές	Ήχος Ogg	Καμβάς Ετικέτα	SVG	CSS Κινούμαι.
Δηλαδή 9	♦ P	♦ P	♦ P
Firefox 3.6	♦ P	♦ P	♦ P	♦ P	♦ P	μι
Firefox 3.5	♦ P	♦ P	♦ P	♦ P	♦ P
Χρωμίου 5	♦ P	♦ P	♦ P	♦ P	♦ P	♦ P	μι
Χρωμίου 4	♦ P	♦ P	♦ P	♦ P	♦ P	♦ P
Σαφάρι 4	♦ P	♦ P	♦ P	♦ P	♦ P	μι
Όπερα 10.5	♦	♦	♦ P	♦ P
Όπερα 10.0	♦	♦	♦ P	♦ P

Πηγή: Wikipedia – HTML5, CSS3, SVG
Σημειώσεις: P – Μερική υποστήριξη, e – Πειραματική

Το παρακάτω διάγραμμα δείχνει το τρέχον μερίδιο αγοράς των διαφορετικών προγραμμάτων περιήγησης. Δυστυχώς, η αγορά κυριαρχείται σε μεγάλο βαθμό από προγράμματα περιήγησης που δεν έχουν επαρκή υποστήριξη του HTML5 ή του CSS3.

συμπέρασμα

Είναι το HTML5 αντικατάσταση του φλας? Δεν το νομίζω. Τα πρότυπα και η υποστήριξη του προγράμματος περιήγησης δεν είναι ακόμη σε ένα σημείο όπου θα μπορούσε να αντικαταστήσει το φλας για το βίντεο και το ήχο, και ακόμη λιγότερο για προχωρημένα κινούμενα σχέδια. Πιστεύω ότι τα πρότυπα και η υποστήριξη θα προχωρήσουν και τελικά θα φτάσουν σε ένα σημείο όπου θα γίνουν μια ισχυρή εναλλακτική λύση για το παιχνίδι ήχου και βίντεο.

Εκτός από την ανάγκη εξυπηρέτησης χρηστών iPhone και iPad, δεν υπάρχουν επιτακτικοί λόγοι για τους προγραμματιστές να μετατρέψουν τους υπάρχοντες ιστότοπους τους από το βίντεο Flash σε HTML5 ή ακόμα λιγότερο για να επαναπροσδιορίσουν το υλικό βίντεο. Εάν υπάρχει, η τρέχουσα κατάσταση απαιτεί πρόσθετη εργασία και πολυπλοκότητα στην ανάπτυξη του ιστότοπου εάν είναι επιθυμητό το βίντεο HTML5.

Εάν αναπτύξετε έναν νέο ιστότοπο ή θέλετε να υποστηρίξετε το βίντεο HTML5, ίσως θελήσετε να δοκιμάσετε το Longtail Video JW Player για το HTML5, μια συλλογή σεναρίων και ρυθμίσεων που σας επιτρέπουν να αναπτύξετε βίντεο χρησιμοποιώντας την εγγενή υποστήριξη ή φλας HTML5 όταν είναι απαραίτητο. Σημειώστε ότι εξακολουθεί να είναι σε έκδοση beta.

Ruben Reyes

Ο Ruben είναι ο επικεφαλής τεχνολόγος στο Lyquix. Συμβουλεύει άμεσα με τους πελάτες και διαχειρίζεται την ομάδα ανάπτυξης του Lyquix.