Το μέλλον του βίντεο HTML5

Συγγραφέας: Peter Berry
Ημερομηνία Δημιουργίας: 11 Ιούλιος 2021
Ημερομηνία Ενημέρωσης: 13 Ενδέχεται 2024
Anonim
16: How to Create HTML5 Videos and Embed Videos | Learn HTML and CSS | HTML Tutorial | Basics of CSS
Βίντεο: 16: How to Create HTML5 Videos and Embed Videos | Learn HTML and CSS | HTML Tutorial | Basics of CSS

Περιεχόμενο

Αυτό το άρθρο δημοσιεύτηκε για πρώτη φορά στο τεύχος 224 του περιοδικού .net - το περιοδικό με τις μεγαλύτερες πωλήσεις στον κόσμο για σχεδιαστές και προγραμματιστές ιστοσελίδων.

Το HTML5 φέρνει εγγενή πολυμέσα στα προγράμματα περιήγησης. Σε παλιές μέρες, το βίντεο και ο ήχος παραδόθηκαν σε προσθήκες τρίτων (που ενδέχεται να μην είναι διαθέσιμες για κάθε συσκευή ή λειτουργικό σύστημα). Η επικοινωνία μεταξύ ενός προγράμματος περιήγησης και ενός plug-in είναι περιορισμένη και ως εκ τούτου τα πολυμέσα ήταν πολύ μαύρο κουτί.

Στη συνέχεια ήρθε HTML5. Όλα τα μεγάλα προγράμματα περιήγησης υποστηρίζουν εγγενή βίντεο και ήχο (συμπεριλαμβανομένου του Internet Explorer), έστω και με την ανάγκη διπλής κωδικοποίησης των πολυμέσων σας, επειδή οι IE και Safari υποστηρίζουν μόνο κωδικοποιητές που φέρουν δικαιώματα εκμετάλλευσης.

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

Εάν διαβάσετε το άρθρο που έγραψα με τον Vadim Makeev, θα γνωρίζετε επίσης ότι τόσο ο ήχος όσο και το βίντεο έχουν απλά API που μπορείτε να χρησιμοποιήσετε για τον έλεγχο της αναπαραγωγής από το JavaScript. Με κάποιο απλό JavaScript και CSS τόσο περίπλοκο ή τόσο απλό όσο απαιτεί η εμφάνισή σας, μπορείτε να δημιουργήσετε το δικό σας πρόγραμμα αναπαραγωγής πολυμέσων.


Πού βρισκόμαστε τώρα

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

Πολλοί έχουν παρατηρήσει ότι τα περισσότερα προγράμματα περιήγησης έχουν αρκετά καθυστερημένη αναπαραγωγή ήχου. Οι προγραμματιστές παιχνιδιών συχνά λένε ότι η εναπομένουσα χρήση του Flash για αυτούς είναι για ήχο, καθώς ορισμένα προγράμματα περιήγησης χρειάζονται έως και δύο δευτερόλεπτα για να ενεργοποιήσουν ένα αρχείο ήχου HTML5. Ο Patrick Lauke τεκμηριώνει την παραβίαση ενός ήχου βρόχου που δεν έχει μικρή καθυστέρηση πριν από την επανάληψη.

Ο Remy Sharp έχει τεκμηριώσει πώς ξεπέρασε τις ελλείψεις του iOS με μια τεχνική που ονόμασε Audio Sprites. Σε άλλο σημείο της γης του iOS, τα must-read είναι ζητήματα βίντεο HTML5 στο iPad και πώς να τα λύσετε και ζητήματα βίντεο που δεν έχουν επιλυθεί στο iOS.


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

Τώρα ξέρουμε πού βρισκόμαστε, ας δούμε τι θα ακολουθήσει.

Υπότιτλοι και υπότιτλοι πολυμέσων

