Přejít na hlavní obsah

Jak vytvořit a přizpůsobit efektní proužek Donata na svém streamu a rozdělit jej do několika fází

Donáti na streamu – je to jeden ze způsobů, jak zpeněžit obsah na streamovacích platformách, jako je Twitch, YouTube, Mixer a další. Mnoho streamerů nabízí svým divákům možnost darovat určitou částku v reálném čase, aby podpořili autora a jeho obsah.

Donatův proužek - je to grafické znázornění vybraných peněz, které se zobrazuje na obrazovce během streamování. Informuje diváky o aktuální výši darů a je aktualizován v reálném čase. Kromě toho může proužek Donata zobrazovat informace o posledním daru nebo dárci.

Jak tedy dostat proužek Donata na svůj stream? V první řadě budete muset použít speciální software nebo plugin, který vám umožní vytvořit a nakonfigurovat proužek donatu. Některé streamovací platformy nabízejí pro tento účel vlastní nástroje, například Twitch má vestavěný systém AlertBox.

Pokud streamujete na platformě, která neposkytuje vestavěné řešení, existují programy a pluginy třetích stran, které vám umožňují přizpůsobit proužek donatu podle vašich preferencí a potřeb. Například Streamlabs OBS, OBS Studio, XSplit a mnoho dalších nástrojů nabízí možnost přizpůsobit donatův proužek a další grafické prvky, které se zobrazují na obrazovce během streamování.

1. Používání služeb třetích stran. Existuje mnoho online služeb, které streamerům umožňují vytvářet a konfigurovat proužek Donata. Obvykle poskytují předem připravené šablony a nástroje pro přizpůsobení vzhledu proužku. Stačí se zaregistrovat na platformě, vybrat vhodnou šablonu a přizpůsobit ji podle svých potřeb. Poté získáte speciální kód, který budete muset vložit na svou stránku streamu.

2. Používání streamovacích programů. Některé streamovací programy, jako je OBS Studio, Streamlabs OBS a XSplit, mají vestavěné nástroje pro vytvoření Donatova pásu. Umožňují snadné a rychlé přizpůsobení vzhledu proužku a jeho integraci do vašeho streamu. K tomu budete potřebovat určitou technickou přípravu a znalost základů práce s vybraným programem.

3. Vytvoření proužku Samostatně. Pokud si chcete donatův proužek vytvořit sami, můžete použít HTML a CSS. HTML je značkovací jazyk, který se používá k vytvoření struktury webové stránky. CSS je jazyk stylů, pomocí kterého můžete nastavit vzhled prvků HTML. Chcete-li vytvořit proužek Donata, budete potřebovat určité dovednosti v oblasti vývoje webu a porozumění základům HTML a CSS.

Úspěch ve vývoji vašeho streamu!

První způsob: použití speciálního softwaru

Chcete-li dostat proužek Donata na stream pomocí Streamlabs, musíte:

  1. Stáhněte a nainstalujte program Streamlabs do počítače.
  2. Zaregistrujte se a nastavte svůj účet v programu.
  3. V programu vyberte vhodný widget pro donatův proužek a upravte jeho nastavení: barvu, písmo, styl a další nastavení v závislosti na vaší preferenci.
  4. Získejte speciální odkaz nebo kód, který chcete vložit do svého streamu. Chcete-li to provést, musíte nastavit streamování dat v programu Streamlabs na vaši platformu.
  5. Po vložení odkazu nebo kódu do vašeho streamu se na obrazovce zobrazí proužek Donata. Diváci budou moci použít různé způsoby darů uvedené v programu, aby vás podpořili.

Použití speciálního softwaru, jako je Streamlabs, tedy umožňuje snadno a pohodlně dostat donatův proužek na stream, což může streamerovi pomoci získat další podporu od svých diváků.

Druhý způsob: nastavení proužku Donata prostřednictvím streamovací platformy

Níže jsou uvedeny kroky k přizpůsobení proužku Donata na dvou populárních streamovacích platformách:

Nastavení proužku Donata na Twitchi

  1. Přejděte na svůj účet Twitch a otevřete stránku nastavení webového prohlížeče kliknutím na "www.twitch.tv//dashboard".
  2. Na stránce Nastavení vyhledejte kartu "emocia a ciriti" a otevřete ji.
  3. Na této stránce najdete různé možnosti přizpůsobení, včetně proužku Donata. Klikněte na tlačítko" Konfigurovat " vedle této možnosti.
  4. Zadejte preferovaný styl, barvu a další parametry proužku Donata.
  5. Uložte nastavení a zavřete stránku.

Nastavení proužku Donata na YouTube

  1. Přejděte na svůj účet YouTube a otevřete stránku nastavení webového prohlížeče kliknutím na "www.youtube.com//live_dashboard".
  2. Na stránce Nastavení vyhledejte sekci styly pouzdra a sloty a otevřete ji.
  3. Na této stránce najdete možnost "sloty pouzdra", kde si můžete přizpůsobit proužek Donata. Klikněte na tlačítko" Upravit " vedle této možnosti.
  4. Vyberte preferovaný design, barvu a další možnosti proužku Donata.
  5. Uložte nastavení a zavřete stránku.

Po nastavení proužku Donata na streamovací platformě se automaticky zobrazí na vašem streamu během vysílání. Nyní můžete získat donaty od svých diváků a sledovat pokrok v reálném čase!

Třetí způsob: ruční nastavení proužku Donata pomocí HTML a CSS

Pokud máte nějaké dovednosti s HTML a CSS, můžete si proužek Donata nastavit a vytvořit sami. Tato metoda bude vyžadovat více času a úsilí, ale umožní vám plně ovládat vzhled a chování proužku Donata.

Chcete-li začít, můžete vytvořit nový soubor HTML a otevřít jej v libovolném editoru kódu. Poté můžete přidat následující kód:

Poté můžete do souboru stylů přidat další CSS kód:

.donation-progress .progress-bar

V tomto příkladu je vytvořen kontejner s třídou "donation-progress", což je horizontální proužek Donata. Uvnitř kontejneru je pak vytvořen prvek s třídou "progress-bar", což je naplněná část proužku.

Můžete změnit hodnoty šířky, barev a dalších vlastností a přizpůsobit vzhled proužku Donata vašim preferencím.

Chcete-li aktualizovat donatův proužek během vysílání, můžete pomocí JavaScriptu změnit hodnotu šířky položky s třídou "progress-bar" podle počtu přijatých darů.

Ruční nastavení proužku Donata pomocí HTML a CSS vám tedy umožňuje vytvořit jedinečné a přizpůsobené proužky Donata pro váš stream.