FMUSER Wirless Μετάδοση βίντεο και ήχου πιο εύκολα!
es.fmuser.org
it.fmuser.org
fr.fmuser.org
de.fmuser.org
af.fmuser.org -> Αφρικανικά
sq.fmuser.org -> Αλβανικά
ar.fmuser.org -> Αραβικά
hy.fmuser.org -> Αρμενίων
az.fmuser.org -> Αζερμπαϊτζάν
eu.fmuser.org -> Βάσκων
be.fmuser.org -> Λευκορωσικά
bg.fmuser.org -> Βουλγαρικά
ca.fmuser.org -> Καταλανικά
zh-CN.fmuser.org -> Κινέζικα (απλοποιημένα)
zh-TW.fmuser.org -> Κινέζικα (Παραδοσιακά)
hr.fmuser.org -> Κροατικά
cs.fmuser.org -> Τσέχικα
da.fmuser.org -> Δανικά
nl.fmuser.org -> Ολλανδικά
et.fmuser.org -> Εσθονικά
tl.fmuser.org -> Φιλιππινέζικα
fi.fmuser.org -> Φινλανδικά
fr.fmuser.org -> Γαλλικά
gl.fmuser.org -> Γαλικιανά
ka.fmuser.org -> Γεωργιανά
de.fmuser.org -> Γερμανικά
el.fmuser.org -> Ελληνική
ht.fmuser.org -> Κρεόλ της Αϊτής
iw.fmuser.org -> Εβραϊκά
hi.fmuser.org -> Χίντι
hu.fmuser.org -> Ουγγρική
is.fmuser.org -> Ισλανδικά
id.fmuser.org -> Ινδονησιακά
ga.fmuser.org -> Ιρλανδικά
it.fmuser.org -> Ιταλικά
ja.fmuser.org -> Ιαπωνικά
ko.fmuser.org -> Κορεάτικα
lv.fmuser.org -> Λετονικά
lt.fmuser.org -> Λιθουανικά
mk.fmuser.org -> Μακεδόνας
ms.fmuser.org -> Μαλαισιανά
mt.fmuser.org -> Μαλτέζικα
no.fmuser.org -> Νορβηγική
fa.fmuser.org -> Περσικά
pl.fmuser.org -> Πολωνικά
pt.fmuser.org -> Πορτογαλικά
ro.fmuser.org -> Ρουμανικά
ru.fmuser.org -> Ρωσικά
sr.fmuser.org -> Σέρβικα
sk.fmuser.org -> Σλοβακικά
sl.fmuser.org -> Σλοβένικα
es.fmuser.org -> Ισπανικά
sw.fmuser.org -> Σουαχίλι
sv.fmuser.org -> Σουηδικά
th.fmuser.org -> Ταϊλάνδης
tr.fmuser.org -> Τουρκικά
uk.fmuser.org -> Ουκρανικά
ur.fmuser.org -> Ουρντού
vi.fmuser.org -> Βιετνάμ
cy.fmuser.org -> Ουαλικά
yi.fmuser.org -> Γίντις
Η διαδραστική ζωντανή μετάδοση περιλαμβάνει τον διακομιστή, τον πελάτη καθηγητή, τον πελάτη iOS / Android και τον πελάτη Web / Wap. Αυτό το άρθρο επικεντρώνεται στη διαδικασία αλληλεπίδρασης του Maimai, στον σχεδιασμό της λειτουργικής μονάδας Maimai στο front-end και στον σχεδιασμό διαδραστικών και chat στοιχείων στο front-end. Για την πραγματοποίηση της λειτουργίας συνομιλίας της ίδιας της αίθουσας συνομιλίας, επειδή η πρόσβαση στο Yunxin IM SDK πραγματοποιείται κυρίως μέσω του πακέτου κλήσεων Api, δεν θα αναφερθώ σε λεπτομέρειες.
Πριν σχεδιάσετε το σύστημα, πρέπει πρώτα να λάβετε υπόψη τις ακόλουθες ερωτήσεις:
• Ορισμός απαιτήσεων και διαίρεση λειτουργίας κάθε άκρου, πώς αλληλεπιδρά κάθε άκρο
• Συμφωνία μεταξύ κάθε τέλους
• Ο πελάτης ζητά από το μικρόφωνο και τον καθηγητή να λάβει
• Συγχρονισμός διαδραστικών πληροφοριών μετά την είσοδο του πελάτη στη διαδραστική αίθουσα ζωντανής μετάδοσης
Με τις παραπάνω ερωτήσεις, ας διαλέξουμε πρώτα τις υπηρεσίες στις οποίες μπορούμε να βασιστούμε. Οι παρακάτω υπηρεσίες που παρέχονται από το NetEase Cloud εμφανίζονται στο παρακάτω σχήμα. Σε συνδυασμό με το σχεδιασμό των δικών μας απαιτήσεων συστήματος, μπορούμε να ενσωματώσουμε γρήγορα τις λειτουργίες του IM και της διαδραστικής ζωντανής μετάδοσης.
• Η υπηρεσία Yunxin IM παρέχει ένα πλήρες σύνολο βασικών δυνατοτήτων ανταλλαγής άμεσων μηνυμάτων, οι οποίες μπορούν να ενσωματώσουν γρήγορα τις δυνατότητες άμεσων μηνυμάτων και δικτύων σε πραγματικό χρόνο στις εφαρμογές της επιχείρησης.
• Η διαδραστική λειτουργία ζωντανής μετάδοσης του Yunxin υποστηρίζει την αλληλεπίδραση σε πραγματικό χρόνο μεταξύ του κεντρικού υπολογιστή και του κοινού.
Πλαίσιο
Οι βασικές μας ανάγκες είναι κυρίως τα ακόλουθα τρία μέρη:
1. Οι μαθητές εισέρχονται στην αίθουσα συνομιλίας στο πρόγραμμα-πελάτη της εφαρμογής και μπορούν να υποβάλουν αίτημα για σιτάρι.
2. Από την πλευρά του δασκάλου, μπορείτε να εγκρίνετε ή να απορρίψετε το αίτημα του μαθητή.
3. Αφού ο δάσκαλος συμφωνήσει με το αίτημα ενός μαθητή, ο μαθητής μπορεί να εισέλθει στην αίθουσα ζωντανής μετάδοσης για να αλληλεπιδράσει.
Συνδυάστε τις απαιτήσεις και ταξινομήστε τα ακόλουθα βασικά αιτήματα μικροφώνου, μικρόφωνο σύνδεσης και διαδραστικές διαδικασίες, όπως φαίνεται στο παρακάτω σχήμα. Διαφορετικοί τρόποι ροής δεδομένων αντιπροσωπεύουν διαφορετικές συμφωνίες.
Ακολουθούν ορισμένες πρόσθετες έννοιες:
1. Το SDK του πελάτη Yunxin IM, ο πελάτης στέλνει μηνύματα P2P στον καθηγητή μέσω του Yunxin IM
2. Πελάτη διαδραστική ζωντανή μετάδοση SDK, ο πελάτης συνδέεται με διαδραστική ζωντανή μετάδοση
3. Yunxin SDK στο τέλος του εκπαιδευτικού, αποδεχτείτε μηνύματα p2p
4. Διαδραστική ζωντανή μετάδοση SDK για εκπαιδευτικούς, αλληλεπιδρά με ζωντανή μετάδοση από τον πελάτη
5. Το SDK του Yunxin IM στον Ιστό, αποστολή και λήψη μηνυμάτων
6. Προσαρμόστε το μήνυμα και τη δομή δεδομένων του μηνύματος που αποστέλλεται από κάθε άκρο
Σχεδιασμός και υλοποίηση
Εφαρμογή Αυτή η ενότητα εισάγει κυρίως την εφαρμογή του προγράμματος-πελάτη του εκπαιδευτικού και του πελάτη Web / Wap που αναφέρεται στην επισκόπηση της προηγούμενης ενότητας. Περιλαμβάνει κυρίως τα ακόλουθα μέρη: βελτίωση της διαδικασίας, ενότητα IM εκπαιδευτικών, ενότητα τερματικού μαθητή στο Web, διαμόρφωση, πλεονεκτήματα και υπάρχοντα προβλήματα.
Βελτίωση διαδικασίας
Κατ 'αρχάς, ας παρουσιάσουμε την εφαρμογή του τέλους του δασκάλου, και να κάνουμε συμπληρωματικές εξηγήσεις σε μερικές από τις λεπτομέρειες με τη σειρά των αριθμών στο παρακάτω σχήμα. Η πλευρά του εκπαιδευτικού έχει δύο κύρια μέρη, το ένα είναι εγγενές, το οποίο ονομάζεται εγγενές του δασκάλου σε αυτό το άρθρο και το άλλο είναι μια ιστοσελίδα, η οποία ονομάζεται καθηγητής IM σε αυτό το άρθρο. Ο καθηγητής εγγενής και ο καθηγητής IM επικοινωνούν μέσω jsbridge και προσαρμοσμένων μηνυμάτων.
Πρώτα απ 'όλα, ταξινομήστε την επικοινωνία jsbridge μεταξύ καθηγητή εγγενούς και καθηγητή IM ως εξής:
-notifyQueueChange
- ειδοποίηση όγκου
-notifyCustomMsg
-ελέγξτε την ενημέρωση
- ειδοποίησηLiveStatus
Συνδυάστε το παραπάνω διάγραμμα ροής και, στη συνέχεια, κάντε μια λεπτομερή περιγραφή της διαδικασίας:
1. Εκκίνηση πελάτη
Κάθε άκρο λαμβάνει μια ενοποιημένη διεύθυνση αίθουσας συνομιλίας ζητώντας από το διακομιστή
2. Αρχικοποίηση εκπαιδευτικών
Μετά την προετοιμασία του καθηγητή IM, λαμβάνει τη διεύθυνση της αίθουσας συνομιλίας μέσω του αιτήματος διακομιστή (getPresenterLiveInfo), λαμβάνει το singleton της αίθουσας συνομιλίας, ενημερώνει τον καθηγητή ότι η εγγενής αίθουσα συνομιλίας είναι έτοιμη και λαμβάνει τα διαδραστικά δεδομένα ζωντανής μετάδοσης.
3. Η διαδικασία πρόσκλησης σιταριού
• Ο πελάτης στέλνει ένα μήνυμα p2p στη μητρική του εκπαιδευτικού. Ο εγγενής δάσκαλος χρησιμοποιεί το jsbridge για να καλέσει το notifyCustomMsg του IM του εκπαιδευτικού και το IM του εκπαιδευτικού ενημερώνει την ουρά αναμονής για το αίτημα Mai που διατηρεί.
• Το άμεσο μήνυμα του καθηγητή κάνει κλικ για να συμφωνήσει ή να απορρίψει, και το εγγενές του εκπαιδευτικού ειδοποιείται μέσω μηνύματος και το εγγενές του εκπαιδευτικού ενημερώνει τον πελάτη για το αίτημα μέσω του P2P.
• Ο πελάτης χρησιμοποιεί το διαδραστικό SDK ζωντανής μετάδοσης, συνδέει το μικρόφωνο στο ζωντανό δωμάτιο και στέλνει ένα μήνυμα στον καθηγητή εγγενή μέσω του διαδραστικού SDK ζωντανής μετάδοσης.
• Ο εγγενής δάσκαλος καλεί τη μέθοδο notifyQueueChange για ενημέρωση των λιστών στο IM καθηγητή
• Δάσκαλος IM, ζητώντας ασύγχρονα (informServer) να ενημερώσετε τις ουρές μεταφόρτωσης και λήψης του διακομιστή, να στείλετε προσαρμοσμένα μηνύματα (im-sdk) και να μεταδώσετε για να ειδοποιήσετε κάθε πελάτη.
Διδακτική ενότητα IM
Συνδυάζοντας το διάγραμμα ροής και τη λεπτομερή περιγραφή της παραπάνω διαδικασίας, οι μονάδες εμπρός-άκρου σχεδιάζονται και χωρίζονται, όπως φαίνεται στο παρακάτω σχήμα.
Εδώ το LivePcChat είναι ένα στοιχείο συνομιλίας στην καρτέλα, το LiveInteractivePresenter είναι ένα στοιχείο που επεξεργάζεται διαδραστικές λειτουργίες και το XXcache είναι ένα στοιχείο που ενσωματώνει αντίστοιχες λειτουργίες επιπέδου δεδομένων. Η συγκεκριμένη παρουσία στοιχείων, κλήση, αίτημα δεδομένων και διαδικασία επεξεργασίας είναι όπως φαίνεται στο παρακάτω διάγραμμα ακολουθίας:
Ενότητα μαθητών Ιστού
Για το τερματικό μαθητή Web / Wap, επειδή το ίδιο το τερματικό μαθητή Web / Wap δεν έχει ακόμη αναπτύξει τη λειτουργία του κοριτσιού. Εδώ, πάρτε το τερματικό του φοιτητή Ιστού ως παράδειγμα για να εισαγάγετε την υλοποίηση του τερματικού μαθητή Ιστού / Wap στη διαδραστική λίστα και την αλληλεπίδραση συνομιλίας. Το τμήμα της αίθουσας συνομιλίας και το δωμάτιο συνομιλίας στο τέλος του δασκάλου επαναχρησιμοποιούν τα στοιχεία συνομιλίας, οπότε οι ενότητες χωρίζονται επίσης εδώ πρώτα. Μπορείτε να ανατρέξετε στον διαχωρισμό των στοιχείων από την πλευρά του εκπαιδευτικού για να συγκρίνετε ορισμένα από τα στοιχεία που επαναχρησιμοποιήθηκαν από την πλευρά του εκπαιδευτικού και από την πλευρά του μαθητή. Το παρακάτω σχήμα δείχνει τη διάσπαση της πλευράς του μαθητή στο Διαδίκτυο.
Από τη σύγκριση στον παρακάτω πίνακα φαίνεται ότι, εκτός από τη λογική επεξεργασίας που σχετίζεται με το Yingmai, μπορούν να επαναχρησιμοποιηθούν και άλλες λειτουργίες του ΔΥ από την πλευρά του εκπαιδευτικού και του διαδικτυακού μαθητή.
διαμόρφωση
Η διαδραστική ζωντανή μετάδοση είναι μια επανάληψη που βασίζεται στην αρχική ζωντανή μετάδοση, οπότε εδώ πρέπει να διασφαλίσουμε τη διαμόρφωση της διαδραστικής ζωντανής μετάδοσης σε διάφορες σειρές προϊόντων εκπαίδευσης. Η διαμόρφωση που αναφέρεται εδώ είναι παρόμοια με τη διαμόρφωση άλλων ενοτήτων και την πρόσβαση στοιχείων στο κοινό τμήμα εκπαιδευτικών στοιχείων. Βασίζεται επίσης στη γενική συνιστώσα cache-base της εκπαίδευσης, η οποία διαβάζεται στη διαμόρφωση όταν φορτώνεται η ζωντανή σελίδα ή μία σελίδα έργου (θεσμικό υπόβαθρο) Διαμόρφωση, διαμόρφωση ενός κλειδιού.
Πλεονεκτήματα και μειονεκτήματα ανάλυση
Τα πλεονεκτήματα της χρήσης αυτού του σχεδιασμού είναι
1. Όλα τα αιτήματα διακομιστή αποστέλλονται μέσω της ιστοσελίδας, μειώνοντας το κόστος συντήρησης του εκπαιδευτικού.
2. Η διαμόρφωση της ενότητας. Σε διαφορετικές επιχειρηματικές γραμμές, μπορεί να ρυθμιστεί ώστε να αποφασίζει εάν θα συνδεθεί με τη διαδραστική ζωντανή μετάδοση.
3. Τα συστατικά είναι κοκκώδη. Σε διαφορετικές ενότητες, η πλευρά του εκπαιδευτικού μπορεί να έχει πρόσβαση στο στοιχείο συνομιλίας και στο διαδραστικό στοιχείο, το στοιχείο μικροφώνου και η πλευρά του μαθητή μπορεί να έχει πρόσβαση μόνο στο στοιχείο διαδραστικής λίστας.
4. Βασίζεται στο μεγαλύτερο βαθμό στις λειτουργίες που εφαρμόζει το υπάρχον Yunxin SDK, οι οποίες μπορούν να ικανοποιήσουν τις απαιτήσεις σε σχετικά σύντομο χρονικό διάστημα.
Το πρόβλημα
1. Η διαδικασία του Yingmai είναι πιο περίπλοκη, επειδή περιλαμβάνει πολλαπλά άκρα και ο εντοπισμός σφαλμάτων σε κάθε άκρο είναι χάσιμο χρόνου. Αυτός είναι και ο σκοπός της οργάνωσης αυτού του άρθρου. Αφού περάσετε από την κατανόηση της διαδικασίας κάθε άκρου, κάθε άκρο μπορεί πρώτα να εντοπίσει το τέλος του προβλήματος κατά τη διάρκεια του εντοπισμού σφαλμάτων και στη συνέχεια το πρόβλημα μπορεί να βρεθεί σε έναν συγκεκριμένο σύνδεσμο με στοχευμένο τρόπο.
2. Επειδή πραγματοποιείται με βάση την αρχική επανάληψη, πολλά συστατικά δεν ενθυλακώνονται σε εκπαιδευτικά τυποποιημένα στοιχεία, αλλά υπό την προϋπόθεση της σαφούς λογικής, μπορούν να βελτιστοποιηθούν σε επόμενες επαναλήψεις.
3. Βελτιστοποιήστε τη μέθοδο υλοποίησης του front-end.
συνοψίζω
Μέσω αυτού του άρθρου, θα διευθετήσουμε τη λογική κάθε άκρου της διαδραστικής ζωντανής μετάδοσης για να διευκολύνουμε την μεταγενέστερη πρόσβαση στην κατανόηση της διαδραστικής διαδικασίας ζωντανής μετάδοσης. Για τον πελάτη και τον καθηγητή, μπορείτε να κατανοήσετε την εφαρμογή των διεπαφών και των μηνυμάτων που παρέχονται από τη διεπαφή. Εάν είναι απαραίτητο να αποκτήσετε πρόσβαση στη διαδραστική μονάδα ζωντανής μετάδοσης σε ένα άλλο επόμενο έργο, μπορείτε να αποκτήσετε γρήγορη πρόσβαση και να εντοπίσετε σφάλματα, ενώ ταυτόχρονα, μπορεί να βελτιστοποιήσει περαιτέρω τα υπάρχοντα προβλήματα που αναφέρθηκαν παραπάνω.
|
Εισαγάγετε email για να εκπλήξετε
es.fmuser.org
it.fmuser.org
fr.fmuser.org
de.fmuser.org
af.fmuser.org -> Αφρικανικά
sq.fmuser.org -> Αλβανικά
ar.fmuser.org -> Αραβικά
hy.fmuser.org -> Αρμενίων
az.fmuser.org -> Αζερμπαϊτζάν
eu.fmuser.org -> Βάσκων
be.fmuser.org -> Λευκορωσικά
bg.fmuser.org -> Βουλγαρικά
ca.fmuser.org -> Καταλανικά
zh-CN.fmuser.org -> Κινέζικα (απλοποιημένα)
zh-TW.fmuser.org -> Κινέζικα (Παραδοσιακά)
hr.fmuser.org -> Κροατικά
cs.fmuser.org -> Τσέχικα
da.fmuser.org -> Δανικά
nl.fmuser.org -> Ολλανδικά
et.fmuser.org -> Εσθονικά
tl.fmuser.org -> Φιλιππινέζικα
fi.fmuser.org -> Φινλανδικά
fr.fmuser.org -> Γαλλικά
gl.fmuser.org -> Γαλικιανά
ka.fmuser.org -> Γεωργιανά
de.fmuser.org -> Γερμανικά
el.fmuser.org -> Ελληνική
ht.fmuser.org -> Κρεόλ της Αϊτής
iw.fmuser.org -> Εβραϊκά
hi.fmuser.org -> Χίντι
hu.fmuser.org -> Ουγγρική
is.fmuser.org -> Ισλανδικά
id.fmuser.org -> Ινδονησιακά
ga.fmuser.org -> Ιρλανδικά
it.fmuser.org -> Ιταλικά
ja.fmuser.org -> Ιαπωνικά
ko.fmuser.org -> Κορεάτικα
lv.fmuser.org -> Λετονικά
lt.fmuser.org -> Λιθουανικά
mk.fmuser.org -> Μακεδόνας
ms.fmuser.org -> Μαλαισιανά
mt.fmuser.org -> Μαλτέζικα
no.fmuser.org -> Νορβηγική
fa.fmuser.org -> Περσικά
pl.fmuser.org -> Πολωνικά
pt.fmuser.org -> Πορτογαλικά
ro.fmuser.org -> Ρουμανικά
ru.fmuser.org -> Ρωσικά
sr.fmuser.org -> Σέρβικα
sk.fmuser.org -> Σλοβακικά
sl.fmuser.org -> Σλοβένικα
es.fmuser.org -> Ισπανικά
sw.fmuser.org -> Σουαχίλι
sv.fmuser.org -> Σουηδικά
th.fmuser.org -> Ταϊλάνδης
tr.fmuser.org -> Τουρκικά
uk.fmuser.org -> Ουκρανικά
ur.fmuser.org -> Ουρντού
vi.fmuser.org -> Βιετνάμ
cy.fmuser.org -> Ουαλικά
yi.fmuser.org -> Γίντις
FMUSER Wirless Μετάδοση βίντεο και ήχου πιο εύκολα!
Επικοινωνία
Διεύθυνση:
No.305 Room HuiLan Building No.273 Huanpu Road Guangzhou Κίνα 510620
Κατηγορίες
Newsletter