Come utilizzare Browser Source in OBS per aggiungere widget e contenuti web

Vi mostreremo come utilizzare Browser Source in OBS per aggiungere widget e contenuti web. Questa è una delle migliori funzionalità di OBS per... integrare elementi dinamici nelle registrazioni e nelle trasmissioniPuoi arricchire facilmente qualsiasi scena con risorse visive che prima richiedevano configurazioni complesse. Iniziamo.

Che cos'è esattamente Browser Source?

Come usare Browser Source in OBS? Se stai iniziando come streamer o sei appena passato a OBS Studio per la registrazioneÈ utile sapere esattamente cos'è la funzione Sorgente del browser. Immagina di poter Prendi un browser web invisibile e inseriscilo nella tua scena in OBS.come se fosse un altro livello. Beh, in sostanza è questo che fa un font del browser.

Internamente, OBS utilizza il motore di rendering Chromium (lo stesso di Google Chrome) per caricare e visualizzare qualsiasi URL specificato. La sua magia sta nella trasparenza: solo il contenuto visivo (testo, grafica, animazioni) della pagina web si sovrappone al feed del gioco o della telecamera. Inoltre, a differenza di un'immagine statica, Il font di un browser può essere aggiornato in tempo reale.

Ciò significa che, ad esempio, un widget per le donazioni mostrerà l'ultima donazione e una chat sovrapposizione, nuovi messaggi. Puoi anche Guarda in tempo reale come aumenta il numero di follower con un contatore di follower. Tutto questo senza bisogno plugin complesso e senza che tu debba fare altro.

Come utilizzare Browser Source in OBS per aggiungere widget e contenuti web

Vediamo ora il processo passo passo per utilizzare la Sorgente del browser in OBS per aggiungere widget e contenuti web. Il processo per integrare una sorgente del browser è semplice e segue sempre gli stessi passaggi. La prima cosa è Apri OBS Studio Assicurati di trovarti nella scena in cui desideri aggiungere il widget.

Ora, nel panel di Fonti (Fonti), clicca sul pulsante “+” e seleziona Navigatore (Browser) nel menu a tendina. Si aprirà una finestra in cui potrai assegnare un nome al tuo font. Puoi dargli un nome descrittivo, come "Widget di avviso" o "Chat su schermo", per mantenere il tuo progetto organizzato.

Clicca su "Accettare" e si apriranno le proprietà del carattere. È qui che devi configurare il nucleo del widget:

• URL: Incolla qui l'indirizzo web fornito dal servizio che stai utilizzando (StreamElements, Streamlabs, ecc.).
• Larghezza e altezzaLa pratica più comune è quella di utilizzare la risoluzione del canvas (ad esempio, 1920x1080) per i widget che occupano l'intero schermo. Per una chat o un contatore, è possibile definire una dimensione inferiore.
• FPS: Il valore FPS determina la fluidità delle animazioni. 30 FPS sono più che sufficienti nella maggior parte dei casi, anche se per animazioni molto complesse si potrebbe aumentarlo a 60. Un valore più elevato consuma più risorse della CPU.
• Disattiva la sorgente quando non è visibile.Si consiglia di attivare questa opzione per ottimizzare le prestazioni. In questo modo, OBS interromperà l'elaborazione del widget quando si passa a una scena che non lo contiene, risparmiando preziose risorse di sistema.
• CSS personalizzatoQuesto campo è riservato agli utenti esperti. Consente di modificare lo stile della pagina web caricata, ad esempio nascondendo elementi o forzando la trasparenza dello sfondo se il widget non la supporta nativamente.

Utilizzo del codice sorgente del browser in OBS: dove trovare widget ed elementi web?

Come puoi vedere, è molto facile usare Browser Source in OBS per aggiungere widget e contenuti web ai tuoi stream e alle tue registrazioni. Il processo di base e la configurazione iniziale sono semplici, ma ora devi... Dai sfogo alla tua creatività e seleziona gli elementi di cui hai bisogno.Dove si possono trovare?

Una delle piattaforme più complete e popolari del suo genere è StreamElements. Lì troverai widget ed elementi di ogni tipo: avvisi, chat a schermo, contatori di obiettivi, elenchi di eventi e molto altro, tutto gestibile dal tuo pannello di controllo. È necessario registrarsi per ottenere URL personalizzatiche poi incollerai in OBS. Molte delle sue funzionalità sono gratuite.

Un'altra fonte simile è Streamlabs, Una delle principali piattaforme per gli streamer. Offre anche una vasta gamma di widget come avvisi e chate funziona allo stesso modo tramite la sorgente del browser. Questi e altri siti web sono un buon punto di partenza per iniziare a usare la sorgente del browser in OBS.

Applicazioni pratiche: widget che trasformano il tuo flusso

Il font del browser è la base su cui si costruisce l'interazione di uno streaming. Il tipo e il numero di elementi e widget che utilizzi dipenderanno dal contenuto che trasmetti in streaming e da ciò che vuoi ottenere con il tuo pubblico. Vediamone alcuni. applicazioni più comuni Quando si utilizza Browser Source in OBS:

Avvisi e sovrapposizioni

Questo è probabilmente l'utilizzo più diffuso. Servizi come StreamElements e Streamlabs sono i leader in questo settore. Ti consentono di progettare avvisi personalizzati che compaiono sullo schermo quando qualcuno ti segue, si iscrive o fa una donazione.

Widget di chat sullo schermo

Mostrare la chat sullo schermo è un'ottima pratica, soprattutto per piattaforme come YouTube. È anche una buona idea utilizzarla per gli spettatori che guardano i tuoi video. flusso su grandi schermi o televisori, dove la chat nativa non è disponibileTra le altre cose, è possibile scegliere la dimensione del carattere, la trasparenza dello sfondo, la velocità di dissolvenza del messaggio e la sua posizione sullo schermo.

Sottotitoli e traduzione simultanea

Questa è una delle applicazioni più interessanti e utili che puoi provare quando usi Browser Source in OBS. Servizi come StreamTranslate permettere generare sottotitoli in tempo reale di ciò che dici e persino traducilo in altre lingue, tutto tramite un semplice font del browser.

È sufficiente l'URL fornito dal servizio e OBS si occuperà di visualizzare i sottotitoli nel video. flusso, senza bisogno di plugin non è necessario alcun software aggiuntivo. È uno strumento fantastico per raggiungere un pubblico internazionale.

Contatori, bersagli e tabelloni segnapunti

Vuoi mostrare un obiettivo di abbonamento o un timerCi sono widget per tutto. Ad esempio, puoi aggiungere un tabellone che mostra da quanto tempo sei in diretta, o un timer per il conto alla rovescia per un giveaway. Il sito web timer.ringomar.com Offre un semplice timer utilizzabile con un URL personalizzato, a dimostrazione della flessibilità di questa funzionalità.