Καθώς όλο και περισσότερο περιεχόμενο στον Ιστό είναι σε βίντεο ή ήχο, δώστε μια σκέψη για όσους δεν μπορούν να ακούσουν το soundtrack ή για τους οποίους τα Αγγλικά δεν είναι μητρική γλώσσα, γι 'αυτό θα ήθελαν να διαβάσουν καθώς και να ακούσουν ή για εκείνους που θα ήθελαν να διαβάσουν υπότιτλους στη δική τους γλώσσα.

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

Ας ρίξουμε μια ματιά σε μερικά από τα χαρακτηριστικά του:

track src = subtitles.vtt kind = υπότιτλοι srclang = en label = "Αγγλικά">

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


ο srclang Το χαρακτηριστικό λέει στο πρόγραμμα περιήγησης σε ποια γλώσσα είναι τα αρχεία κειμένου και σας επιτρέπει να συσχετίσετε περισσότερα από ένα σετ με βίντεο ή ήχο - ώστε να μπορείτε να προσφέρετε υπότιτλους σε πολλές γλώσσες. Η ετικέτα είναι προαιρετική και είναι ένας αναγνώσιμος από τον χρήστη τίτλος για το κομμάτι.

στοιχεία ελέγχου βίντεο> πηγή src = τύπος movie.mp4 = βίντεο / mp4> πηγή src = τύπος ταινίας = subtitles-de.vtt label = "German">! - επιστροφή περιεχομένου, π.χ. ταινία Flash ή κωδικός / βίντεο ενσωμάτωσης YouTube>

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

Για γρήγορο πρωτότυπο, μου αρέσει να χρησιμοποιώ το Playr, ένα ελαφρύ σενάριο από την Julien Villetorte. Είναι διαθέσιμο στο Github. Απλώς τραβήξτε τις εικόνες που αποτελούν το Playr UI, προσθέστε playr.js και playr.css στην κεφαλή της σελίδας σας, προσθέστε το όνομα της τάξης playr_video στην ετικέτα βίντεο και η σελίδα σας θα αποδίδεται με ένα σέξι δέρμα Playr και τη δυνατότητα επιλογής μεταξύ των υπότιτλων.

Λάβετε υπόψη ότι το περιβάλλον χρήστη δημιουργείται από το Polyfill και δεν είναι ενσωματωμένο σε κανένα πρόγραμμα περιήγησης - αλλά θα είναι σύντομα. Γίνεται επεξεργασία από την Opera, τη Microsoft και την Google και είναι πιθανό τα προγράμματα περιήγησης να προσφέρουν παρόμοια διεπαφή χρήστη και λειτουργικότητα.

ο κομμάτι> Το στοιχείο δεν προϋποθέτει κάποια συγκεκριμένη μορφή για το χρονικό κείμενο. Σε αυτήν την περίπτωση, είναι ένα αρχείο webVTT, αλλά κομμάτι>, σαν img>, βίντεο> και ήχος> είναι μορφή αγνωστικής. Όλα τα προγράμματα περιήγησης θα υποστηρίξουν τη νέα μορφή WebVTT και η Microsoft ανακοίνωσε ότι θα υποστηρίξει επίσης μια παλαιότερη μορφή που ονομάζεται TTML.

WebVTT

Το WebVTT είναι μια ολοκαίνουργια χρονική μορφή κειμένου. Ο ιστός είναι γεμάτος με άλλες μορφές - τουλάχιστον 50 - οπότε γιατί να εφεύρουμε μια νέα; Επειδή χρειαζόμαστε μια απλή μορφή.

Το WebVTT είναι πολύ εύκολο στη συγγραφή. Αυτό είναι ένα ζωτικής σημασίας σημείο: αν είναι πολύ δύσκολο, οι συγγραφείς δεν θα ενοχλούν - και καμία υποστήριξη του προγράμματος περιήγησης για νέα στοιχεία και API δεν θα κάνει το περιεχόμενο πολυμέσων προσβάσιμο εάν δεν υπάρχουν βίντεο υπότιτλων εκεί έξω. Στην απλούστερη μορφή του, το WebVTT μοιάζει με αυτό:

