Πώς να χρησιμοποιήσετε τον Κώδικα Προγράμματος Περιήγησης στο OBS για να προσθέσετε γραφικά στοιχεία και περιεχόμενο ιστού

Θα σας δείξουμε πώς να χρησιμοποιείτε τον Κώδικα Προέλευσης Περιηγητή στο OBS για να προσθέτετε γραφικά στοιχεία και περιεχόμενο ιστού. Αυτή είναι μία από τις καλύτερες δυνατότητες του OBS για... ενσωματώστε δυναμικά στοιχεία σε ηχογραφήσεις και εκπομπέςΜπορείτε εύκολα να εμπλουτίσετε οποιαδήποτε σκηνή με οπτικούς πόρους που προηγουμένως απαιτούσαν πολύπλοκες ρυθμίσεις. Ας ξεκινήσουμε.

Τι ακριβώς είναι το Browser Source;

Πώς να χρησιμοποιήσετε το Browser Source στο OBS; Αν ξεκινάτε ως streamer ή μόλις έχετε αλλάξει σε OBS Studio για ηχογράφησηΕίναι χρήσιμο να γνωρίζετε ακριβώς τι είναι η συνάρτηση Browser Source. Φανταστείτε ότι θα μπορούσατε Πάρτε ένα αόρατο πρόγραμμα περιήγησης ιστού και τοποθετήστε το μέσα στη σκηνή σας στο OBSσαν να ήταν ένα άλλο επίπεδο. Λοιπόν, αυτό είναι ουσιαστικά μια γραμματοσειρά προγράμματος περιήγησης.

Εσωτερικά, το OBS χρησιμοποιεί τη μηχανή απόδοσης Chromium (ίδια με το Google Chrome) για να φορτώσει και να εμφανίσει οποιαδήποτε διεύθυνση URL καθορίζετε. Η μαγεία του έγκειται στη διαφάνεια: μόνο το οπτικό περιεχόμενο (κείμενο, γραφικά, κινούμενα σχέδια) της ιστοσελίδας επικαλύπτει το παιχνίδι ή την τροφοδοσία της κάμεράς σας. Επιπλέον, σε αντίθεση με μια στατική εικόνα, Μια γραμματοσειρά προγράμματος περιήγησης μπορεί να ενημερωθεί σε πραγματικό χρόνο.

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

Πώς να χρησιμοποιήσετε τον Κώδικα Προγράμματος Περιήγησης στο OBS για να προσθέσετε γραφικά στοιχεία και περιεχόμενο ιστού

Ας δούμε τώρα τη βήμα προς βήμα διαδικασία χρήσης του Browser Source στο OBS για την προσθήκη widgets και περιεχομένου ιστού. Η διαδικασία ενσωμάτωσης ενός browser source είναι απλή και ακολουθεί πάντα τα ίδια βήματα. Το πρώτο πράγμα είναι Άνοιγμα OBS Studio και βεβαιωθείτε ότι βρίσκεστε στη σκηνή όπου θέλετε να προσθέσετε το γραφικό στοιχείο.

Τώρα, στο πάνελ του Πηγές (Πηγές), κάντε κλικ στο Κουμπί «+» και επιλέξτε Πρόγραμμα περιήγησης (Πρόγραμμα περιήγησης) στο αναπτυσσόμενο μενού. Θα ανοίξει ένα παράθυρο για να ονομάσετε τη γραμματοσειρά σας. Μπορείτε να της δώσετε ένα περιγραφικό όνομα, όπως "Γραφικό στοιχείο ειδοποιήσεων" ή "Συνομιλία στην οθόνη", για να διατηρήσετε το έργο σας οργανωμένο.

Κάντε κλικ στο "Αποδέχομαι" και θα ανοίξουν οι ιδιότητες γραμματοσειράς. Εδώ πρέπει να ρυθμίσετε τον πυρήνα του γραφικού στοιχείου:

• URL: Επικολλήστε εδώ τη διεύθυνση ιστού που παρέχεται από την υπηρεσία που χρησιμοποιείτε (StreamElements, Streamlabs, κ.λπ.).
• Πλάτος και ύψοςΗ πιο συνηθισμένη πρακτική είναι να χρησιμοποιείτε την ανάλυση του καμβά σας (για παράδειγμα, 1920x1080) για γραφικά στοιχεία που καταλαμβάνουν ολόκληρη την οθόνη. Για μια συνομιλία ή έναν μετρητή, μπορείτε να ορίσετε ένα μικρότερο μέγεθος.
• FPS: Τα FPS καθορίζουν την ομαλότητα των κινούμενων εικόνων. Τα 30 FPS είναι υπεραρκετά για τις περισσότερες περιπτώσεις, αν και για πολύ σύνθετες κινούμενες εικόνες θα μπορούσατε να τα αυξήσετε στα 60. Μια υψηλότερη τιμή καταναλώνει περισσότερους πόρους CPU.
• Απενεργοποιήστε την πηγή όταν δεν είναι ορατή.Συνιστάται η ενεργοποίηση αυτής της επιλογής για βελτιστοποίηση της απόδοσης. Αυτό θα προκαλέσει τη διακοπή της επεξεργασίας του γραφικού στοιχείου από το OBS όταν μεταβείτε σε μια σκηνή που δεν το περιέχει, εξοικονομώντας πολύτιμους πόρους συστήματος.
• Προσαρμοσμένο CSSΑυτό το πεδίο προορίζεται για προχωρημένους χρήστες. Σας επιτρέπει να τροποποιήσετε το στυλ της φορτωμένης ιστοσελίδας, όπως απόκρυψη στοιχείων ή επιβολή διαφάνειας φόντου, εάν το γραφικό στοιχείο δεν το υποστηρίζει εγγενώς.

