HTML |
|
1 2 |
<div style="display: flex; align-items: center; justify-content: center; gap: 20px;"> <!-- Ses Oynatıcı --> <audio controls autoplay preload="metadata" style="width: 300px;"> <source src="https://eu1.fastcast4u.com/proxy/ID?mp=/1" type="audio/mpeg"> Lütfen tarayıcınızı değiştirin, kullandığınız tarayıcı desteklemiyor. İlginize teşekkürler. </source></audio> <!-- İndirme Seçenekleri --> <div id="topbar_client_tunein" style="color: white; font-family: Arial, sans-serif; background-color: black; padding: 10px; border-radius: 5px;"> <strong>İndirme Seçenekleri:</strong> <div id="cc_tunein" style="display: flex; gap: 20px;"> <a href="https://eu9.fastcast4u.com/tunein/ID.pls"> <img align="absmiddle" src="https://eu9.fastcast4u.com/system/images/tunein-pls.png" border="0" alt="Winamp, iTunes" title="Winamp, iTunes" /> </a> <a href="https://eu9.fastcast4u.com/tunein/ID.asx"> <img align="absmiddle" src="https://eu9.fastcast4u.com/system/images/tunein-asx.png" border="0" alt="Windows Media Player" title="Windows Media Player" /> </a> <a href="https://eu9.fastcast4u.com/tunein/ID.ram"> <img align="absmiddle" src="https://eu9.fastcast4u.com/system/images/tunein-ram.png" border="0" alt="Real Player" title="Real Player" /> </a> <a href="https://eu9.fastcast4u.com/tunein/ID.qtl"> <img align="absmiddle" src="https://eu9.fastcast4u.com/system/images/tunein-qtl.png" border="0" alt="QuickTime" title="QuickTime" /> </a> <a href="https://eu8.fastcast4u.com/stream/ID/stream.pls"> <img align="absmiddle" src="https://eu9.fastcast4u.com/system/images/tunein-web.png" border="0" alt="Stream Proxy" title="Stream Proxy" /> </a> </div> </div></div> |
HTML |
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<!DOCTYPE html><html lang="tr"><head> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <title>RADYO ADI</title> <style> body { margin: 0; /* Sayfanın kenar boşluklarını sıfırlar */ } #chatango-container { width: 900px; height: 600px; position: relative; background-image: url('http://www.sohbet arkası resim.png'); background-size: cover; background-position: center; overflow: hidden; } #video-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; } #corner-image { position: absolute; bottom: 0px; left: 0px; width: 200px; height: 22px; background-image: url('Alt sol köşeye küçük reklamınız olacak resim'); background-size: cover; background-position: center; } #top-right-image { position: absolute; top: 0; right: -150px; width: 150px; height: 220px; background-image: url('Dilerseniz uçuşan kuş veya kelebek eklerseniz'); background-size: contain; background-repeat: no-repeat; background-position: center; z-index: 0; } #chatango-container script { z-index: 1; position: relative; } /* Boşluk eklemek için aşağıdaki stil eklendi */ #bottom-space { height: 50px; /* Boşluğun yüksekliği */ width: 100%; } </style></head><body> <div id="chatango-container"> <div id="top-right-image"></div> <Chatango sohbet kodunuz buraya} </script> <div id="corner-image"></div> </div> <!-- Boşluk div'i eklendi --> <div id="bottom-space"></div> <script> const topRightImage = document.getElementById('top-right-image'); const containerWidth = document.getElementById('chatango-container').offsetWidth; const imageWidth = topRightImage.offsetWidth; let position = -imageWidth; let direction = 1; const speed = 0.3; function animate() { position += direction * speed; if (position > containerWidth) { position = -imageWidth; } else if (position < -imageWidth) { position = containerWidth; } topRightImage.style.right = `${position}px`; requestAnimationFrame(animate); } animate(); </script></body></html> |
This post has been edited 8 times, last edit by "Dilber" (Nov 30th 2024, 5:18pm)
Merhaba, yorumun için çok teşekkür ederim. Flatcast'in kapanması hepimizi üzen bir durum oldu, tıpkı senin gibi ben de o samimi ortamı çok özleyeceğim. Ancak elimizde olan seçenekler kısıtlı olduğu için Shoutcast gibi alternatif platformlara yönelmek zorunda kaldık. Amacım, bu zor süreçte hepimizin iletişimde kalmasına yardımcı olmak ve yeni yollar keşfetmek.Bir çok insanın birbirini tanıdığı küçük bir sahil kasabası gibiydi flatcast, bir biriyle yardımlaşan, hatta index leri ve temalarını kullanmakta yarıştiğimiz emek verenlerimiz , yeniden binlerce teşşekürler hepinize, Shoutcast sadece bir çaresizlik, Metropol bir şehirde darmadağın edilmiş gibi hissediyorum radyo sahiplerimizi. kimin hangi köşede umutsuzca emek vermeye çalışması gibi..! Yeniden Flatcast' ımızı bizlere geri verin bizleri darmadağın etmeyin lütfen..
DJ kimliğine göre arka plan değişimi yapmak isteyenler için, her DJ yayını aldığında kendi görselini kullanabilmesi artık mümkün! Geliştirdiğim bu çözümle, DJ'ler yayına başladığında otomatik olarak kendi özel arka planları görüntüleniyor. Projede elde ettiğim sonuçlar gayet başarılı ve bu sistem isteğe göre daha da geliştirilebilir.Ayrıca, her yayında DJ'e özel atmosferi yansıtmak ve dinleyicilere görsel bir şölen sunmak artık çok daha kolay! Tüm DJ arkadaşlara neşeli ve başarılı yayınlar dilerim. İşte bu çözüm için gerekli HTML kodları:Shoutcast Radio Player ve Auto DJ ile Yayın Yapma Rehberi Merhaba arkadaşlar, Sizler için Shoutcast Radio kurulumu hakkında adım adım bir video rehberi hazırladım. Bu rehber sayesinde internet radyonuzu kolayca kurabilir ve Auto DJ ile kesintisiz müzik yayını yapabilirsiniz. Video içeriği:Auto DJ özelliği ile 1GB kapasitesine kadar müzik yükleyebilir, sınırsız yayın akışı ile dinleyicilerinize kesintisiz bir deneyim sunabilirsiniz. Videodaki adımları takip ederek, kolayca kendi radyo istasyonunuzu kurabilir ve Auto DJ ile sürekli yayın yapabilirsiniz. Bu rehber, yeni başlayanlar ve deneyimli kullanıcılar için pratik çözümler sunuyor. [*]
- Shoutcast Radio Player kurulumu
- Auto DJ ile 1GB müzik yayını ayarları
- Yayın yapma ve dinleyici kitlenize ulaşma detayları
NOT: Onay kodunu alabilmeniz için hattınızın uluslararası aramalara açık olması gerekir. Malum, Shoutcast sunucusu Türkiye'de değil.--------------------[*][*]Mixxx Programı ile Ücretsiz DJ Yayını Yapın DJ yayınlarınızı profesyonel bir şekilde gerçekleştirmek için ücretsiz bir yazılım olan Mixxx'i kullanabilirsiniz. Mixxx, canlı DJ setleri, internet radyosu yayını ve ses miksajı için mükemmel bir platformdur. Programı indirmek için aşağıdaki bağlantıya tıklayabilirsiniz: Mixxx İndir (Windows 64 bit işletim sistemi) Mixxx ile:Bu program ile yayınlarınızı daha etkili hale getirin! ================================================= Winamp ile Shoutcast Yayını Yapın Winamp, Shoutcast üzerinden radyo yayını yapmanın en popüler ve kolay yollarından biridir. Kullanıcı dostu arayüzü ve eklenti desteğiyle müzik yayını yapmayı herkes için erişilebilir hale getirir. Programı indirmek için aşağıdaki bağlantıya tıklayabilirsiniz: Winamp İndir Winamp ile: 32/64 bit
- Müzik dosyalarını kolayca miksleyebilir,
- Canlı yayınlar yapabilir,
- Profesyonel DJ kontrolcüsü desteğinden yararlanabilirsiniz.
Winamp'i kurarken, eklentileri (örneğin Bing Toolbar) yüklemek istemiyorsanız, "Custom" seçeneğini işaretleyerek gereksiz eklentileri kaldırabilirsiniz. ================================================ sizler için kurulumda gerekebilecek kodlar RADYO PLAYER ----------------------------------------------------------------------------------
- Shoutcast yayınlarınızı hızlıca başlatabilir,
- Müzik dosyalarınızı çalma listelerine ekleyip yayın yapabilir,
- DSP eklentisi ile yayın kalitesini artırabilirsiniz.
------------------------------------------------------------------------------------ ================================================== SOHBET KUTUSU İÇİN ÖRNEK KODLAR -------------------------------------------------------------------------------------
HTML
1 2 <div style="display: flex; justify-content: center; gap: 20px; align-items: center;"> <!-- Ses Oynatıcı --> <div style="text-align: center; background-color: rgba(0, 0, 0, 0.1); color: white; padding: 20px; border-radius: 10px; max-width: 400px;"> <audio controls autoplay preload="metadata" style="width: 100%; margin-bottom: 15px;"> <source src="https://eu8.fastcast4u.com/proxy/IDNIZ?mp=/1" type="audio/mpeg"> Tarayıcınız bu ses oynatıcıyı desteklemiyor. </source></audio> <!-- Yayın Bilgileri --> <div style="text-align: left; font-size: 14px;"> <strong>Şu An Yayında:</strong> <a href="https://eu8.fastcast4u.com/tunein/IDNIZ.pls" class="cc_streaminfo" data-type="song" data-username="IDNIZ">Yükleniyor...</a><br /> <script src="https://eu8.fastcast4u.com/system/streaminfo.js"></script> </div> </div> <!-- İndirme Seçenekleri --> <div id="topbar_client_tunein" style="color: white; font-family: Arial, sans-serif; background-color: black; padding: 10px; border-radius: 5px;"> <strong>İndirme Seçenekleri:</strong> <div id="cc_tunein" style="display: flex; gap: 20px;"> <a href="https://eu9.fastcast4u.com/tunein/IDNIZ.pls"> <img align="absmiddle" src="https://eu9.fastcast4u.com/system/images/tunein-pls.png" border="0" alt="Winamp, iTunes" title="Winamp, iTunes" /> </a> <a href="https://eu9.fastcast4u.com/tunein/IDNIZ.asx"> <img align="absmiddle" src="https://eu9.fastcast4u.com/system/images/tunein-asx.png" border="0" alt="Windows Media Player" title="Windows Media Player" /> </a> <a href="https://eu9.fastcast4u.com/tunein/IDNIZ.ram"> <img align="absmiddle" src="https://eu9.fastcast4u.com/system/images/tunein-ram.png" border="0" alt="Real Player" title="Real Player" /> </a> <a href="https://eu9.fastcast4u.com/tunein/IDNIZ.qtl"> <img align="absmiddle" src="https://eu9.fastcast4u.com/system/images/tunein-qtl.png" border="0" alt="QuickTime" title="QuickTime" /> </a> <a href="https://eu8.fastcast4u.com/stream/IDNIZ/stream.pls"> <img align="absmiddle" src="https://eu9.fastcast4u.com/system/images/tunein-web.png" border="0" alt="Stream Proxy" title="Stream Proxy" /> </a> </div> </div></div>----------------------------------------------------------------------- ========================================== Neşe dolu yayınlar!
HTML
1 2 3 const topRightImage = document.getElementById('top-right-image'); const containerWidth = document.getElementById('chatango-container').offsetWidth; const imageWidth = topRightImage.offsetWidth; let position = -imageWidth; let direction = 1; const speed = 0.3; function animate() { position += direction * speed; if (position > containerWidth) { position = -imageWidth; } else if (position
HTML |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<div id="html1" style="position:absolute; overflow:hidden; left:257px; top:562px; width:950px; height:700px; z-index:7"><!--DOCTYPE html--> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <title>ALLATURKAA</title> <style> body { margin: 0; } #player-container { text-align: center; padding: 20px; background-color: rgba(0, 0, 0, 0.1); color: white; border-radius: 10px; max-width: 400px; margin: 0 auto; } #chatango-container { width: 970px; height: 560px; position: relative; background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnfrHLpoRrLgf8BWFnUN7je1LjHgZPI52qkg-HsncOYiYuYamDxcBUW5ur0l6CBc3sDoZaTKJcR9rVGbPsgVi-ZPPhYsrwKCISRKirNSTwPHlZD0pmiw0T7Zc7EhWCMPzSLDUNRfwe4Zc/w900-h600-s-no-gm/?authuser=0'); background-size: cover; background-position: center; overflow: hidden; } #corner-image { position: absolute; bottom: 0px; left: 0px; width: 300px; height: 32px; background-image: url('https://allaturkaa.de/forum/wcf/images/allaturkaa/logo.png'); background-size: cover; background-position: center; } </style> <div id="player-container"> <audio controls="" autoplay="" preload="metadata" style="width: 100%; margin-bottom: 15px;"> <source src="https://eu8.fastcast4u.com/proxy/<-IDNIZ->?mp=/1" type="audio/mpeg"> // Yeni radyo yayınının URL'sini buraya ekleyin. Tarayıcınız bu ses oynatıcıyı desteklemiyor. </audio> <!-- Yayın Bilgileri --> <div style="text-align: left; font-size: 14px;"> <strong>Şu An Yayında:</strong> <a href="https://eu8.fastcast4u.com/tunein/streaming.pls" class="cc_streaminfo" data-type="song" data-username="KULLANICI">Yükleniyor...</a><br /> <script src="https://eu8.fastcast4u.com/system/streaminfo.js"></script>// Yeni streaminfo.js dosyanızın URL'si </div> </div> <div id="chatango-container" style="background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnfrHLpoRrLgf8BWFnUN7je1LjHgZPI52qkg-HsncOYiYuYamDxcBUW5ur0l6CBc3sDoZaTKJcR9rVGbPsgVi-ZPPhYsrwKCISRKirNSTwPHlZD0pmiw0T7Zc7EhWCMPzSLDUNRfwe4Zc/w970-h550-s-no-gm/?authuser=0");"> <div id="corner-image"></div> <!-- Chatango Script -->// kendi Chatango dosyanız ile değiştirmeyi unutmayın </div> <script> const defaultBackground = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnfrHLpoRrLgf8BWFnUN7je1LjHgZPI52qkg-HsncOYiYuYamDxcBUW5ur0l6CBc3sDoZaTKJcR9rVGbPsgVi-ZPPhYsrwKCISRKirNSTwPHlZD0pmiw0T7Zc7EhWCMPzSLDUNRfwe4Zc/w970-h550-s-no-gm/?authuser=0'; const djBackgrounds = { 'DJ ALLATURKAA': 'https://example.com/allaturkaa.jpg', // DJ allaturkaa için arka plan resmi 'DJ isminiz': 'https://example.com/isminiz.jpg' // Daha fazla DJ ekleyebilirsiniz }; function updateBackground() { const streamInfoElement = document.querySelector('.cc_streaminfo'); if (streamInfoElement) { const currentDJ = streamInfoElement.textContent.trim().toUpperCase(); console.log("Current DJ: " + currentDJ); let backgroundImage = defaultBackground; for (let key in djBackgrounds) { if (currentDJ.includes(key)) { backgroundImage = djBackgrounds[key]; break; } } document.getElementById('chatango-container').style.backgroundImage = `url('${backgroundImage}')`; } else { console.warn('streamInfoElement bulunamadı.'); } } const script = document.createElement('script'); script.src = 'https://eu8.fastcast4u.com/system/streaminfo.js';// Mevcut streaminfo.js dosyasını kendi dosyanız ile değiştirmeyi unutmayın script.onload = function() { updateBackground(); setInterval(updateBackground, 10000); }; document.body.appendChild(script); </script></div> |
This post has been edited 2 times, last edit by "Dilber" (Nov 30th 2024, 5:21pm)
Çok teşekkür ederim Kerimcan! Flatt severler için elimden geleni yapmaya çalıştım, böyle güzel geri dönüşler almak beni çok mutlu ediyor. Yardımcı olabildiysem ne mutlu bana! Desteğin ve güzel yorumun için tekrar teşekkürler, her zaman birlikte güzel işler yapmaya devam ederiz inşallah.Eline,Emeğine sağlık Dilber..Çok güzel bir çalişma olmuş Flatt severleri yalniz birakmamişsin.Bu yaptiğin çalışmayla gerçekten çok yardimcı olmuşsun. Bu çalışmadan dolayi seni candan kutlarim.Teşekür ederim.
Güzel sözleriniz için yürekten teşekkür ederim.Emeğine yüreğine sağlık Dilber hanım, değerli paylaşımınız için teşekkürler, umarım bir çok arkadaşımızın çözüm arayışlarına çare olacak bir hizmet, saygılarımızı lütfen kabul edin..