WEBVTT
00:01.000 --> 00:02.000
γεια
00:03.000 --> 00:05.000
Κόσμος

Είναι απλά ένα αρχείο κειμένου με κωδικοποίηση UTF-8, με το WEBVTT στην κορυφή. Οι χρονισμοί επισημαίνονται ως αντισταθμίσεις από την αρχή του μέσου. Έτσι, το "Γεια" θα εμφανίζεται από το ένα δευτερόλεπτο στο βίντεο μέχρι δύο δευτερόλεπτα από την έναρξη του βίντεο (επομένως, εμφανίζεται για διάρκεια ενός δευτερολέπτου). Οι υπότιτλοι θα εξαφανιστούν μέχρι τρία δευτερόλεπτα από την αρχή, οπότε θα εμφανίζεται το "World".

Δεν έρχεται πολύ πιο απλό. Φυσικά, μπορείτε να κάνετε περισσότερα αν θέλετε. Για παράδειγμα, μπορείτε να αλλάξετε τη θέση του υπότιτλου (για παράδειγμα, δεν λαμβάνετε λευκό κείμενο σε λευκό μέρος του πλαισίου).

00: 03.000 -> 00: 05.000 L: -85%

Αυτό μετακινεί τον υπότιτλο 85 τοις εκατό του ύψους πολυμέσων «πάνω» από την προεπιλεγμένη θέση του στο κάτω μέρος του βίντεο.

Για παράδειγμα, μπορείτε να αλλάξετε το μέγεθος του κειμένου S: 150% αυξάνει το μέγεθος στο 150 τοις εκατό της προεπιλογής. Είναι πιθανό να εμφανίζονται οι υπότιτλοι σταδιακά (για παράδειγμα, με στίχους καραόκε στους οποίους η γραμμή εμφανίζεται μία λέξη τη φορά, αλλά η προηγούμενη λέξη δεν εξαφανίζεται όταν εμφανίζεται μια νέα). Μπορείτε να σχεδιάσετε τις λέξεις των διαφορετικών ομιλητών με διαφορετικά χρώματα και υπάρχει βασική υποστήριξη για το στυλ διαφορετικών λέξεων με διαφορετικά χρώματα. Για περισσότερες πληροφορίες επισκεφθείτε τη διεύθυνση delphiki.com/webvtt/#cue-settings.

Το πιο σημαντικό από αυτές τις στυλιστικές επιλογές είναι οι διαθέσιμες επιλογές διεθνοποίησης. Η προδιαγραφή webVTT βασίζεται σε υποστήριξη από τα δεξιά προς τα αριστερά για γλώσσες όπως τα Αραβικά και τα Εβραϊκά, κάθετη υποστήριξη για γλώσσες όπως τα Κινέζικα και η δυνατότητα προσθήκης σχολίων Ruby ως υποδείξεις προφοράς για Κινέζικα, Ιαπωνικά και Κορεάτικα.

Αν θέλετε να πειραματιστείτε με το webVTT, πιάστε το Playr και ξεκινήστε να γράφετε. Η Anne van Kesteren της Opera έγραψε έναν ζωντανό επικυρωτή webVTT για να δοκιμάσει την εργασία σας.

Βίντεο πλήρους οθόνης

Σε όλους αρέσει το βίντεο πλήρους οθόνης. Όλοι εκτός από τους προσδιοριστές HTML5, δηλαδή, που δεν το επέτρεψαν για μεγάλο χρονικό διάστημα. Το WebKit ονειρεύτηκε τη δική του μέθοδο JavaScript που ονομάζεται WebkitEnterFullscreen ()και εφάρμοσε το API με τρόπο που θα μπορούσε να ενεργοποιηθεί μόνο εάν ο χρήστης ξεκίνησε την ενέργεια - όπως αναδυόμενα παράθυρα, τα οποία δεν μπορούν να δημιουργηθούν, εκτός εάν ο χρήστης εκτελέσει μια ενέργεια όπως ένα κλικ.