Χρήση του πηγαίου κώδικα του προγράμματος περιήγησης στο OBS: Πού μπορώ να βρω γραφικά στοιχεία και στοιχεία ιστού;

Όπως μπορείτε να δείτε, είναι πολύ εύκολο να χρησιμοποιήσετε το Browser Source στο OBS για να προσθέσετε widgets και περιεχόμενο ιστού στις ροές και τις ηχογραφήσεις σας. Η βασική διαδικασία και η αρχική ρύθμιση είναι απλές, αλλά τώρα πρέπει να... Να είστε δημιουργικοί και να επιλέξετε τα στοιχεία που χρειάζεστε.Πού μπορείτε να τα βρείτε;

Μία από τις πιο ολοκληρωμένες και δημοφιλείς πλατφόρμες του είδους της είναι η Στοιχεία ροής. Εκεί θα βρείτε γραφικά στοιχεία και στοιχεία κάθε είδους: ειδοποιήσεις, συνομιλία στην οθόνη, μετρητές γκολ, λίστες συμβάντων και πολλά άλλα, όλα διαχειριζόμενα από τον πίνακα ελέγχου σας. Πρέπει να εγγραφείτε για να λάβετε προσαρμοσμένες διευθύνσεις URLτο οποίο στη συνέχεια θα επικολλήσετε στο OBS. Πολλές από τις δυνατότητές του είναι δωρεάν.

Μια άλλη παρόμοια πηγή είναι Streamlabs, Μία από τις σημαντικότερες πλατφόρμες για streamers. Παρέχει επίσης ένα ευρύ φάσμα widgets όπως ειδοποιήσεις και συνομιλίακαι λειτουργεί με τον ίδιο τρόπο μέσω ενός πηγαίου κώδικα προγράμματος περιήγησης. Αυτές και άλλες ιστοσελίδες αποτελούν ένα καλό σημείο εκκίνησης για να ξεκινήσετε με το Πηγαίο Κώδικα Προγράμματος Περιηγητή στο OBS.

Πρακτικές εφαρμογές: widgets που μεταμορφώνουν τη ροή σας

Η γραμματοσειρά του προγράμματος περιήγησης είναι το θεμέλιο πάνω στο οποίο βασίζεται η αλληλεπίδραση μιας ροής. Ο τύπος και ο αριθμός των στοιχείων και των γραφικών στοιχείων που χρησιμοποιείτε θα εξαρτηθεί από το περιεχόμενο που μεταδίδετε και από αυτό που θέλετε να επιτύχετε με το κοινό σας. Ας δούμε μερικά από αυτά. πιο συνηθισμένες εφαρμογές όταν χρησιμοποιείτε τον Πηγαίο Κώδικα του Προγράμματος Περιήγησης στο OBS:

Ειδοποιήσεις και επικαλύψεις

Αυτή είναι ίσως η πιο διαδεδομένη χρήση. Υπηρεσίες όπως το StreamElements και το Streamlabs είναι οι κορυφαίες σε αυτόν τον τομέα. Σας επιτρέπουν να σχεδιασμός προσαρμοσμένων ειδοποιήσεων που εμφανίζονται στην οθόνη όταν κάποιος σας ακολουθεί, εγγράφεται ή κάνει μια δωρεά.

Γραφικά στοιχεία συνομιλίας στην οθόνη

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

Υπότιτλοι και ζωντανή μετάφραση

Αυτή είναι μια από τις πιο ενδιαφέρουσες και χρήσιμες εφαρμογές που μπορείτε να δοκιμάσετε όταν χρησιμοποιείτε το Browser Source στο OBS. Υπηρεσίες όπως StreamTranslate επιτρέπω δημιουργία υποτίτλων σε πραγματικό χρόνο από αυτά που λέτε, ακόμη και να τα μεταφράσετε σε άλλες γλώσσες, όλα μέσω μιας απλής γραμματοσειράς προγράμματος περιήγησης.

Χρειάζεστε μόνο τη διεύθυνση URL που παρέχεται από την υπηρεσία και το OBS θα φροντίσει για την εμφάνιση των υπότιτλων στο βίντεό σας. ρεύμα, χωρίς να χρειάζεται να πρόσθετα δεν χρειάζεται επιπλέον λογισμικό. Είναι ένα φανταστικό εργαλείο για προσεγγίστε διεθνές κοινό.

Κόντρερ, στόχοι και πίνακες αποτελεσμάτων

Θέλετε να δείξετε ένα στόχος συνδρομής ή χρονόμετροΥπάρχουν widgets για τα πάντα. Για παράδειγμα, μπορείτε να προσθέσετε έναν πίνακα αποτελεσμάτων που δείχνει πόσο καιρό είστε ζωντανά ή ένα χρονόμετρο αντίστροφης μέτρησης για έναν διαγωνισμό. Ο ιστότοπος timer.ringomar.com Παρέχει ένα απλό χρονόμετρο που μπορείτε να χρησιμοποιήσετε με μια προσαρμοσμένη διεύθυνση URL, επιδεικνύοντας την ευελιξία αυτής της λειτουργίας.