Zum Hauptinhalt springen

So erstellen und konfigurieren Sie einen spektakulären Donat-Streifen auf Ihrem Stream und teilen ihn in mehrere Phasen auf

Spender auf Streams – dies ist eine Möglichkeit, Inhalte auf Streamingplattformen wie Twitch, YouTube, Mixer und anderen zu monetarisieren. Viele Streamer bieten ihren Zuschauern die Möglichkeit, einen bestimmten Betrag in Echtzeit zu spenden, um den Autor und seinen Inhalt zu unterstützen.

Donat-Streifen - Dies ist eine grafische Darstellung des gesammelten Geldes, das während des Streams auf dem Bildschirm angezeigt wird. Sie informiert die Zuschauer über den aktuellen Spendenbetrag und wird in Echtzeit aktualisiert. Darüber hinaus kann ein Spendenstreifen Informationen über die letzte Spende oder den Spender anzeigen.

Wie kann man einen Donat-Streifen auf seinen Stream bringen? Zuallererst müssen Sie eine spezielle Software oder ein Plugin verwenden, mit dem Sie einen Donat-Streifen erstellen und anpassen können. Einige Streamingplattformen bieten zu diesem Zweck eigene Tools an, zum Beispiel hat Twitch ein integriertes AlertBox-System.

Wenn Sie auf einer Plattform streamen, die keine integrierte Lösung bietet, gibt es Programme und Plugins von Drittanbietern, mit denen Sie den Donat-Streifen an Ihre Vorlieben und Bedürfnisse anpassen können. Zum Beispiel bieten Streamlabs OBS, OBS Studio, XSplit und viele andere Tools die Möglichkeit, den Donat-Streifen und andere grafische Elemente, die während des Streams auf dem Bildschirm angezeigt werden, anzupassen.

1. Nutzung von Diensten Dritter. Es gibt viele Online-Dienste, mit denen Streamer einen Donat-Streifen erstellen und anpassen können. Sie stellen normalerweise vorgefertigte Muster und Werkzeuge bereit, um das Aussehen eines Streifens anzupassen. Sie müssen sich einfach auf der Plattform registrieren, eine geeignete Vorlage auswählen und sie an Ihre Bedürfnisse anpassen. Danach erhalten Sie einen speziellen Code, den Sie in Ihre Stream-Seite einfügen müssen.

2. Verwenden von Streamingprogrammen. Einige Streamingprogramme wie OBS Studio, Streamlabs OBS und XSplit verfügen über integrierte Tools zum Erstellen eines Spendenstreifens. Sie ermöglichen es Ihnen, das Aussehen des Streifens einfach und schnell anzupassen und in Ihren Stream zu integrieren. Dazu benötigen Sie einige technische Schulungen und Kenntnisse über die Grundlagen der Arbeit mit dem gewählten Programm.

3. Erstellen Sie den Streifen selbst. Wenn Sie selbst einen Donat-Streifen erstellen möchten, können Sie HTML und CSS verwenden. HTML ist eine Markupsprache, die zum Erstellen der Struktur einer Webseite verwendet wird. CSS ist eine Stilsprache, mit der Sie das Aussehen von HTML-Elementen festlegen können. Um einen Donat-Streifen zu erstellen, benötigen Sie einige Webentwicklungsfähigkeiten und ein Verständnis der Grundlagen von HTML und CSS.

Viel Erfolg bei der Entwicklung deines Streams!

Die erste Methode ist die Verwendung spezieller Software

Um den Donat-Streifen mit Streamlabs auf den Stream zu bringen, ist es notwendig:

  1. Laden Sie das Programm Streamlabs herunter und installieren Sie es auf Ihrem Computer.
  2. Registrieren Sie sich und richten Sie Ihr Konto im Programm ein.
  3. Wählen Sie im Programm das entsprechende Widget für den Donat-Streifen aus und passen Sie seine Einstellungen an: Farbe, Schriftart, Stil und andere Optionen, je nach Ihren Vorlieben.
  4. Erhalten Sie einen speziellen Link oder Code, den Sie in Ihren Stream einfügen möchten. Dazu müssen Sie Streamlabs so konfigurieren, dass Daten auf Ihre Plattform gestreamt werden.
  5. Nachdem Sie einen Link oder Code in Ihren Stream eingefügt haben, wird ein Donat-Streifen auf dem Bildschirm angezeigt. Die Zuschauer können die verschiedenen im Programm angegebenen Spendenmethoden nutzen, um Sie zu unterstützen.

