Donatı widget'larını Streamlabs'tan StreamElements'e taşıma

Taşımadan önce nelere dikkat edilmeli

Streamlabs ve StreamElements farklı kontrol panelleri kullanır ve ayarları farklı şekillerde saklar. Bu nedenle donatı widget'larının tek bir düğmeyle tamamen taşınması genellikle mümkün değildir. Güvenli yöntem, parametreleri elle kaydetmek, StreamElements'te yeni bir şema oluşturmak, bunu ayrı olarak test etmek ve ancak ondan sonra OBS'deki kaynakları değiştirmektir.

Eski widget'lar hemen kaybolmaz. Streamlabs tarayıcı kaynaklarını OBS'de bırakırsanız, siz onları silene, devre dışı bırakana veya değiştirene kadar çalışmaya devam ederler. Bu, yaklaşan yayın sırasında uyarısız kalma riski olmadan yeni sistemi hazırlamanıza olanak tanır.

Başlamadan önce kanalda gerçekten hangi işlevlerin kullanıldığını belirleyin:

• donatı sayfası ve izleyiciler için bağlantı;
• donatılar, abonelikler, takipçiler ve diğer olaylarla ilgili uyarılar;
• toplama hedefleri, son olaylar listesi, sohbet ve ek öğeler;
• bildirim metinleri, görseller, GIF animasyonları, sesler ve CSS;
• profildeki, sohbet botu komutlarındaki, yayın açıklamasındaki ve sosyal medyadaki bağlantılar.

Gerekmedikçe her iki sistemi de aynı olaylara bağlamayın. Bildirimlerin bir kısmı Streamlabs'a, bir kısmı StreamElements'e gelirse, aynı olay iki kez görünebilir. Yeni donatılar ve uyarılar için hangi servisin ana servis olacağını önceden seçin.

Streamlabs ayarlarını kaydedin

Kullandığınız her Streamlabs widget'ını açın ve parametrelerini kaydedin. Tüm sekmelerin ekran görüntülerini alın, metin değerlerini ayrıca ayrı bir belgeye kopyalayın. Yalnızca görünümü değil, görüntüleme koşullarını da kaydedin: bunlar genellikle yazı tipi, renkler ve animasyondan ayrı yer alır.

Uyarılar için olay türünü, mesaj metnini, süreyi, ekrandaki konumu, öğe boyutlarını, giriş ve çıkış animasyonu ayarlarını yazın. Yazı tipini, metin boyutunu ve rengini, arka plan rengini, kenar boşluklarını, hizalamayı ve gönderen adı ile mesajın görüntülenme sırasını ayrıca kaydedin.

Farklı olaylar farklı şekillerde tasarlanmışsa, her varyantın ayarlarını kaydedin. Minimum donatı tutarını, gecikmeyi, filtreleri, anonim mesajların görüntülenmesini, metin uzunluğu sınırlamalarını ve uyarının gösterilmediği koşulları kontrol edin. Yeni düzenleyicideki parametre adları farklı olabilir, bu nedenle değerlerin kendisi ve ayarın amacı önemlidir.

Tasarımda kullanılan dosyaları indirin: görseller, GIF'ler, sesler ve CSS parçaları. Bir dosya yalnızca Streamlabs'a yüklenmişse, yeni widget'ta otomatik olarak görünmez. Materyalleri klasörlere ayırın ve her dosyanın amacını etiketleyin, böylece donatı sesini abonelik veya takipçi müziğiyle karıştırmazsınız.

Mevcut tarayıcı kaynağı URL'lerini ve OBS sahne adlarını kaydedin. Sahnelerde birden fazla Streamlabs kaynağı varsa, her birinin neyden sorumlu olduğunu yazın: uyarı, toplama hedefi, olay listesi veya sohbet. Eski adresler, çalışan sürüme geri dönmek için işe yarayacaktır.

Taşımaya başlamadan önce mevcut hedef değerlerini kaydedin: ad, toplam limit, toplanan tutar, para birimi ve bitiş tarihi. İlerlemenin ayrı bir ekran görüntüsünü alın. Ödeme geçmişi ve mevcut hedef değeri yeni hesabın bir parçası haline otomatik olarak gelmez.

İçe ve dışa aktarmayı kontrol edin

