Επικοινωνήστε μαζί μας
 Διάρκεια 14 Ώρες

Εξέλιξη Κομματιού

Διαχείριση Συσκευών Πολυμέσων

Δικαιώματα Προγράμματος Περιήγησης με navigator.permissions

  • Πρόσβαση σε υλικό:
    • Κάμερα
    • Μικρόφωνο
  • Προαιρετικά δικαιώματα:
    • Γεωγραφική τοποθεσία
    • Ειδοποιήσεις
    • Πρόχειρο (ανάγινψης/εγγραφής)
  • Ερωτήματα και κατάσταση δικαιωμάτων
  • Περιορισμοί και συμβατότητα προγραμμάτων περιήγησης

Διαβάζοντας Συσκευές Πολυμέσων με navigator.mediaDevices

  • Κατάλογος συσκευών
  • Διαχείριση αλλαγών συσκευών

Συμβατότητα Μεταξύ Προγραμμάτων Περιήγησης

  • Χρήση API:
    • navigator.permissions.query()
    • navigator.mediaDevices.enumerateDevices()
    • getUserMedia()
  • Στρατηγική fallback για Safari

Διαχείριση Συσκευών Πολυμέσων

  • Εκκίνηση συσκευής: getUserMedia(constraints)
  • Περιορισμοί συσκευής πολυμέσων
  • Έναρξη και διακοπή ροών πολυμέσων
  • Διαχείριση αλλαγών συσκευών

Ηχογράφηση Συσκευών με MediaRecorder

  • Έναρξη/διακοπή streaming και ηχογράφησης
  • Κατεβάζοντας αρχείο .webm
  • Προεπισκόπηση κυματομορφής σε πραγματικό χρόνο

Προαιρετικά Προσθήκες:

  • Αποθήκευση σε μορφή .wav χρησιμοποιώντας ScriptProcessorNode
  • Οπτικοποίηση φάσματος FFT ήχου
  • Ράβδο έντασης σε ντεσιμπέλ
  • Αναγνώριση ομιλίας με webkitSpeechRecognition

Σύνδεση Peer

Διακομιστές Signaling

  • Επιλογές διευθύνων καναλιών:
    • WebSocket
    • Socket.io
    • SignalR
  • Δομή μηνυμάτων
  • Απλοποιημένος πελάτης WebRTC
  • Πλήρης ροή signaling

Βίντεο Κλήση μέσω WebRTC

  • Αρχιτεκτονική: Node.js + ws
  • Πελάτης WebRTC: RTCPeerConnection
  • Τοπικές δοκιμές E2E

Προαιρετικά Λειτουργίες:

  • Κλείσιμο κλήσης (κλείσιμο σύνδεσης, διακοπή πολυμέσων)
  • Ομαδική κλήση (χώροι πολλών χρηστών)
  • Απλή πειθαρχία με βάση tokens

Διαμοιρασμός Οθόνης

  • Χρήση του getDisplayMedia()
  • Αρχιτεκτονική και επιλογές

Πρωτόκολλο Περιγραφής Συνεδρίας (SDP)

  • Εισαγωγή και περιεχόμενο
  • Ανάγνωση και ερμηνεία SDP
  • Codecs:
    • Ήχος & Βίντεο
    • Διαπραγμάτευση και έλεγχος
    • Στρατηγικές fallback

Στατιστικά WebRTC με getStats()

  • Τύποι στατιστικών
  • Πώς να ερμηνεύσετε τα στατιστικά
  • Γράφημα bitrate/jitter σε πραγματικό χρόνο
  • Στρατηγικές προσαρμογής ποιότητας

Όλα τα θέματα περιλαμβάνουν

  • Πρακτική χρήση use-case

Απαιτήσεις

Αυτό το μάθημα είναι ιδανικό για frontend και full-stack προγραμματιστές, τεχνικούς αρχιτέκτονες και μηχανικούς που δημιουργούν λειτουργίες επικοινωνίας σε πραγματικό χρόνο μέσω προγράμματος περιήγησης, όπως βίντεο κλήσεις, διαμοιρασμό οθόνης ή ροή ήχου. Οι συμμετέχοντες πρέπει να έχουν εγνωσμένη γνώση της JavaScript και των τεχνολογιών του web, με προαιρετική εμπειρία στο Node.js και την επικοινωνία βασισμένη σε WebSocket.

Αριθμός συμμετέχοντων


Τιμή ανά συμμετέχοντα

Σχόλια (3)

Εφεξής Μαθήματα

Σχετικές Κατηγορίες