StreamElements sohbet temanızı kullanın

Özel sohbet bileşenini içe aktarın, Social Stream Ninja ile önizleyin ve OBS için dosya indirin.

Sohbet içe aktarıcısını aç

Neler çalışır?

İçe aktarıcı şu amaç içindir: özel sohbet bileşenleri StreamElements veya Streamlabs için yapılmış, tema paketinin sohbet bileşeni de dahil. Bileşenin kaynak dosyaları gerekir. Tüm StreamElements hesabını veya katman URL'sinden bir temayı içe aktarmaz.

Şunlardan birini kullanın: SSN Windows masaüstü uygulaması veya Chrome uzantısı sohbet yakalamak için. İçe aktarılan tema bu sohbeti OBS'de gösterir. Uyumluluk bileşene bağlıdır; hedefler, sadakat, mağazalar ve uyarılar gibi hesap özellikleri elle dönüşüm gerektirebilir.

1. Bileşen dosyalarını alın

Tasarımcıdan gelen orijinal ZIP veya klasörle başlayın. HTML, CSS ve JavaScript'in yanı sıra fields/data JSON, görseller ve yazı tiplerini arayın. Pakette birden fazla tasarım varsa tek sohbet bileşeni seçin.

Yalnızca yükleme bağlantınız mı var? Tasarımcıdan sohbet bileşeninin kaynak kodunu isteyin veya StreamElements özel bileşen düzenleyicinizdeki kodu kullanın. Ekran görüntüsü, video veya Tarayıcı Kaynağı URL'si tek başına dönüştürülemez.

Bileşen kodum StreamElements düzenleyicisinde

Özel bileşenin kod düzenleyicisini açın. Mevcut her parçayı ayrı düz metin dosyası olarak kaydedin: html.txt, css.txt, js.txt, fields.txt ve data.txt. Biçimlendirme eklemeden veya JSON'u değiştirmeden içeriği kopyalayın. Veri dosyası yoksa içe aktarıcı alanlardaki varsayılanları kullanır.

Şunu kullanarak bu dosyaların tümünü birlikte seçin: Dosya seç. Yerel görselleri veya yazı tiplerini de dahil edin; Klasör seç klasör yollarını korur. Şuna bakın: StreamElements kod düzenleyicisi başvuru kaynağı kod ve alan yapısı için.

Yalnızca güvendiğiniz kodu içe aktarın: bileşenin JavaScript'i önizlemede ve indirilen katmanda çalışır.

2. İçe aktarıcıyı açın

SSN menüsünde şu bölümün altında: Hazır stilli sohbet katmanları, şu seçeneği bulun: StreamElements / Streamlabs sohbet temasını içe aktar. Bu, geçerli oturumunuzu doldurur. Menüde şu terimi de arayabilirsiniz: StreamElements veya içe aktarıcıyı doğrudan açın.

Kullanın: ZIP seç, Dosya seç veya Klasör seç. Dosyalar işlendikten sonra demo önizleme yüklenir. İçe aktarma uyarılarını kontrol edin; şunu kullanın: Gelişmiş dosya seçimi yanlış kaynak dosyaları algılandıysa.

Örnek sohbet mesajlarının yanında üç kurulum adımını ve Demo Önizleme, Canlı Önizleme ve OBS HTML'sini İndir kontrollerini gösteren sohbet içe aktarıcısı.
Örnek bileşen ve yer tutucu oturum kimliğiyle içe aktarıcı. İçe aktarılan sohbet temanızın kendi tasarımı olacaktır.

3. Bağlayın ve önizleyin

  1. SSN'yi çalışır durumda tutun ve sohbet panelinde gerçek bir mesaj göründüğünü doğrulayın.
  2. İçe aktarıcının şu bölümünü kontrol edin: SSN Oturum Kimliği / Yayın Kimliği. Boşsa şuradan kopyalayın: Oturum seçenekleri SSN'de. Bu, Twitch veya YouTube kullanıcı adınız değildir.
  3. Kullanıyorsanız isteğe bağlı oturum parolasını girin.
  4. Kullanın: Demo Önizleme örnek mesajlar için, ardından Canlı Önizleme ve yayınınıza yeni bir sohbet mesajı gönderin.
  5. Eğer Mesaj geçmişi görünürse zamanlı kaldırmayı veya en fazla mesaj sayısını ayarlayın.

Demo Önizleme oturum olmadan çalışır ve yalnızca örnek mesajlar kullanır. Canlı Önizleme SSN'den sohbet gelmesini gerektirir; boş önizleme tek başına bağlantının başarısız olduğu anlamına gelmez.

4. İndirip OBS'ye ekleyin

  1. Tıklayın: OBS HTML'sini İndir ve kalıcı bir yere kaydedin.
  2. OBS'de şunu ekleyin: Tarayıcı Kaynağı, şunu etkinleştirin: Yerel dosya, ardından o HTML dosyasını seçin.
  3. Sohbet alanınızın genişliğini ve yüksekliğini ayarlayın, ardından kontrol etmek için başka bir mesaj gönderin.

Oturumunuz zaten gömülüdür; OBS'de URL düzenlemesi gerekmez. İndirilen dosyayı Tarayıcı Kaynağı olarak kullanın. SSN'yi ve sohbet yakalama kaynaklarınızı çalışır durumda tutun; içe aktarıcıyı ve StreamElements'ı kapatabilirsiniz.

Dışa aktarılan dosya oturum kimliğinizi ve isteğe bağlı parolanızı içerir. Gizli tutun. Daha sonra oturumu, parolayı veya bileşen ayarlarını değiştirmek için orijinal dosyaları yeniden içe aktarın ve yeni dosyayı indirin, ardından OBS kaynağını yenileyin.

Bir şey çalışmıyorsa

  • Bileşen kodu bulunamadı: orijinal kaynak dosyalarını kullanın. Görseller, tek başına fields/data ve önceden dönüştürülmüş SSN dosyaları bileşen kaynağı değildir.
  • Demo boş veya yanlış görünüyor: Gelişmiş dosya seçimi altında HTML/CSS/JS'yi kontrol edin. Eşleşen alan ve veri dosyalarını ve tüm varlıkları sağlayın.
  • Demo çalışıyor, Canlı Önizleme boş: yeni mesaj gönderin, SSN panelini kontrol edin ve oturum kimliği ile parolayı eşleştirin.
  • Canlı çalışıyor, OBS boş: seçili yerel HTML dosyasını, Tarayıcı Kaynağı boyutlarını ve görünürlüğünü kontrol edin, ardından önbelleğini yenileyin.
  • Yazı tipleri veya görseller eksik: dışa aktarma özetini inceleyin. Gömülemeyen uzak kaynaklar yine erişilebilir URL ve internet erişimi gerektirir.
  • Mesajlar kayboluyor: bileşen sunuyorsa Mesaj geçmişi'ni ayarlayın. Bazı bileşenler kaldırmayı kendi JavaScript'leriyle kontrol eder.
  • Hesap API'leri veya eklentiler başarısız: bazı bileşenler kod değişikliği gerektirir. İçe aktarıcının dönüştürme istemini kullanın veya yardım isteyin orijinal bileşen dosyaları ve sorunun ekran görüntüsüyle, oturum kimlik bilgilerinizi paylaşmadan.

Diğer seçenekler: yerleşik sohbet temaları, özel CSS, veya OBS sorun giderme.