Elle ayarlamadan önce StreamElements düzenleyicisini açın ve arayüz sürümünüzde Import veya Export öğelerinin olup olmadığını kontrol edin. Böyle bir özellik, tam bir Streamlabs taşıması yerine StreamElements içinde oluşturulan tasarımla ilgili olabilir. Dışa aktarma düğmesinin varlığı, dosyaya donatı geçmişinin, ödeme verilerinin veya OBS kaynaklarının gireceği anlamına gelmez.

Düzenleyici overlay'i dışa aktarmanıza izin veriyorsa, önce zaten oluşturulmuş StreamElements tasarımınızın yedeğini alın. Uyumlu bir dosya veya şablon içe aktarma mevcutsa, bunu yalnızca biçimi kontrol ettikten sonra kullanın. Streamlabs'tan dışa aktarılan bir dosya, arayüz açıkça uyumluluğa işaret etmiyorsa StreamElements'e yüklenmemelidir.

Dışa aktarma, sahne yapısını, öğe konumlarını, metin ayarlarını veya özel widget kodunu kaydedebilir. Ancak görseller, sesler, harici bağlantılar ve CSS ayrı yükleme gerektirebilir. İçe aktarmadan sonra, sahnenin hata mesajı vermeden açılmasıyla yetinmeyin, düzenleyicideki her öğeyi kontrol edin.

Uyumlu bir içe aktarma yoksa, kaydedilmiş ekran görüntülerini ve parametre listesini kullanın. Bu daha uzun sürer, ancak hangi ayarın taşındığını ve hangisinin eski sistemde kaldığını anlamanıza olanak tanır.

StreamElements hesabını ve donatı sayfasını ayarlayın

StreamElements'e, istediğiniz kanalın bulunduğu yayın platformu hesabıyla giriş yapın. Ayarlamadan önce kanal adını ve bağlı izinleri kontrol edin. Servisi başka bir profille açarsanız, yeni widget'lar beklediğiniz yere kaydedilmeyebilir.

Kanal desteği ve ödemelerle ilgili bölümde, mevcut donatı alma yöntemini ayarlayın. Servis, verileri doğrulamanızı veya ödeme parametrelerini yeniden belirtmenizi isteyebilir. Bunu yeni bağlantıyı yayınlamadan önce yapın ve para birimini, minimum tutarı, anonim donatı olasılığını ve mesaj görüntüleme kurallarını kontrol edin.

StreamElements donatı bağlantısı Streamlabs bağlantısından farklı olacaktır. Transfer geçmişi, bekleyen ödemeler ve eski sayfanın parametreleri yeni hesabın bir parçası haline otomatik olarak gelmez. Özellikle tamamlanmamış ödemeler varsa veya izleyiciler eski adresi zaten kullanıyorsa, eski sayfayı hemen kapatmayın.

Yeni form test edilene kadar profildeki eski bağlantıyı bırakın. StreamElements sayfasını izleyici tarafından açın ve doğru kanala yönlendirdiğinden, doğru para birimini gösterdiğinden ve mesaj kabul ettiğinden emin olun. Test için rastgele bir gerçek transfer yerine mevcut test yöntemini veya riski en az olan seçeneği kullanın.

Uyarıları ve diğer widget'ları oluşturun

StreamElements'te overlay genellikle ayrı bir widget değil, tek bir ortak sahne veya tuval anlamına gelir. Böyle bir overlay içine öğeler yerleştirilir: uyarılar, hedef, son olaylar listesi, sohbet ve diğer bloklar. Bu nedenle önce istenen OBS sahnesi için genel bir overlay oluşturun, ardından içine ayrı öğeler ekleyin.

Farklı widget gruplarına sahip birden fazla sahneniz varsa, yalnızca gerçekten gerekli olan yerlerde onlar için ayrı overlay'ler veya ayrı bağlantılar oluşturun. Her uyarı için sebepsiz ayrı overlay yapmayın: böyle bir şema, kaynakları değiştirmeyi zorlaştırır ve bir öğeyi birden fazla kez bağlama riskini artırır.

Uyarı için aşağıdaki parametreleri taşıyın:

• bildirimi tetiklemesi gereken olay türleri;
• ad, tutar ve yorum değişkenleri dahil başlık ve mesaj metni;
• görüntüleme süresi, gecikme, görünme sırası ve gizlenme koşulları;
• yazı tipi, boyut, stil, renk, hizalama ve kenar boşlukları;
• görsel veya GIF'in boyutu ve konumu;
• giriş ve çıkış animasyonu, hız ve kaybolma yöntemi;
• minimum tutar, filtreler, mesaj sınırlamaları ve ayrı tasarım varyantları;
• olay sesi, ses düzeyi ve oynatma yöntemi.

Toplama hedefi için adı, toplam tutarı, para birimini, bitiş tarihini, etiketleri, ilerleme çubuğu görünümünü, renkleri ve konumu taşıyın. Son olaylar listesi için satır sayısını, sıralama düzenini, görüntülenen olay türlerini, ad uzunluğunu ve tutar biçimini kontrol edin. Sohbet için alan boyutunu, arka planı, saydamlığı, yazı tipini, gecikmeyi ve mesaj gösterme kurallarını ayrıca kaydedin.

Streamlabs'tan kaydedilen görselleri ve sesleri yükleyin. CSS görsel veya yazı tipi bağlantıları kullanıyorsa, yalnızca kodun kendisini değil, tüm harici adresleri de kaydedin. CSS'i StreamElements'te sağlanan alana değişiklik yapmadan kopyalayın ve ardından sonucu kontrol edin. Yeni widget'ın seçicileri ve HTML yapısı farklı olabilir, bu nedenle bazı kuralların uyarlanması gerekebilir.

Sesleri her olay türü için ayrı ayrı ayarlayın. Seçilen dosyayı, ses düzeyini, oynatma anını ve tekrarı kontrol edin. Streamlabs'ta ses için harici bir bağlantı kullanıldıysa, bunun erişilebilir olduğundan ve yetkilendirme gerektirmediğinden emin olun. Dosya eski servise yüklendiyse, yeni widget'a yeniden yükleyin.

Kaydettikten sonra önizlemeyi yenileyin. CSS'in metni gizlemediğinden, görselin mesajı kapatmadığından ve uyarının tuval sınırlarının dışına çıkmadığından emin olun. Uzun bir adı, çok satırlı bir yorumu, büyük bir tutarı ve özel karakterleri kontrol edin.

Mevcut hedef tutarını elle taşıyın

Hedefin adı ve toplam limiti, StreamElements'te zaten toplanan tutarın otomatik olarak görüneceği anlamına gelmez. Kaydedilmiş ekran görüntüsünü veya güncel Streamlabs istatistiklerini açın ve mevcut ilerlemeyi, hedef tutarı ve para birimini yazın. Toplama devam ediyorsa, taşıma sırasında yeni donatıları kaybetmemek için tarih ve saati kaydedin.

StreamElements'te aynı ad, toplam limit ve bitiş tarihiyle yeni bir hedef oluşturun. Ardından hedef veya widget ayarlarında başlangıç ya da mevcut ilerleme değerinden sorumlu alanı bulun. Alanın adı arayüz sürümüne bağlı olarak farklılık gösterebilir. Eski sistemde toplanan tutarı belirtin ve değişiklikleri kaydedin.

Başlangıç değerinin elle girilmesi desteklenmiyorsa, ilerlemeyi test veya gerçek donatıyla artırmayın. Bu, transfer geçmişini bozar ve uyarılarda gereksiz bir olay oluşturabilir. Bu durumda doğru toplam limiti belirtin ve mevcut toplama için desteklenen bir görüntüleme yöntemi seçin veya izleyiciler için anlaşılır bir açıklamayla yeni bir hedef başlatın.

Kaydettikten sonra yeni widget'ı eskiyle karşılaştırın: sayıyı, yüzdeyi, etiketi, para birimini ve bitiş tarihini kontrol edin. İlerleme yanlış görüntüleniyorsa, OBS'deki kaynak boyutlarını değil, StreamElements'teki hedefi düzeltin. Sonuç eşleştiğinde, hedefin adını veya kimliğini çalışma belgesine yazın.

Böyle bir mod mevcutsa, ilerleme değişimini test olayıyla kontrol edin. Tutarın sıfırlanmadığından ve uyarının iki kez görünmediğinden emin olun. Ancak bundan sonra hedefi çalışma sahnesine bağlayın.