Τον Μάιο του 2011, το WebKit ανακοίνωσε ότι θα εφαρμόσει τη γεύση του Mozilla του API πλήρους οθόνης. Αυτό το API επιτρέπει σε οποιοδήποτε στοιχείο να μεταβεί σε πλήρη οθόνη (όχι μόνο βίντεο>) - ίσως θέλετε
ΠΛΗΡΗΣ ΟΘΟΝΗ καμβάς> παιχνίδια ή γραφικά βίντεο ενσωματωμένα σε μια σελίδα μέσω ενός iframe>. Τα σενάρια μπορούν επίσης να επιλέξουν να έχουν ενεργοποιημένη την είσοδο αλφαριθμητικού πληκτρολογίου κατά την προβολή πλήρους οθόνης, πράγμα που σημαίνει ότι θα μπορούσατε να δημιουργήσετε το παιχνίδι πλατφόρμας super spiffing χρησιμοποιώντας το καμβάς> API και θα μπορούσε να τρέξει σε πλήρη οθόνη με πλήρη υποστήριξη πληκτρολογίου.

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

Συγχρονισμός στοιχείων μέσων

Η δυνατότητα συγχρονισμού στοιχείων μέσων εξακολουθεί να προσδιορίζεται, επομένως απέχει πολύ από την εφαρμογή από τους συγχρονισμένους υπότιτλους. Θα επιτρέψει τη σύνδεση πολλών σχετικών στοιχείων μέσων (βίντεο, ήχου ή μείγματος και των δύο).

Υπάρχουν δύο κύριες περιπτώσεις χρήσης για αυτό. Φανταστείτε έναν ιστότοπο που εμφανίζει βίντεο αθλητικών γεγονότων: μπορεί να υπάρχουν πολλά στοιχεία βίντεο, το καθένα από διαφορετική γωνία κάμερας - για παράδειγμα, ένα σε κάθε γκολ, ένα στον αέρα και ένα που παρακολουθεί τη μπάλα. Ένας ιστότοπος που δείχνει μια συναυλία μπορεί να έχει μία κάμερα στην μπάσο, μία στην κιθάρα, μία στην περουβιανή μύτη. Η μετακίνηση της γραμμής αναζήτησης, ή η αλλαγή του ρυθμού αναπαραγωγής σε αργή κίνηση, σε ένα βίντεο θα επηρεάσει καθένα από τα άλλα βίντεο.

Μια άλλη σημαντική περίπτωση χρήσης είναι η προσβασιμότητα. ο κομμάτι> Το στοιχείο μας επιτρέπει να συγχρονίσουμε κείμενο σε ένα βίντεο. Η δυνατότητα συγχρονισμού στοιχείων πολυμέσων μάς επιτρέπει να συγχρονίσουμε ένα άλλο βίντεο (για παράδειγμα, μια ταινία κάποιου που υπογράφει τις λέξεις που λέγονται στο κύριο βίντεο) ή συγχρονίζοντας ένα ηχητικό κομμάτι που περιγράφει τη δράση σε ένα βίντεο κατά τη διάρκεια διαλειμμάτων διαλόγου.

Έχει οριστεί ένα ολόκληρο API ελεγκτή, αλλά ο ευκολότερος τρόπος συγχρονισμού στοιχείων μέσων θα είναι δηλωτικά, χρησιμοποιώντας το χαρακτηριστικό mediagroup βίντεο> ή ήχος>. Όλοι όσοι έχουν την ίδια τιμή για τη μεσαία ομάδα θα συγχρονιστούν:

video mediagroup = "jedward" src = "bass-guitar.webm"> ../ βίντεο> βίντεο mediagroup = "jedward" src = "lead-guitar.webm"> ../ βίντεο> βίντεο mediagroup = "jedward" src = "idiot-1.webm"> ../ βίντεο> βίντεο mediagroup = "jedward" src = "idiot-2.webm"> ../ βίντεο>

