Κάμερα στο πρόγραμμα περιήγησης. Skype, βήμα προς βήμα οδηγίες για τη δημιουργία εφαρμογών WebRTC - θέαμα "στο ακραίο". Ενημερώνει. Πώς να οργανώσετε WebRTC Online Broadcast χρησιμοποιώντας Webcam και VPS Server Testing WebRTC Online Broadcasts
Σε αυτό το άρθρο, θέλω να πω πώς χρησιμοποιώντας τεχνολογίες WebRTC και Bitrix, δημιουργήστε την εφαρμογή Web Multimedia :)
Λίγο για την τεχνολογία
Η τεχνολογία WebRTC εμφανίστηκε σχετικά πρόσφατα, το πρώτο σχέδιο εισήχθη το Νοέμβριο του 2012 και κυριολεκτικά για το έτος η τεχνολογία έφθασε σε ένα καλό επίπεδο και είναι ήδη δυνατή η χρήση του.
Η τεχνολογία προσφέρει στους προγραμματιστές τη δυνατότητα να δημιουργούν εφαρμογές ιστού πολυμέσων (κλήσεις βίντεο / ήχου) χωρίς να χρειάζεται να κατεβάσετε και να εγκαταστήσετε πρόσθετα plugins.
Στόχος του είναι να οικοδομηθεί μια ενιαία πλατφόρμα για επικοινωνίες σε πραγματικό χρόνο, οι οποίες θα λειτουργήσουν σε οποιοδήποτε πρόγραμμα περιήγησης και σε οποιοδήποτε λειτουργικό σύστημα.
Πιο πρόσφατα, ο κατάλογος των υποστηριζόμενων εφαρμογών ήταν πολύ μικρός και αποτελούσε μόνο ένα πρόγραμμα περιήγησης: Google Chrome.
Κατά το παρελθόν έτος, ο κατάλογος αυτός έχει επεκταθεί σημαντικά και η τεχνολογία άρχισε να υποστηρίζει σχεδόν όλα τα σύγχρονα προγράμματα περιήγησης :)
Αυτή τη στιγμή είναι: Mozilla Firefox 27+ και με βάση τα προγράμματα περιήγησης webkit - Google Chrome 29+, Opera 18+, Yandex.Browser 13+.
Ελπίδα ότι το Safari σύντομα θα βρίσκεται σε αυτόν τον κατάλογο, δεδομένου ότι η εταιρεία εισήλθε στην ομάδα εργασίας Webrtc στο Φεβρουάριος 2014..
Δυστυχώς, η Microsoft δεν σχεδιάζει να εφαρμόσει τον WebRTC και να δημιουργήσει την τεχνολογία CU-RTC-Web, αλλά ίσως θα κάνει την τεχνολογία τους περισσότερο ή λιγότερο συμβατή.
Για χρήστες του Internet Explorer, προσφέρουμε να απελευθερώσουμε μια εφαρμογή επιτραπέζιων υπολογιστών που βασίζεται σε χρώμιο και να προσφέρουμε τα προγράμματα περιήγησης χωρίς να υποστηρίζουν αυτήν την τεχνολογία.
Για το πώς χρησιμοποιούμε την τεχνολογία webrtc και το έργο της εφαρμογής της επιφάνειας εργασίας, είπα Διάσκεψη εταίρου χειμώνα 1C-BitrixΜπορείτε να παρακολουθήσετε την αναφορά μου online ή να κατεβάσετε βίντεο :)
Πώς λειτουργεί το Webrtc;
Αφού διαβάσετε τις παραπάνω γραμμές, πιθανότατα έχετε ήδη λείπει να κάνετε την εφαρμογή WebRTC και να κλείσει πρακτικά τη σελίδα :)
Αλλά για να αγγίξει τον πανικό!Έχουμε ήδη τα πάντα στο προϊόν, δείτε μόνοι σας:
1. Πρωτόκολλο συναγερμού σε πραγματικό χρόνο Μπορείτε να οργανώσετε με βάση την ώθηση και την έλξη και την ενότητα για τη λειτουργία Nginx Server - Nginx-Push-Stream-Stream, πώς να λειτουργήσει μαζί τους λεπτομερώς γραμμένο στο blog μου στο bitmix (αν Αυτή η επιλογή δεν ταιριάζει, μπορείτε εύκολα να αντικαταστήσετε ένα άλλο προϊόν, για παράδειγμα στο socket.io).
2. Για να σέρνετε τη ΝΑΤΑ, δημιουργήσαμε μια υπηρεσία Cloud που είναι διαθέσιμη σε όλους τους χρήστες προϊόντων στο turn.calls.bitrix24.com.;
Και το πιο ευχάριστο πράγμα :)
4. Έχουμε αναπτύξει ένα ειδικό στοιχείο στο οποίο εφαρμόζεται όλη η λογική για το τι μπορείτε να παραδώσετε γρήγορα και να αρχίσετε να γράφετε την αίτησή σας (το στοιχείο είναι διαθέσιμο στη μονάδα Push & Pull από την έκδοση 14.1.5).
Εκτελέστε την εφαρμογή επίδειξης :)
Στη μονάδα Push & Pull (/ Bitrix / Modules / Pul /), ξεκινώντας από την έκδοση 14.1.5, εμφανίστηκε ένας φάκελος Διαδήλωση. Υπάρχουν επί του παρόντος δύο παραδείγματα σε αυτό:
1. Ένα παράδειγμα εργασίας με τη μονάδα "Push & Pull".
2. Παράδειγμα εργασίας με WebRTC.
Για το δεύτερο απλά ήθελε να μιλήσει :)
Για να ξεκινήσετε την εργασία, ακολουθήστε τα εξής βήματα:
1. Αντιγράψτε το στοιχείο από το φάκελο / Bitrix / Modules / Pull / Demo / WebRTC / Compactants /, για παράδειγμα εδώ / Bitrix / Compactens / Yourcompanyprefix /
2. Αντιγράψτε τη σελίδα / Bitrix / Modules / Pull / Demo / WebRTC / HTML /, για παράδειγμα, στη ρίζα του ιστότοπού σας.
3. Διαμορφώστε τη μονάδα Push & Pull για να εργαστείτε με το διακομιστή ουράς.
4. Καταχωρίστε δύο χρήστες.
Όλα, μπορείτε τώρα να μεταβείτε σε αυτή τη σελίδα κάτω από δύο διαφορετικούς χρήστες και να αρχίσετε να καλείτε ο ένας τον άλλον :)
Η καλύτερη τεκμηρίωση είναι ο πηγαίος κώδικας
Θα περιγράψω συνοπτικά το σκοπό κάθε λειτουργίας, οι οποίες χρησιμοποιούνται στο demo_webrutc.js (που βρίσκονται στο στοιχείο), οτιδήποτε άλλο, ελπίζω ότι θα είναι σαφές από τον πηγαίο κώδικα.
Τι θα ήταν καλύτερο να κατανοήσετε το στοιχείο και πώς λειτουργεί, διαβάστε αυτά τα δύο άρθρα, θα σας βοηθήσει ευκολότερο να πλοηγηθείτε:
Δημιουργία της βιβλιοθήκης σας JS: JS, CSS, φράσεις, εξαρτήσεις.
Εργασία με τη μονάδα "Push & Pull"
WEBRTC: Αρχικοποίηση
Yourcompanyprefix.webrtc ()
Αυτή η τάξη κατηγορίας Webrtc περιγράφει τις προεπιλεγμένες τιμές και την εργασία με τη σηματοδότηση.
Σημείωση: Το BX.Garbage θα λειτουργήσει κατά την έξοδο από τη σελίδα ή την επανεκκίνηση, έτσι μπορείτε να κόψετε την κλήση.
Bx.inheritwebrtc (yourcompanyprefix.webrtc);
Αυτή η λειτουργία πρέπει να εκτελείται αμέσως μετά την αρχικοποίηση, θα δημοσιεύσει όλες τις βασικές τάξεις της βασικής βιβλιοθήκης BX.WeBrtc BX.WeBrtc
Webrtc: usermedia api
Yourcompanyprefix.webrtc.startartcetusermedia.
Λειτουργία για άμεση πρόσβαση σε βιντεοκάμερα και μικρόφωνο
Yourcompanyprefix.webrtc.onusermediasucess.
Αυτή η λειτουργία καλείται όταν το συμβάν ενεργοποιείται από την εκδήλωση "Επιτυχής πρόσβαση στον εξοπλισμό".
Yourcompanyprefix.webrtc.onusermedierRorRor.
Αυτή η λειτουργία καλείται όταν το συμβάν σφάλματος ενεργοποιείται από το συμβάν
WEBRTC: API Peerconnection
Yourcompanyprefix.webrtc.setlocalandsendsendsendsendsend.
Η λειτουργία ρυθμίζει τις μετα-πληροφορίες σχετικά με τον τρέχοντα χρήστη και το μεταδίδει σε άλλο χρήστη.
Yourcompanyprefix.webrtc.onremotestreammadedded
Αυτή η λειτουργία καλείται όταν ένα συμβάν ενεργοποιείται από ένα ρεύμα απομακρυσμένων μέσων, για να εμφανιστεί στην ετικέτα βίντεο
Yourcompanyprefix.webrtc.onremotestreamred.
Αυτή η λειτουργία ονομάζεται όταν το συμβάν ενεργοποιείται από το συμβάν "Απενεργοποιημένο μέσο", για να το απενεργοποιήσετε στην ετικέτα βίντεο
Yourcompanyprefix.webrtc.onicecandidate.
Αυτή η λειτουργία καλείται όταν η εκδήλωση ενεργοποιείται από την ανάγκη μετάδοσης μετα-πληροφορίες σχετικά με τους κωδικοποιητές, την IP και άλλων πληροφοριών "σε άλλον χρήστη
Yourcompanyprefix.webrtc.peerconnectionError
Η λειτουργία καλείται όταν εμφανιστεί το σφάλμα σύνδεσης μεταξύ των χρηστών
Yourcompanyprefix.webrtc.peerconnectionReconnect.
Η λειτουργία αποστέλλει ένα αίτημα για να προσπαθήσει να επανασυνδεθεί ο χρήστης σε μια υπάρχουσα συνεδρία, για παράδειγμα λόγω του σφάλματος
Yourcompanyprefix.webrtc.deleteevents.
Η λειτουργία επαναφέρει όλες τις τροποποιημένες μεταβλητές για μια νέα κλήση.
WEBRTC: Σηματοδότηση API
Yourcompanyprefix.webrtc.callinvite.
Λειτουργία για να στείλετε μια πρόσκληση σε άλλο χρήστη σε μια κλήση βίντεο
Yourcompanyprefix.webrtc.calnner.
Λειτουργία για την αποστολή επιβεβαίωσης στη ρύθμιση κλήσης βίντεο
Yourcompanyprefix.webrtc.caldecline.
Λειτουργία για την αποστολή ακύρωσης ή κλήσης βίντεο
Yourcompanyprefix.webrtc.callcommand.
Λειτουργία για την αποστολή άλλων εντολών σε άλλον χρήστη (ο χρήστης είναι έτοιμος να εγκαταστήσει τη σύνδεση, ο χρήστης είναι απασχολημένος και ούτω καθεξής)
WEBRTC: Βασικές εντολές (από τη βιβλιοθήκη Core_webrtc.js)
Yourcompanyprefix.webrtc.ready.
Ο έλεγχος είναι διαθέσιμος webrtc στο τρέχον πρόγραμμα περιήγησης
Yourcompanyprefix.webrtc.signalingreadyready.
Ο έλεγχος είναι διαθέσιμος στη σηματοδότηση στην τρέχουσα σελίδα
Yourcompanyprefix.webrtc.ToggleAudio.
Ενεργοποίηση / απενεργοποίηση μικροφώνου
Yourcompanyprefix.webrtc.togglevideo.
Ενεργοποιήστε / απενεργοποιήστε τη φωτογραφική μηχανή
Yourcompanyprefix.webrtc.oniceconnectionstatechange.
Η λειτουργία ονομάζεται όταν ενεργοποιείται το συμβάν εγκατάστασης σύνδεσης
Yourcompanyprefix.webrtc.onsignalingstatechange.
Η λειτουργία ονομάζεται όταν ενεργοποιείται η εκδήλωση "Αλλαγή αλλαγής επικοινωνίας"
Yourcompanyprefix.webrtc.attachmediastream
Λειτουργία για την εγκατάσταση ροής βίντεο / ήχου σε ετικέτα βίντεο
Yourcompanyprefix.webrtc.log.
Λειτουργία σύνδεσης
Ελπίζω ότι αυτό το άρθρο θα είναι χρήσιμο για εσάς.
Openok, pubnub και webrtc
Cloud Platforms Opentok και Pubnub για την ανάπτυξη υπηρεσιών επικοινωνίας βάσει του WebRTC
2016-04-08Επί του παρόντος, οι συζητήσεις Web Video γίνονται όλο και πιο δημοφιλείς. Το Web Video Chat είναι μια εφαρμογή Web για το παράθυρο διαλόγου για επικοινωνία βασισμένη σε διακομιστή Web και προγράμματα περιήγησης.
Από όλες τις υπάρχουσες τεχνολογίες για την κατασκευή ενός Video Web (Ajax, Java, Flash Technology, ASP.NET + Silverlight, HTML5 + Javascript με βάση το API WebRTC κλπ.) Η πιο ελπιδοφόρα τεχνολογία είναι το API WebRTC. Τα Web Chat δωμάτια που χτίστηκαν με βάση την τεχνολογία WebRTC παρέχουν υψηλής ποιότητας μετάδοσης κειμένου, φωνές, βίντεο και δεδομένα (αρχεία) χωρίς να εγκατασταθούν πρόσθετα plug-ins ή επεκτάσεις σε προγράμματα περιήγησης. Τα κύρια στοιχεία της συνομιλίας βίντεο στο WebRTC είναι ένα πρόγραμμα περιήγησης και ένα διακομιστή επαφών.
Το πρόγραμμα περιήγησης WebRTC γίνεται μια ενιαία διασύνδεση για όλες τις συσκευές χρήστη (PC, smartphones, iPads, τηλέφωνα IP, κινητά τηλέφωνα κ.λπ.) που λειτουργούν με υπηρεσίες επικοινωνίας. Webrtc με Websocket, HTML5, CSS3 και JavaScript σάς επιτρέπουν να δημιουργήσετε υπηρεσίες νέας γενιάς Web Communication. Η τεχνολογία WebRTC υλοποιείται από τρεις διασυνδέσεις API JavaScript.
Για τη λειτουργία του PEERING είναι απαραίτητο με δύο προγράμματα περιήγησης που υποστηρίζουν το WebRTC, επικοινωνήστε με τη διεύθυνση IP στο διακομιστή σήματος (για παράδειγμα, διακομιστή WebSocket) που εκτελείται στο Node.js. Ο διακομιστής δεν συμμετέχει στη μετάδοση των ροών πληροφοριών μεταξύ των προγραμμάτων περιήγησης και είναι συναγερμός και προορίζεται να ρυθμίσει τη σύνδεση μεταξύ των προγραμμάτων χρήστη.
Λόγω του γεγονότος ότι η υποστήριξη WebRTC διεξάγεται από κάθε φιλοξενία, για την εφαρμογή εφαρμογών επικοινωνίας με βάση το API WebRTC και την ενσωμάτωσή τους σε ιστότοπους (ιστότοπους) του Διαδικτύου, μπορείτε να χρησιμοποιήσετε ειδικές πλατφόρμες που υποστηρίζουν το WebRTC και παροχή APIS και SDKs.
Το API εξασφαλίζει την αλληλεπίδραση των εφαρμογών επικοινωνίας με μια πλατφόρμα (Web Service), παρέχοντας αυτό το API και το SDK παρέχει την ανάπτυξη εφαρμογών επικοινωνίας που μπορούν να αλληλεπιδράσουν με την πλατφόρμα που παρέχει αυτό το SDK.
Τέτοιες πλατφόρμες περιλαμβάνουν: opentok από το Tokbox, Pubnub, Voximplant, Twilio, Skyway από NTT Communications, Kandy.io, Sightcall, κλπ. Θα πρέπει να σημειωθεί ότι για να δημιουργήσετε έναν διακομιστή επαφών, μπορείτε να αναπτύξετε το Node.js για εφαρμογές επικοινωνίας ιστού στον ενοικιασμένο VPS Virtual Server ή να χρησιμοποιήσετε το Cloud Platform Hosting (PAAS), τα οποία υποστηρίζουν έργα με βάση το Node.js, για παράδειγμα, OpenShift / Κόκκινο καπέλο, Heroku / Salesforce, AWS Elastic Beanstalk / Amazon, κλπ.
Επιπλέον, για να δημιουργήσετε μια εφαρμογή επικοινωνίας, μπορείτε να αγοράσετε την πλατφόρμα διακομιστή Web Call Flashphoner (λογισμικό διακομιστή που έχει σχεδιαστεί για να οργανώνει online μεταδόσεις του προγράμματος περιήγησης των ροών ήχου και βίντεο), η οποία βασίζεται σε HTML5 Websockets, WebRTC και Flash Technology, και την εγκατάσταση του το Web -Server κάτω από το OC Linux ή ενοικιαζόμενο εικονικό διακομιστή VPS. Επί του παρόντος, ο Flashphoner έχει αναπτύξει τον διακομιστή Webrtc (Web Call Server 5) στην Amazon Web Services Cloudy Hosting.
Σε αυτή την αναθεώρηση, εξετάστε τις πιο δημοφιλείς υπηρεσίες Web Cloud Communication που βασίζονται στην τεχνολογία WebRTC - Opentok από Tokbox και Pubnub.
Opentok από το Tokbox.
Η Opentok είναι μια πλατφόρμα Cloud Paas (πλατφόρμα ως υπηρεσία), η οποία είναι η πλατφόρμα επικοινωνίας Host Webrtc για την ενσωμάτωση σε ιστότοπους και εργαλεία κινητής επικοινωνίας και εργαλείων ανταλλαγής μηνυμάτων. Η Opentok έχει μια κατανεμημένη υποδομή που περιέχει κέντρα επεξεργασίας δεδομένων παγκοσμίως.
Η ανοικτή πλατφόρμα Openok από το TOKBOX παρέχει στους προγραμματιστές τη δυνατότητα να ενσωματώνουν δείγματα βίντεο Cross-Platform με βάση το API WebRTC σε εφαρμογές Web (ιστοσελίδες), Java / Android και IOS εφαρμογή.
Η Αρχιτεκτονική Opentook αποτελείται από το τμήμα πελάτη της βιβλιοθήκης BEBRTC Openok (για παράδειγμα, Opentok.js), η οποία παρέχει συνδέσμους βίντεο ενσωμάτωσης στο τμήμα πελάτη της εφαρμογής (Ιστοσελίδα) και το σύνολο των εργαλείων (SDK SDKS Openok) για το Ανάπτυξη εφαρμογών πελάτη (javascript / web applices, Java OS / Android και iOS OS).
Επιπλέον, το σύνθετο μέρος της αρχιτεκτονικής Opentok είναι SDK Server SDK (Serds Server Server), τα οποία έχουν σχεδιαστεί για να αναπτύσσουν μια υποδομή διακομιστή (για να διαχειριστούν και να πιστοποιήσουν τις χρήστες) μια εφαρμογή που παρέχει δυναμική παραγωγή μοναδικών αναγνωριστικών από το OPENDOK ID και των δεικτών ( Token) για κάθε χρήστη, καθώς και εργασία με αρχεία Opentok. Ο διακομιστής Web μεταδίδει το κατάλληλο αναγνωριστικό περιόδου σύνδεσης και τον δείκτη που μπορεί να χρησιμοποιήσει ο πελάτης για να συνδεθεί με τη συνεδρία.
Server SDKs Opentok είναι διαθέσιμα για τις κύριες γλώσσες προγραμματισμού του τμήματος διακομιστή των εφαρμογών: Java, .NET, NODE.JS, PHP, Python, Ruby. Θα πρέπει να σημειωθεί ότι εάν απαιτείται άλλη γλώσσα προγραμματισμού για το τμήμα διακομιστή της εφαρμογής, το οποίο δεν περιλαμβάνεται στη λίστα που αναγράφεται, τότε το TOKBOX παρέχει ένα API OPENTOK API για τη δημιουργία περιόδων Opentok και να εργαστεί με αρχεία Opentok.
Έτσι, για να δημιουργήσετε εφαρμογές επικοινωνίας για κόμβους Internet, χρησιμοποιήστε το Server SDKs Openok σε συνδυασμό με τη βιβλιοθήκη WebRTC Openok Client Client SDKS.
Για να χρησιμοποιήσετε την πλατφόρμα Opentok για να δημιουργήσετε μια συζήτηση βίντεο WebRTC ενσωματωμένο στο δίκτυο Internet, πρώτα απ 'όλα, πρέπει να δημιουργήσετε ένα λογαριασμό στο Tokbox.com. Ο δωρεάν λογαριασμός στην Opentok ισχύει για τριάντα ημέρες. Ο εγγεγραμμένος χρήστης έχει τη δυνατότητα να πάρει το κλειδί API (apikey) απαραίτητο για την ανάπτυξη της εφαρμογής επικοινωνίας της Opentok. Το κλειδί API προσδιορίζει τον λογαριασμό προγραμματιστή της Opentok.
Χρησιμοποιώντας τον οδηγό του προγραμματιστή OPENTOK (https://tokbox.com/developer/guides/) στο λογαριασμό Developer Tokbox Μπορείτε να δημιουργήσετε μια εφαρμογή επικοινωνίας (web web web.) Χρησιμοποιώντας τα sdks του προγράμματος-πελάτη Opentok. Για να χρησιμοποιήσετε την πλατφόρμα Opentok για την εφαρμογή, πρέπει να ενεργοποιήσετε τη βιβλιοθήκη Opentok.j στην ιστοσελίδα.
https://static.opentok.com/webrtc/ ... / openk.js
Αναγνωριστικό περιόδου σύνδεσης (SessionID) και δείκτη (Token) Η εφαρμογή που απαιτείται για τη λειτουργία δημιουργείται συνήθως προγραμματικά σε ένα διακομιστή ιστού με ένα από τα διακομιστή SDKS (SDK Server Server).
Αλλά για να δημιουργήσετε μια δοκιμαστική έκδοση της εφαρμογής χωρίς Server SDKs Opentok, μπορείτε, με βάση το πλήκτρο API (Apikey), να λάβετε ένα αναγνωριστικό περιόδου σύνδεσης και δείκτη για αυτό το αναγνωριστικό συνεδρίας με μη αυτόματο τρόπο τη γραμμή εργαλείων προγραμματιστή. Ο πελάτης χρειάζεται ένα δείκτη που του δίνει πρόσβαση στη συνεδρία.
Δείγματα τέτοιων μεταβλητών ως πλήκτρο "adikey", το αναγνωριστικό συνεδρίας "SessionID" και ο δείκτης "διακριτικού" είναι:
var apikey = "17493650";
var sessionid. \u003d "2_mx40nt ... twxr-uh4";
var token. \u003d "T1 \u003d\u003d CGFYD ... 2RHDGE9";
Μετά τη δημιουργία ενός αντικειμένου περιόδου σύνδεσης με αναγνωριστικό συνεδρίας (SessionID) και ένα δείκτη (διακριτικό), η εφαρμογή αρχικοποιεί το αντικείμενο της περιόδου σύνδεσης.
var session \u003d ot.initsession (apikey, sessionid);
Ο πελάτης συνδέεται στη συνέχεια στη συνεδρία και τη δημοσίευση ρευμάτων ήχου και βίντεο:
session.connect (Token, λειτουργία (σφάλμα) (
Εκδότης \u003d Ot.initpublisher ("εκδότης").
Σύνοδος.Publish (εκδότης);
});
Αφού συνδέσετε τον πελάτη στη συνεδρία, η εφαρμογή αρχικοποιεί τον εκδότη Opentok Object και δημοσιεύει ρεύμα ήχου και βίντεο για αυτή τη συνεδρία για να δείτε άλλους πελάτες.
session.on ((
Streamcreated: Λειτουργία (συμβάν) (
session.Subscribe (event.stream, "συνδρομητής").
}});
Έτσι, σύμφωνα με την ανάπτυξη του προγραμματιστή, μπορείτε να δημιουργήσετε τη βάση της συνομιλίας βίντεο Webrtc με βάση την πλατφόρμα Opentok, η οποία μπορεί να εφαρμοστεί στον ιστότοπό σας. Το σχήμα 2 δείχνει τη διεπαφή του στιγμιότυπου οθόνης αυτής της συνομιλίας βίντεο στο WebRTC που δημιουργήθηκε στο λογαριασμό Developer Tokbox.
Στη συνέχεια, πρέπει να δημιουργήσετε ένα τμήμα διακομιστή της συνομιλίας βίντεο χρησιμοποιώντας SDK Openk Server για μία από τις γλώσσες προγραμματισμού. Το OpenK Server SDKS σας επιτρέπει να δημιουργείτε προγραμματικά συνεδρίες Opentok, δημιουργήστε δείκτες και να εργαστείτε με την αρχειοθέτηση Opentok.
Θα πρέπει να σημειωθεί ότι το TOKBOX χρησιμοποιεί δύο ροές μέσων (ροές μέσων):
- (Ρελέ), σε αυτή τη λειτουργία, οι ροές πολυμέσων μεταδίδονται απευθείας μεταξύ του peering (για παράδειγμα, μεταξύ των προγραμμάτων χρήστη στο διαμέρισμα του βίντεο one-to-one).
- Δρομολόγηση (δρομολόγηση), σε αυτή τη λειτουργία, χρησιμοποιώντας το δρομολογητή μέσου Openk για τη δρομολόγηση ρεύματος ήχου μεταξύ των πελατών (για παράδειγμα, σε multiplayer ή ομαδική συνομιλία βίντεο για online συναντήσεις).
Pubnub.
Το Pubnub είναι ένα παγκόσμιο δίκτυο ροής δεδομένων για: IOT (Διαδίκτυο των πραγμάτων), το κινητό και το διαδίκτυο. Το PUBNUB είναι μια συννεφιασμένη υπηρεσία ανταλλαγής ιστού που προορίζεται για την οργάνωση επικοινωνιών ιστού μεταξύ διαφορετικών πλατφορμών: κινητά τηλέφωνα, δισκία, προγράμματα περιήγησης ιστού των κόμβων ιστού, κλπ. Το PUBNUB παρέχει περισσότερα από 70 sdks για βασικές γλώσσες προγραμματισμού, προκειμένου να δημιουργηθούν εφαρμογές επικοινωνίας cross-platform και να τα ενσωματώνονταν σε εφαρμογές ιστού (ιστοσελίδες) και κινητές συσκευές (Java / Android και iOS OS).
Ο κατάλογος των υποστηριζόμενων γλωσσών και των υπηρεσιών SDKS PUBNUB παρουσιάζεται στη σελίδα: https://github.com/pubnub/pubnub-api. Πρέπει να σημειωθεί ότι εκτός από τα APIs, το λογισμικό Pubnub υποστηρίζει επίσης το υπόλοιπο API. Για παράδειγμα, το PUBNUB WEBRTC SDK έχει σχεδιαστεί για να οργανώνει τις επικοινωνίες ιστού (δίκτυα χωρίς ομοτίμους) σε πραγματικό χρόνο μεταξύ των προγραμμάτων περιήγησης στην αρχιτεκτονική peer-to-peer. Η αρχιτεκτονική της αλληλεπίδρασης των συστατικών της εφαρμογής επικοινωνίας που βασίζεται στην πλατφόρμα PUBNUB και η τεχνολογία WebRTC παρουσιάζεται στο ΣΧ. 3.
Όπως προκύπτει από την αλληλεπίδραση κυκλώματος των στοιχείων WebRTC της συνομιλίας βίντεο (Εικ. 3), η πλατφόρμα PUBNUB χρησιμοποιείται ως διακομιστής συναγερμού κλιμάκωσης (εξυπηρετητής αντιστοίχισης) για εφαρμογές WebRTC. Επιπλέον, η πλατφόρμα PUBNUB παρέχει πρόσθετες λειτουργίες όπως η παρουσία (παρέχοντας πληροφορίες σχετικά με τα δίκτυα που είναι διαθέσιμα στο δίκτυο ή σχετικά με την τρέχουσα λίστα των χρηστών), την αποθήκευση / αναπαραγωγή (επιτρέπει στους χρήστες να δουν το ιστορικό των προηγούμενων συνομιλιών για μια ορισμένη χρονική περίοδο) και την εγγραφή.
Σε εφαρμογές επικοινωνίας WebRTC με βάση την πλατφόρμα PUBNUB, χρησιμοποιούνται δύο μέθοδοι μηνυμάτων (Websockets και Ajax) μεταξύ του προγράμματος περιήγησης και του διακομιστή αντιστοίχισης. Το PUBNUB προσφέρει ένα νέο API για τη σύνδεση της εφαρμογής WebRTC στην πλατφόρμα PUBNUB. Το WebRTC Api Pubnub εκτελεί alarcity μεταξύ των προγραμμάτων περιήγησης χρήστη για να τους επιτρέψει να συνδεθούν σε μια αρχιτεκτονική ομότιμης χρήσης χρησιμοποιώντας το API WebRTC Peerconnection. Μετά την ανταλλαγή μηνυμάτων σήματος μεταξύ των προγραμμάτων περιήγησης, δημιουργείται μια σύνδεση διπλής όψης μεταξύ τους για την ανταλλαγή ροών βίντεο και αυθαίρετων δεδομένων. Η επικοινωνία του προγράμματος περιήγησης συντονίζεται από το PUBNUB.
Η υπηρεσία PUBNUB παρέχει όχι μόνο την αλληλεπίδραση όλων των στοιχείων που είναι απαραίτητες για τη θέσπιση επικοινωνίας μεταξύ των προγραμμάτων προγραμμάτων από ομοτίμους για την ανταλλαγή μηνυμάτων σε πραγματικό χρόνο, αλλά και τα παρέχει ένα παγκόσμιο δίκτυο ροής δεδομένων.
Για να χρησιμοποιήσετε την πλατφόρμα PUBNUB για να δημιουργήσετε μια συνομιλία μέσω βίντεο, πρώτα απ 'όλα, πρέπει να εγγραφείτε στο PubNub για να δημιουργήσετε έναν δωρεάν λογαριασμό. Ο εγγεγραμμένος χρήστης έχει τη δυνατότητα να πάρει τα κλειδιά API Εγγραφή_key. και publish_key.απαραίτητο για την ανάπτυξη μιας εφαρμογής επικοινωνίας PUBNUB. Στη συνέχεια, στο λογαριασμό σας μπορείτε να προσθέσετε χαρακτηριστικά όπως η ασφάλεια, η παρουσία και η αποθήκευση.
Αφού λάβετε το API των πλήκτρων, μπορείτε να αρχίσετε να δημιουργείτε μια εφαρμογή επικοινωνίας με βάση την πλατφόρμα PUBNUB χρησιμοποιώντας SDK σε μία από τις κύριες γλώσσες προγραμματισμού ή χρησιμοποιήστε εφαρμογές επίδειξης (πρότυπα). Ένα εγχειρίδιο για τη δημιουργία μιας εφαρμογής επικοινωνίας αντιπροσωπεύεται στη σελίδα: https://www.pubnub.com/docs/tutorials/pubnub-publish-subscribe. PUBNUB WEBRTC SDK Based Video Οδηγός συνομιλίας που θεωρείται στο https://www.pubnub.com/docs/webrtc-javascript/pubnub-javascript-sdk.
Για να δημιουργήσετε μια συνομιλία βίντεο Webrtc από το μηδέν σύμφωνα με το εγχειρίδιο, πρέπει να εφαρμόσετε μερικά απλά API για το Javascript:
- Συνδέστε τη βιβλιοθήκη PUBNUB στη σελίδα HTML, δηλ. Ενεργοποιήστε το javascript pubnub sdk στη σελίδα κώδικα HTML πριν από την αρχικοποίηση του προγράμματος-πελάτη.
- init () - Αρχικοποιήστε το API πελάτη PUBNUB.
- Εγγραφείτε () - Εγγραφείτε σε ένα συγκεκριμένο κανάλι (καλέστε το API PUBNub Subscrible ()).
- Δημοσιεύστε () - Στείλτε ένα μήνυμα σε ένα συγκεκριμένο κανάλι (καλέστε το API Pubnub Pubnub ()).
- Κατάργηση εγγραφής () - Αρνέστε να εγγραφείτε σε ένα συγκεκριμένο κανάλι.
Η αρχικοποίηση του API του πελάτη PUBNUB μπορεί να αντιπροσωπεύεται ως εξής:
var pubnub \u003d pubnub.init ((
Publish_key: "Το κλειδί δημοσίευσης σας,
Εγγραφή_key: "Το κλειδί εγγραφής σας"
});
Για να δημιουργήσετε μια συνομιλία βίντεο WebRTC με βάση το PUBNUB WEBRTC, μπορείτε να χρησιμοποιήσετε το πρότυπο ανοιχτού κώδικα: https://www.pubnub.com/developers/demos/webrtc/. Για να ελέγξετε τη λειτουργία αυτής της συνομιλίας βίντεο, πρέπει να επικοινωνήσετε με τη συγκεκριμένη διεύθυνση από δύο υπολογιστές, στη διεπαφή συνομιλίας βίντεο που ανοίγει στα προγράμματα περιήγησης, οι αριθμοί τηλεφώνου εκχωρούνται στο τηλέφωνο. Για επικοινωνία, οι χρήστες πρέπει να εισέρχονται στους αριθμούς τηλεφώνου στο πεδίο κειμένου "τύπου" και κάντε κλικ στο κουμπί με την εικόνα του ακουστικού.
Ως αποτέλεσμα, η εικόνα από τις βιντεοκάμερες απολαμβάνει τα προγράμματα περιήγησης και εμφανίζεται στις οθόνες των οθονών. Επιπλέον, αυτή η συνομιλία βίντεο εκτελεί λειτουργίες συνομιλίας για τη μετάδοση κειμένου. Για αλληλογραφία, οι χρήστες πρέπει να εισάγουν κείμενο στο πεδίο "Chat εδώ" και πατήστε το πλήκτρο ENTER. Το σχήμα 4 δείχνει το στιγμιότυπο συνομιλίας βίντεο χρήστη με έναν αριθμό τηλεφώνου 164.
Σύκο. 4.Pubnub με webrtc.
Το σχήμα 5 δείχνει το στιγμιότυπο οθόνης βίντεο χρήστη με έναν αριθμό τηλεφώνου 128.
Σύκο. 5.Pubnub με webrtc.
Σχεδιασμένο για την εφαρμογή Web Interface Web Communication έχει σχεδιαστεί χρησιμοποιώντας το HTML5 και CSS3 Hypertext Markup. Το τμήμα πελάτη της εφαρμογής επικοινωνίας έχει σχεδιαστεί για το JS. Οι βιβλιοθήκες συνδέθηκαν με την εφαρμογή Web Communication: JQuery, Pubnub Javascript SDK και PUBNUB WEBRTC SDK.
Οι Ευρωπαίοι χρήστες του δικτύου χωρίστηκαν σε δύο μέρη: σύμφωνα με μια έρευνα του Ινστιτούτου Δημόσιας Ανάλυσης της Κοινής Γνώμης στο Allenbach (Γερμανία), το Skype, η συνομιλία και τα συστήματα άμεσων μνήμης έγιναν αναπόσπαστο μέρος της καθημερινής ζωής για 16,5 εκατομμύρια ενήλικες και παιδιά, 9 Million Χρησιμοποιήστε αυτές τις υπηρεσίες από την περίπτωση περισθείας και 28 εκατομμύρια δεν τους άγγιξαν.
Η κατάσταση μπορεί να αλλάξει, διότι τώρα στο Firefox ενσωματωμένο Τεχνολογία επικοινωνίας σε πραγματικό χρόνο (Webrtc.), καθώς και τον ίδιο τον πελάτη. Ξεκινήστε τη συνομιλία ήχου και βίντεο τώρα δεν είναι πιο δύσκολο από το άνοιγμα της τοποθεσίας. Υπηρεσίες όπως το Facebook και το Skype στοιχηματίζουν σε λύσεις χρησιμοποιώντας έναν ξεχωριστό πελάτη και δημιουργώντας ένα λογαριασμό.
Το WebRTC διαφέρει όχι μόνο με απλότητα. Αυτή η μέθοδος σάς επιτρέπει να εγκαταστήσετε ακόμη και Άμεση σύνδεση μεταξύ δύο προγραμμάτων περιήγησης. Έτσι, τα δεδομένα ήχου και βίντεο δεν διέρχονται από το διακομιστή όπου μπορεί να συμβεί η υπερφόρτωση ή ο διαχειριστής των οποίων δεν είναι ιδιαίτερα σχολαστικός σε σχέση με τον ιδιωτικό τομέα ή την προστασία των δεδομένων. Χάρη στην άμεση σύνδεση για το WebRTC, ούτε η εγγραφή ή ο λογαριασμός σε καμία υπηρεσία δεν απαιτείται.
Για να ξεκινήσετε τη συζήτηση, πρέπει μόνο να περάσετε από τη σύνδεση. Η επικοινωνία παραμένει ιδιωτικήΔεδομένου ότι η ροή δεδομένων είναι κρυπτογραφημένη. Επικοινωνία σε πραγματικό χρόνο μέσω του προγράμματος περιήγησης, η Google άρχισε να συμμετέχει ενεργά το 2011, πότε και δημοσίευσε τον πηγαίο κώδικα για την εφαρμογή WebRTC.
Σύντομα, το Chrome και ο Firefox έλαβαν τους δικούς τους κινητήρες WebRTC. Επί του παρόντος, οι επιλογές κινητής τηλεφωνίας τους είναι εξοπλισμένες με αυτή την τεχνολογία και εγκαθίστανται με το Android 5.0 από τον κινητήρα WebView 3.6, το οποίο χρησιμοποιείται από εφαρμογές.
Για τις επικοινωνίες σε πραγματικό χρόνο, οι κατάλληλες διασυνδέσεις JavaScript πρέπει να υλοποιηθούν στο Web Viewer. Με τη βοήθεια του GetUsermedia, το λογισμικό ενεργοποιεί τη δέσμευση από τις πηγές ήχου, δηλαδή από κάμερα web και μικρόφωνο. Η RTCPEERConnection είναι υπεύθυνη για τη δημιουργία μιας σύνδεσης, καθώς και για την ίδια την επικοινωνία.
Παράλληλα με την ενσωμάτωση στο πρόγραμμα περιήγησης, η ομάδα εργασίας της παγκόσμιας κοινοπραξίας ιστού (W3C) ανάγκασε τη διαδικασία τυποποίησης WebRTC. Πρέπει να ολοκληρωθεί το 2015.
Το WebRTC είναι ικανοποιημένο με το μικρό
Για να χρησιμοποιήσετε την υπηρεσία WebRTC, δεν απαιτούνται πολλοί πόροι, καθώς ο διακομιστής συνδέει μόνο τους βοηθούς. Η εγκατάσταση της ένωσης επίσης δεν αντιπροσωπεύει μια ιδιαίτερη πολυπλοκότητα. Πρώτον, το πρόγραμμα περιήγησης εξυπηρετεί το σήμα WEBRTC στο σήμα που σχεδιάζει να ξεκινήσει μια κλήση. Από το διακομιστή, λαμβάνει έναν σύνδεσμο HTTPS - η σύνδεση πραγματοποιείται σε κρυπτογραφημένη μορφή. Αυτός ο χρήστης συνδέσμου στέλνει τον συνομιλητή του. Μετά από αυτό, το πρόγραμμα περιήγησης ζητά από τον χρήστη να έχει πρόσβαση στην κάμερα web και το μικρόφωνο.
Για να ορίσετε άμεση ροή με τον συνομιλητή, το πρόγραμμα περιήγησης λαμβάνει τη διεύθυνση IP και τα δεδομένα διαμόρφωσης από την υπηρεσία WebRTC. Ο προβολής ιστού του συνομιλητή εισέρχεται με τον ίδιο τρόπο.
Για να μεταφέρετε τη λειτουργία σύνδεσης χωρίς αποτυχίες και σε καλή ποιότητα, τρεις μηχανές λειτουργούν στο πρόγραμμα περιήγησης. Δύο από αυτούς βελτιστοποιούν και συμπιέζουν τα δεδομένα βίντεο ήχου, το τρίτο είναι υπεύθυνο για τη μεταφορά τους. Διαβιβάζει δεδομένα μέσω Πρωτόκολλο SRTT (Ασφαλίστε το πρωτόκολλο μεταφοράς σε πραγματικό χρόνο), το οποίο σας επιτρέπει να πραγματοποιείτε κρυπτογραφημένη ροή σε πραγματικό χρόνο.
Εάν η άμεση σύνδεση δεν μπορεί να εγκατασταθεί, το WebRTC ψάχνει για άλλη διαδρομή. Για παράδειγμα, αυτό συμβαίνει όταν οι ρυθμίσεις δικτύου εμποδίζουν τον διακομιστή STUN να παρέχει μια διεύθυνση IP. Το πρότυπο WebRTC προβλέπει ότι σε αυτή την περίπτωση η συνομιλία θα πραγματοποιηθεί, αλλά με το ενδιάμεσο στροφή στον διακομιστή Turn (διασταύρωση χρησιμοποιώντας ρελέ γύρω από το NAT). Έτσι, στην ιστοσελίδα Netscan.co μπορείτε να ελέγξετε αν το WebRTC εφαρμόζεται στον υπολογιστή σας και με την πρόσβαση στο δίκτυό σας.
Πώς να συνδεθείτε
Πρώτα πρέπει να καταχωρίσετε μια συνομιλία (1). Η υπηρεσία WebRTC δίνει έναν σύνδεσμο που θα σταλεί στον συνομιλητή. Το πρόγραμμα περιήγησης που χρησιμοποιεί το stunner διαπιστώνει τη δική του διεύθυνση IP (2), το στέλνει στην υπηρεσία και λαμβάνει έναν συνεργάτη IP για την εγκατάσταση της άμεσης ένωσης (3). Εάν δεν μπορείτε να χρησιμοποιήσετε την αναισθητοποίηση, η συνομιλία ανακατεύεται χρησιμοποιώντας το διακομιστή Turnner (4).
Η επικοινωνία σχετικά με την τεχνολογία WebRTC στο πρόγραμμα περιήγησης αρχίζει να χρησιμοποιεί τον κωδικό JavaScript. Μετά από αυτό, τρεις κινητήρες είναι υπεύθυνοι για την επικοινωνία: Οι μονάδες φωνητικής και βίντεο συλλέγουν δεδομένα πολυμέσων από μια κάμερα και το μικρόφωνο και ο κινητήρας μεταφοράς συνδυάζει πληροφορίες και προωθεί το ρεύμα σε κρυπτογραφημένη μορφή χρησιμοποιώντας το πρωτόκολλο SRTP (Secure Protocol σε πραγματικό χρόνο).
Ποια προγράμματα περιήγησης εργάζονται με webrtc
Το Chrome και ο Firefox είναι εξοπλισμένοι με έναν κινητήρα WEBRTC που χρησιμοποιεί τέτοιες υπηρεσίες όπως το Talky.io. Το πρόγραμμα περιήγησης Mozilla μπορεί να λειτουργήσει απευθείας με τον δικό του πελάτη.
Η Google και το Mozilla εξακολουθούν να αναπτύσσουν μια ιδέα επικοινωνίας σε πραγματικό χρόνο: Το Chrome μπορεί να κρατήσει ένα διάσκεψη WebRTC με πολλούς συμμετέχοντες και ο νέος πελάτης HELLO στο Firefox έχει σχεδιαστεί με τη θυγατρική του Telefonica Telecommination Giant. Η Apple έχει παραμείνει ακόμα στην άκρη, στο Safari Webrtc να περιμένει ακόμα. Ωστόσο, υπάρχουν πολλές εναλλακτικές εφαρμογές για iOS και plug-ins για σαφάρι.
Η Microsoft είναι κάπως διαφορετική. Ως ιδιοκτήτης της ανταγωνιστικής υπηρεσίας Skype, αυτή η εταιρεία δεν πρόκειται να είναι τόσο εύκολο να κατορθώσει πριν από τον Webrtc. Αντ 'αυτού, η Microsoft αναπτύσσει μια τεχνολογία που ονομάζεται ORTC (επικοινωνία αντικειμένων σε πραγματικό χρόνο) για τον Internet Explorer.
Τέτοιες διαφορές από τον WebRTC, όπως και άλλοι κωδικοποιητές και πρωτόκολλα για τη δημιουργία επαφών με το διακομιστή, είναι ασήμαντες και με την πάροδο του χρόνου, πιθανότατα μετατρέπονται σε προσθήκη στο πρότυπο WebRTC, το οποίο θα περιλαμβάνει αυτές τις αποκλίσεις. Έτσι, η κατάχρηση μόνο η Apple παραμένει - όπως συνήθως.
Φωτογραφία:κατασκευαστές; Goodluz / Fotolia.com.
Γεια σας φίλους, όπως ήδη γνωρίζετε, σας ενημερώνουμε τακτικά νέες τεχνολογίες, σήμερα θα εισαγάγει τον WebRTC, μια τεχνολογία που αναπτύσσεται από την Google, η οποία επιτρέπει στους χρήστες να μιλούν απευθείας στο πρόγραμμα περιήγησης βίντεο και ήχου χωρίς να απαιτούν τη χρήση προσφορών ή εφαρμογών . Η άμεση σύνδεση βίντεο και ήχου μεταξύ χρηστών πραγματοποιείται απευθείας στο πρόγραμμα περιήγησης.
Η τεχνολογία WebRTC υποστηρίζεται στο Mozilla Firefox Google Chrome Browsers και σε οποιοδήποτε λειτουργικό σύστημα σύντομα θα συμμετάσχει στην Όπερα.
Τι είναι το Webrtc και τι;
Webrtc Σύντομη για την επικοινωνία Web Real Time, αυτή η τεχνολογία σας επιτρέπει να ανοίξετε τις συνομιλίες ήχου και βίντεο απευθείας στο πρόγραμμα περιήγησης χωρίς την ανάγκη για άλλα plugins, εφαρμογές ή υπηρεσίες στο Διαδίκτυο για αυτό. Η σύνδεση πραγματοποιείται απευθείας από το πρόγραμμα περιήγησης στο πρόγραμμα περιήγησης.
Εάν γνωστές υπηρεσίες (Skype, Yahoo Messenger, Apple Faceime, Google Hago, κλπ.) Απαιτούν ένα διακομιστή που συνδέει τους χρήστες να ξεκινήσει και να διαχειρίζεται την κυκλοφορία. Χρησιμοποιώντας αυτές τις υπηρεσίες, πρέπει να εγγραφείτε και να εγκαταστήσουμε μια λίστα με τους πελάτες και τις επαφές.
Με WebRTC, δεν χρειαζόμαστε διακομιστές, εφαρμογές ή διακομιστές που συνδέονται με διαλείπουσα.
WebRTC Πλεονεκτήματα:
1. Δεν υπάρχουν πλέον εφαρμογές που καταναλώνουν τη χρήση πόρων και μπαταριών.
2. Στις συνομιλίες πιο ιδιωτικές (σχετικά).
3. Τρόπος επικοινωνίας μπορεί να γίνει σε τοπικό επίπεδο και όχι τους διακομιστές US Flos για τοπικές συνδέσεις.
4. Εύκολη, ευκολία χρήσης.
5. Η δυνατότητα περαιτέρω ανάπτυξης και σε άλλες κατευθύνσεις.
6. Η επικοινωνία είναι σταθερή και δεν εξαρτάται από εξωτερικές ενώσεις που μερικές φορές είναι εξαιρετικά ασταθές.
Στο εγχειρίδιο, χρησιμοποίησα ένα demo ότι έχουν αναπτυχθεί οι άνθρωποι στην Google, αυτό το demo είναι αρκετά απλό, πιο προηγμένα χαρακτηριστικά και ταχύτερες συνδέσεις μπορούν να χρησιμοποιήσουν μία από τις εφαρμογές που υποστηρίζουν τον WebRTC, είναι ευκολότερο στη χρήση. Σύντομα θα κάνουμε ένα εγχειρίδιο και εφαρμογές WebRTC.
Πώς να χρησιμοποιήσετε το Demo Webrtc;
Πολύ απλά κάντε κλικ στον παρακάτω σύνδεσμο, δημιουργεί αυτόματα τη συνομιλία. Συνδέστε αυτό το δωμάτιο, πρέπει να στείλετε έναν φίλο / φίλη που θέλετε να έρθετε σε επαφή.
Φίλος / φίλος και δικός σας, αλλά πρέπει να χρησιμοποιήσετε μόνο τις τελευταίες εκδόσεις του Mozilla Firefox ή Google Chrome.
Demo webrtc. (Εισαγωγική συνομιλία ήχου - Βίντεο)
Προσοχή:
Το demo δεν είναι πολύ σταθερό, γίνεται μόνο για την επίδειξη. Μπορεί να χρησιμοποιηθεί για περιορισμένο χρονικό διάστημα κατά το οποίο τα μικρά σφάλματα μπορεί να έχουν μια ένωση.
Εάν έχετε συνδέσεις με τη σύνδεση, δοκιμάστε να δημιουργήσετε μια άλλη συνομιλία.
Το WebRTC σας επιτρέπει να εφαρμόσετε επικοινωνία ήχου σε πραγματικό χρόνο μέσω του προγράμματος περιήγησης
Σε αυτό το θέμα, θα σας πω πώς να εφαρμόσετε την απλούστερη εφαρμογή WebRTC.
1. GetUsermedia - Αποκτήστε πρόσβαση σε συσκευές πολυμέσων (μικρόφωνο / κάμερα Webcam)
Τίποτα περίπλοκο, με τη βοήθεια 10 γραμμών κώδικα JavaScript μπορείτε να δείτε και να ακούσετε τον εαυτό σας στο πρόγραμμα περιήγησης (Demo).
Δημιουργία index.html :
Μπορείτε να εφαρμόσετε φίλτρα CSS3 στο στοιχείο βίντεο.
Αντιμετωπίζει εδώ ότι σε αυτό το στάδιο ανάπτυξης webrtc δεν μπορώ να πω στο πρόγραμμα περιήγησης "Αυτός ο ιστότοπος που εμπιστεύομαι, πάντα τον αφήνετε να έχει πρόσβαση στην κάμερά μου και ένα μικρόφωνο" και πρέπει να πατήσετε να επιτρέψετε μετά από κάθε σελίδα ανοίγματος / ενημέρωσης.
Λοιπόν, δεν θα είναι περιττό το γεγονός ότι εάν έχετε πρόσβαση στην κάμερα σε ένα πρόγραμμα περιήγησης, το άλλο όταν προσπαθείτε να αποκτήσετε πρόσβαση θα λάβετε άδεια_Dended.
2. Σηματοδότηση Server (Server Server)
Εδώ παραβιάζομαι τις οδηγίες της σειράς των περισσότερων "webrtc ξεκίνησε", επειδή είναι το δεύτερο βήμα για να αποδείξει τις δυνατότητες του WebRTC σε έναν πελάτη, το οποίο προσωπικά πρόσθεσε σύγχυση στην εξήγηση.
Ο διακομιστής σήματος είναι ένα συντονιστικό κέντρο WebRTC, το οποίο παρέχει επικοινωνία μεταξύ πελατών, αρχικοποίησης και κλεισίματος της σύνδεσης, αναφορές σφαλμάτων.
Server Server στην περίπτωσή μας, είναι node.js + socket.io + κόμβο-στατικό, θα ακούσει τη θύρα 1234.
Επιπλέον, ο στατικός κόμβος μπορεί να δώσει index.html, το οποίο θα κάνει την εφαρμογή μας όσο το δυνατόν πιο απλή.
Στο φάκελο εφαρμογής θα εγκαταστήσετε το απαραίτητο:
Npm εγκατάσταση socket.io npm Εγκαταστήστε τον κόμβο-στατικό