OBS'deki kaynakları çakışma olmadan değiştirin

Önce bir test sahnesi oluşturun veya çalışma sahnesinin bir kopyasını kullanın. Bu, ana yayını değiştirmeden yeni bağlantıyı test etmenize olanak tanır. StreamElements'ten overlay URL'sini kopyalayın ve ardından aşağıdaki adımları izleyin:

1. OBS'de istediğiniz sahneyi açın ve yeni bir Browser Source kaynağı ekleyin.
2. Ona anlaşılır bir ad verin, örneğin «SE — uyarılar ve hedef», böylece eski kaynakla karıştırmazsınız.
3. Adres alanına StreamElements URL'sini yapıştırın.
4. OBS sahne tuvaline karşılık gelen genişlik ve yüksekliği belirtin.
5. Kaynağın konumunu, görünürlüğünü ve katman listesindeki sırasını kontrol edin.
6. Kaynağı kaydedin ve overlay'in yüklenmesini bekleyin.
7. Bu sahnedeki eski Streamlabs kaynağının görünürlüğünü geçici olarak devre dışı bırakın.
8. Test olaylarını başlatın ve bildirimin yalnızca bir kez göründüğünden emin olun.

Yeni kaynağı eski kaynağın üzerine eklemeyin ve test sırasında her iki kaynağı da görünür bırakmayın. Aksi halde bir donatı aynı anda iki uyarı gösterebilir. Eski kaynak yedek olarak gerekliyse, «eski» notuyla yeniden adlandırın ve gizli tutun.

Aynı overlay'in gruplar, stüdyo modu veya ek kompozisyonlar aracılığıyla aynı anda görüntülenen birden fazla sahneye bağlı olup olmadığını kontrol edin. Aynı kaynağın farklı yerlerde olması, bildirimin tekrar gösterilmesine yol açabilir.

Overlay yüklenmiyorsa, URL'yi, internet bağlantısını, kaynak boyutunu ve seçilen sahneyi kontrol edin. Browser Source'u yenilemeyi deneyin. CSS'i ve boyutları bağlantıyı değiştirmeyle aynı anda değiştirmeyin: tek bir düzeltmede hatanın nedenini anlamak daha kolaydır.

Test sahnesini kontrol ettikten sonra yeni kaynağı diğer sahnelere ekleyin. Her sahne için eski Browser Source'un gizli veya silinmiş, yeninin doğru yerde olduğundan ayrı ayrı emin olun.

Olayları ve sesi kontrol edin

Bağlanan her bildirim türü için StreamElements ayarlarındaki test olaylarını kullanın. Donatıyı, aboneliği, takipçiyi, hedef değişimini ve kanalda gerçekten kullanılan diğer olayları kontrol edin. Tek bir uyarı testi yeterli değildir: farklı olaylar farklı metinleri, görselleri ve sesleri tetikleyebilir.

Sonucu iki yerde kontrol edin: StreamElements önizlemesinde ve doğrudan OBS sahnesinde. Metnin konumunu, mesajın okunabilirliğini, ses düzeyini, animasyonun çalışmasını ve tekrar gösterim olmamasını değerlendirin. Uzun bir mesajı, alışılmadık karakterleri ve büyük bir tutarı ayrıca test edin.

Sesi OBS mikserinde ve kısa bir test kaydında kontrol edin. Sesin kapalı olmadığından, başka bir kaynak tarafından susturulmadığından ve doğru kanala yönlendirildiğinden emin olun. Uyarı görünüyor ama duyulmuyorsa, sorun dosyanın kendisinde değil, Browser Source ayarında veya ses yönlendirmesinde olabilir.

OBS üzerinden tarayıcı kaynağının ses kontrolü ayarı kullanılıyorsa, bunu ayrıca kontrol edin. Kaydı yayında olacak ses düzeyiyle dinleyin. Yalnızca kulaklıktaki sese güvenmeyin: izleyiciler farklı bir mix alabilir.

İzleyici mesajı ekrana yansıtılıyorsa, istenmeyen karakterlerin filtrelenmesini ve hatalı metni gizleme olasılığını kontrol edin. Görüntüleme süresini önceki ayarla karşılaştırın: çok kısa bir uyarıyı izleyiciler okuyamayabilir, çok uzun olan ise sahnenin bir kısmını kaplayabilir.