Αυτό το κομμάτι σήμανσης συγχρονίζει τέσσερις κάμερες σε διαφορετικούς μουσικούς σε μια συναυλία Jedward. Η ακόλουθη συγχρονίζει την ηχητική περιγραφή με τη δημοφιλή ταινία Mankini Magic:

video mediagroup = "περιγράφεται-ταινία" src = "mankini-magic.webm"> ../ βίντεο> ήχος mediagroup = "περιγράφεται-ταινία" src = "faamatala.ogg"> ../ audio>

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

Πρόσβαση σε κάμερα και μικρόφωνο

Υπάρχουν μερικές υπόλοιπες χρήσεις για προσθήκες που η HTML5 μέχρι στιγμής δεν ήταν σε θέση να σφετεριστεί. Το περιεχόμενο προστασίας αντιγραφής με DRM είναι ένα (ανατρέξτε στις ερωτήσεις και απαντήσεις παραπάνω και ανατρέξτε για περισσότερες πληροφορίες σχετικά με αυτό). Ένα άλλο είναι η προσαρμοστική ροή - αλλαγή του ρυθμού bit κ.λπ. σύμφωνα με τις συνθήκες του δικτύου, αν και αυτό γίνεται.

Παραδοσιακά, το έδαφος της προσθήκης Flash, το HTML5 προσθέτει τώρα τη δυνατότητα σύνδεσης με την κάμερα και το μικρόφωνο μιας συσκευής. Παλαιότερα γνωστό ως HTML5 συσκευή>, αυτή η λειτουργικότητα είναι πλέον τυλιγμένη σε ένα API που ονομάζεται getUserMedia. Για να πούμε στη συσκευή τι τύπο μέσων επιθυμούμε να λάβουμε, μεταδίδουμε ήχο ή βίντεο ως επιχειρήματα. Επειδή πολλές συσκευές διαθέτουν κάμερα προς τα εμπρός, η οποία καταγράφει την εικόνα του χρήστη και πίσω κάμερα, μπορούμε να περάσουμε στον χρήστη ή στο περιβάλλον του διακριτικού.

Πρώτον, διαθέτουμε την ανίχνευση