Die Verwendung einer speziellen Software wie Streamlabs macht es daher einfach und bequem, den Donat-Streifen auf den Stream zu übertragen, was dem Streamer helfen kann, zusätzliche Unterstützung von seinen Zuschauern zu erhalten.

Die zweite Methode ist, den Donat-Streifen über die Streamingplattform einzurichten

Im Folgenden sind die Schritte aufgeführt, um den Donat-Streifen auf zwei beliebten Streamingplattformen einzurichten:

Donat-Streifen auf Twitch einrichten

  1. Melden Sie sich bei Ihrem Twitch-Konto an und rufen Sie die Einstellungsseite Ihres Webbrowsers auf, indem Sie auf den Link "www.twitch.tv//dashboard ".
  2. Suchen Sie auf der Einstellungsseite nach der Registerkarte Emotion und Tweetie und öffnen Sie sie.
  3. Auf dieser Seite finden Sie verschiedene Anpassungsoptionen, einschließlich des Donat-Streifens. Klicken Sie neben dieser Option auf die Schaltfläche "Anpassen".
  4. Geben Sie Ihren bevorzugten Stil, Farbe und andere Optionen für den Donat-Streifen an.
  5. Speichern Sie die Einstellungen und schließen Sie die Seite.

Einrichten des Spendenstreifens auf YouTube

  1. Melden Sie sich bei Ihrem YouTube-Konto an und rufen Sie die Einstellungsseite Ihres Webbrowsers auf, indem Sie auf den Link "www.youtube.com//live_dashboard ".
  2. Suchen Sie auf der Einstellungsseite nach dem Abschnitt "Fallstile und Slots" und öffnen Sie ihn.
  3. Auf dieser Seite finden Sie die Option "Deckelschlitze", in der Sie den Donat-Streifen anpassen können. Klicken Sie neben dieser Option auf die Schaltfläche "Bearbeiten".
  4. Wählen Sie Ihr bevorzugtes Design, Farbe und andere Optionen für den Donat-Streifen aus.
  5. Speichern Sie die Einstellungen und schließen Sie die Seite.

Nachdem Sie den Donat-Streifen auf der Streamingplattform eingerichtet haben, wird er während der Übertragung automatisch auf Ihrem Stream angezeigt. Jetzt können Sie Spenden von Ihren Zuschauern erhalten und den Fortschritt in Echtzeit verfolgen!

Der dritte Weg: Die Donat-Leiste manuell mit HTML und CSS anpassen

Wenn Sie einige HTML- und CSS-Kenntnisse haben, können Sie den Donat-Streifen selbst anpassen und erstellen. Diese Methode erfordert mehr Zeit und Mühe, ermöglicht es Ihnen jedoch, das Aussehen und Verhalten des Donat-Streifens vollständig zu kontrollieren.

Um zu beginnen, können Sie eine neue HTML-Datei erstellen und sie in einem beliebigen Code-Editor öffnen. Dann können Sie den folgenden Code hinzufügen:

Sie können dann den folgenden CSS-Code zu Ihrer Stylesheet-Datei hinzufügen:

.donation-progress .progress-bar

In diesem Beispiel wird ein Container mit der Klasse "donation-progress" erstellt, bei dem es sich um einen horizontalen Spenderstreifen handelt. Im Container wird dann ein Element mit der Klasse "progress-bar" erstellt, das den gefüllten Teil des Streifens darstellt.

Sie können die Werte für Breite, Farbe und andere Eigenschaften ändern, um das Aussehen des Donat-Streifens an Ihre Vorlieben anzupassen.

Um den Spendenstreifen während der Übertragung zu aktualisieren, können Sie JavaScript verwenden, um die Breite eines Elements mit der Klasse "progress-bar" entsprechend der Anzahl der eingegangenen Spenden zu ändern.

Die manuelle Anpassung des Spendenstreifens mit HTML und CSS ermöglicht es Ihnen, einzigartige und individuelle Spendenstreifen für Ihren Stream zu erstellen.