Donatı bağlantılarını değiştirin

Yeni sayfa, uyarılar, hedef ve ses kontrol edildikten sonra, bağlantıyı izleyicilerin gördüğü her yerde güncelleyin:

• kanal açıklaması ve profil panelleri;
• sabitlenmiş mesajlar ve sohbet botu komutları;
• yayın açıklaması ve duyuru şablonları;
• sosyal medya profilleri ve topluluk sayfaları;
• eski formun belirtildiği videolar, gönderiler ve diğer materyaller.

Adres uyarı metninde, panel açıklamasında veya özel widget'ta gösteriliyorsa, orada da değiştirin. Bot komutlarını ayrıca kontrol edin: bağlantı otomatik yanıtta gizli olabilir ve kanalın ana açıklamasında görünmeyebilir.

Önce ana profili ve sabitlenmiş mesajı güncelleyin, ardından kanalı izleyici tarafından açın. Yeni bağlantının doğru sayfaya yönlendirdiğinden ve eski adresin artık görünür bir yerde belirtilmediğinden emin olun. Bundan sonra diğer platformları değiştirin.

Eski donatı sayfasını hemen kapatmayın. Eski gönderilerde kalabilir ve izleyicilerin tamamlanmamış transferleri olabilir. Yeni form kontrol edildikten ve ana bağlantılar güncellendikten sonra, izleyicilere geçişi ayrı bir gönderi veya yayın mesajıyla bildirin.

Taşımadan sonraki ilk yayınları StreamElements ve OBS panelleri açıkken yapın. Bir olay görünmezse veya uyarı yanlış çalışırsa, sorunun donatı formunda, olay işlemede, overlay'de veya tarayıcı kaynağında olduğunu daha hızlı anlarsınız.

Yedek bir şema saklayın

Değiştirdikten hemen sonra eski Browser Source kaynaklarını silmeyin. Onları sahnede gizli bırakın veya ayrı bir sahne koleksiyonu kopyası saklayın. Ayrıca Streamlabs ayarlarının, tasarım dosyalarının, CSS'in, seslerin, görsellerin ve eski URL listesinin yedeğini tutun.

Yeni overlay yüklenmeyi bırakırsa, geçici olarak gizleyin ve eski kaynağı geri getirin. Sorun yalnızca bir öğedeyse, tüm sahneyi değiştirmeyin: URL'yi, görünürlüğü, kaynak boyutunu, olay ayarlarını ve bağlı overlay'i kontrol edin.

Birkaç doğrulanmış yayından sonra gereksiz kaynakları çalışma koleksiyonundan silebilirsiniz. Arşivi ayrıca saklamak daha iyidir. Önceki tasarımı geri yüklemeniz, parametreleri karşılaştırmanız veya bazı öğeleri geri getirmeniz gerekirse işe yarayacaktır.

Kısa işlem sırası

1. Streamlabs'taki donatı sayfası, uyarılar, hedefler ve diğer widget'ların bir listesini yapın.
2. Ekran görüntülerini, metinleri, CSS'i, görselleri, sesleri, mevcut hedef değerlerini ve eski URL'leri kaydedin.
3. Tam bir Streamlabs taşımasına güvenmeden mevcut içe ve dışa aktarma işlevlerini kontrol edin.
4. StreamElements'te doğru kanalı bağlayın ve donatı sayfasını ayarlayın.
5. Sahne için genel bir overlay oluşturun ve uyarıları ve diğer öğeleri elle taşıyın.
6. Sesleri ve görselleri yükleyin, CSS'i yapıştırın, görüntüleme koşullarını ve görünümü kontrol edin.
7. Bir hedef oluşturun ve arayüz destekliyorsa mevcut ilerlemeyi elle belirtin.
8. Eskisini silmeden OBS test sahnesine yeni bir Browser Source ekleyin.
9. Olayları, sesi, öğe konumlarını, uzun mesajları ve yinelenme olmadığını kontrol edin.
10. Profildeki, botta, açıklamalardaki ve sosyal medyadaki bağlantıları değiştirin.
11. Yedek şemayla birkaç yayın yapın ve eski kaynakları yalnızca kontrol ettikten sonra silin.