εάν (navigator.getUserMedia) {navigator.getUserMedia («ήχος, χρήστης βίντεο», successCallback, ¬ errorCallback);

Όταν έχουμε τις ροές, μπορούμε να τις χρησιμοποιήσουμε όπως χρειαζόμαστε. Εδώ, θα αναπαραγάγουμε απλώς τη ροή στη σελίδα συνδέοντας τη ροή με την πηγή ενός στοιχείου βίντεο:

var video = document.getElementsByTagName (‘video’) [0]… function successCallback (stream) {video.src = stream; }

Μόλις το αποκτήσουμε, είναι απλό να αντιγράψετε το βίντεο σε ένα στοιχείο καμβά χρησιμοποιώντας το DrawImage για να τραβήξετε το τρέχον πλαίσιο του βίντεο και να το ξαναγράψετε κάθε 67 χιλιοστά του δευτερολέπτου (περίπου 15 καρέ ανά δευτερόλεπτο). Μόλις βρεθεί στον καμβά, μπορείτε να αποκτήσετε πρόσβαση στα pixel μέσω getImageData.

Σε ένα παράδειγμα από τον Richard Tibbett της Opera, ο καμβάς προσπελάζεται στη συνέχεια με JavaScript για να πραγματοποιήσει αναγνώριση προσώπου - σε πραγματικό χρόνο! - και, μόλις βρεθεί ένα πρόσωπο, για να σχεδιάσετε ένα μαγικό μουστάκι HTML5 στο σωστό μέρος.

getUserMedia υποστηρίζεται στις λειτουργίες Opera 12, Opera Mobile 12 και Canary
του Chrome. Πολλά περισσότερα παραδείγματα του getUserMedia μπορούν να βρεθούν εδώ.

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

Φυσικά, είναι απλώς πιθανό οι σχεδιαστές του getUserMedia Το API είχε και άλλες χρήσεις στο μυαλό, εκτός από το σχέδιο μουστάκια. Θα μπορούσε να χρησιμοποιηθεί για αναγνώστες QR / barcode που βασίζονται σε πρόγραμμα περιήγησης. Ή, πιο συναρπαστικά, επαυξημένη πραγματικότητα. Η Ομάδα Εργασίας HTML5 καθορίζει αυτήν τη στιγμή ένα peer-to-peer API που θα σας επιτρέψει να συνδέσετε την κάμερα και το μικρόφωνό σας με το βίντεο> και ήχος> στοιχεία του προγράμματος περιήγησης κάποιου άλλου, καθιστώντας δυνατή τη διεξαγωγή βιντεοδιάσκεψης.

WebRTC

Τον Μάιο του 2011, η Google ανακοίνωσε το WebRTC, μια ανοιχτή τεχνολογία για φωνή και βίντεο στον ιστό, με βάση τις προδιαγραφές HTML5. Το RTC σημαίνει "επικοινωνία σε πραγματικό χρόνο" και είναι βιντεοδιάσκεψη στο πρόγραμμα περιήγησης. Συνδέει την κάμερα και το μικρόφωνό σας με ένα στοιχείο βίντεο> σε μια ιστοσελίδα στο πρόγραμμα περιήγησης του φίλου σας (και το αντίστροφο) μέσω του HTML5 PeerConnection API.

Το WebRTC χρησιμοποιεί VP8 (ο κωδικοποιητής βίντεο στο WebM) και δύο κωδικοποιητές ήχου βελτιστοποιημένοι για ομιλία με ακύρωση θορύβου και ηχούς, που ονομάζεται iLBC, κωδικοποιητής φωνής στενής ζώνης και iSAC, κωδικοποιητής ευρείας ζώνης προσαρμοσμένου εύρους ζώνης. Όπως λέει ο ιστότοπος του έργου, "Περιμένουμε να δούμε την υποστήριξη WebRTC σε Firefox, Opera και Chrome σύντομα!"

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

Για περισσότερα σχετικά με το μέλλον του βίντεο, δείτε τις ερωτήσεις και απαντήσεις με τους John Foliot και Silvia Pfeiffer

Σας Συνιστούμε
Ανασκόπηση Maya 2020
Περαιτέρω

Ανασκόπηση Maya 2020

Υπάρχουν πολλά να ενθουσιαστούν με αυτήν την κυκλοφορία, η οποία βλέπει μια σειρά από νέα χαρακτηριστικά και βελτιωμένη απόδοση, καθώς και πολυαναμενόμενα εργαλεία Reme h και Retopology. Νέα εργαλεία ...
Τα μυστικά μιας δημιουργικής προσέγγισης στη φιλανθρωπία
Περαιτέρω

Τα μυστικά μιας δημιουργικής προσέγγισης στη φιλανθρωπία

φιλανθρωπία: το νερό είναι ένας οργανισμός με έδρα τη Νέα Υόρκη που ιδρύθηκε το 2006 από τον cott Harri on μετά από μια περίοδο που πέρασε στη Δυτική Αφρική άνοιξε τα μάτια του στη δυστυχία που προκαλ...
Masterclass ανατομίας: Τελειοποιήστε τις φιγούρες σας
Περαιτέρω

Masterclass ανατομίας: Τελειοποιήστε τις φιγούρες σας

Σε αυτό το ma tercla , θα αποκαλύψω τα βασικά βήματα που πρέπει να ακολουθήσετε για να μάθετε πώς να σχεδιάζετε σχήματα. Θα ξεκινήσω με την πρώτη σύλληψη - ή το μυαλό μιας ιδέας - και θα σας οδηγήσω σ...