27.01.2026, 23:34
Merhaba; sade bir index ile sizlere merhaba demek istedik. İndex görünümü BURADAN göreebilirsiniz. İndex kodlarını kopyala yapıştır ile radyo sayfanıza uygulayabilirsiniz.
İndex te değiştirebileceğiniz Alanlar:
Yayın adresi: https://YAYIN_ADRESIN:PORT/stream
Chat adresi : https://SENINCHATADRESIN/chat/
Player üstündeki yazı kısmını değişebilirsiniz. Altt bölümdeki yazılanları değiştirmeye kalkıştığınızda index çalışmaz.
İşte İndex Kodunuz:
İndex te değiştirebileceğiniz Alanlar:
Yayın adresi: https://YAYIN_ADRESIN:PORT/stream
Chat adresi : https://SENINCHATADRESIN/chat/
Player üstündeki yazı kısmını değişebilirsiniz. Altt bölümdeki yazılanları değiştirmeye kalkıştığınızda index çalışmaz.
İşte İndex Kodunuz:
Kod:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RadyoKanka | Canlı Yayın</title>
<style>
*{box-sizing:border-box}
body{
margin:0;
font-family:Arial,Helvetica,sans-serif;
background:#04060a;
color:#fff;
}
/* HEADER */
.header{
padding:40px 20px;
text-align:center;
background:
radial-gradient(circle at top,#0a1a2f,#050505 70%);
}
.logo{
font-size:46px;
font-weight:bold;
background:linear-gradient(90deg,#00c6ff,#b00020);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}
.tagline{
color:#9aa;
margin-top:8px;
}
/* PLAYER */
.player-box{
margin:30px auto 0;
max-width:500px;
background:#0b0f16;
padding:20px;
border-radius:18px;
position:relative;
animation:pulse 2.2s infinite;
}
/* NABIZ EFEKTİ */
@keyframes pulse{
0%{
box-shadow:
0 0 10px rgba(0,198,255,.6),
0 0 25px rgba(176,0,32,.5);
}
50%{
box-shadow:
0 0 25px rgba(0,198,255,.9),
0 0 55px rgba(176,0,32,.9);
}
100%{
box-shadow:
0 0 10px rgba(0,198,255,.6),
0 0 25px rgba(176,0,32,.5);
}
}
.player-box h3{
margin:0 0 15px;
color:#00c6ff;
}
audio{width:100%}
/* DJ SLIDER */
.dj-slider{
background:#020409;
overflow:hidden;
padding:25px 0;
}
.dj-track{
display:flex;
width:max-content;
animation:djscroll 30s linear infinite;
}
.dj{
width:200px;
margin:0 15px;
background:#0b0f16;
border-radius:14px;
padding:15px;
text-align:center;
box-shadow:0 0 15px rgba(0,198,255,.2);
}
.dj img{
width:100%;
border-radius:10px;
}
.dj h4{
margin-top:10px;
color:#b00020;
}
@keyframes djscroll{
from{transform:translateX(100%)}
to{transform:translateX(-100%)}
}
/* CHAT */
.chat-wrap{
display:flex;
justify-content:center;
padding:50px 10px;
}
.chat-box{
width:1200px;
max-width:100%;
height:800px;
border-radius:18px;
overflow:hidden;
box-shadow:
0 0 25px rgba(0,198,255,.3),
0 0 45px rgba(176,0,32,.3);
}
.chat-box iframe{
width:100%;
height:100%;
border:0;
}
/* FOOTER */
.footer{
background:#000;
color:#777;
text-align:center;
padding:20px;
font-size:14px;
}
.footer span{
display:block;
margin-top:5px;
font-size:13px;
}
.footer .designer{
background:linear-gradient(90deg,#00c6ff,#b00020);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
font-weight:bold;
}
</style>
</head>
<body>
<div class="header">
<div class="logo">RADYO ADINIZ</div>
<div class="tagline">Yüreğin Sesi • Canlı Radyo</div>
<div class="player-box">
<h3>? CANLI YAYIN</h3>
<audio controls autoplay>
<source src="https://YAYIN_ADRESIN:PORT/stream" type="audio/mpeg">
</audio>
</div>
</div>
<div class="dj-slider">
<div class="dj-track">
<div class="dj">
<img src="https://images.unsplash.com/photo-1506794778202-cad84cf45f1d">
<h4>DJ ADI</h4>
</div>
<div class="dj">
<img src="https://images.unsplash.com/photo-1529626455594-4ff0802cfb7e">
<h4>DJ ADI</h4>
</div>
<div class="dj">
<img src="https://images.unsplash.com/photo-1500648767791-00dcc994a43e">
<h4>DJ ADI</h4>
</div>
<div class="dj">
<img src="https://images.unsplash.com/photo-1506794778202-cad84cf45f1d">
<h4>DJ ADI</h4>
</div>
</div>
</div>
<div class="chat-wrap">
<div class="chat-box">
<iframe src="https://SENINCHATADRESIN/chat/"></iframe>
</div>
</div>
<div class="footer">
© 2026 BisoralimForum • Canlı Yayın Platformu
<span>Tasarım: <span class="designer">Kırık Nota</span></span>
</div>
</body>
</html>Artık kimseye kendimi anlatmıyorum, anlayan zaten suskunluğumdan tanıyor. Tanımayan da varsın hikâyemi yarım bilsin.
![[Resim: hayal-etmek.png]](https://i.ibb.co/ZRxSKbJF/hayal-etmek.png)