Son Yazılar
A101 Katalogu BİM Katalogu ŞOK Katalogu Migros Katalogu
Home » » Podcast oynatıcı için HTML kodu

Podcast oynatıcı için HTML kodu

Written By Yazarlife on 16 Mayıs 2025 Cuma | Mayıs 16, 2025

 Bir podcast oynatıcı için HTML ve CSS kullanarak basit bir embed kodu oluşturabilirsin. İşte temel bir örnek: kendi PODCAST kodunuzu aşağıda verdiğim kısma eklemeniz yeterlidir.



Ekleme yapılacak yer burasıdır
<source src="podcast-dosyasi.mp3" type="audio/mpeg">

<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Podcast Oynatıcı</title>
    <style>
        .podcast-player {
            width: 300px;
            padding: 10px;
            background-color: #f4f4f4;
            border: 1px solid #ccc;
            text-align: center;
            border-radius: 5px;
        }
        audio {
            width: 100%;
        }
    </style>
</head>
<body>

    <div class="podcast-player">
        <h2>Radyo Frekans FM - Podcast</h2>
        <audio controls>
            <source src="podcast-dosyasi.mp3" type="audio/mpeg">
            Tarayıcınız ses oynatmayı desteklemiyor.
        </audio>
    </div>

</body>
</html>

Bu kodda:

  • audio etiketi ile podcast dosyanı ekleyebilirsin.

  • controls özelliği ile oynatma, duraklatma gibi kontroller sunar.

  • .podcast-player adlı div tasarımı, şık bir çerçeve içinde podcasti göstermek için oluşturuldu.

  • source src="podcast-dosyasi.mp3" bölümünü podcastin gerçek URL'si ile değiştirmelisin.

Eğer RSS feed ile bir podcast listesi eklemek veya Spotify gibi bir servisten embed kod kullanmak istiyorsan, bunu da birlikte şekillendirebiliriz! 🚀

* Sayfa Yazarı: Murat Marti 
* Diğer Kaynaklar: GEMİNİ - Google Yapay Zeka. CHATGPT - Copilot
* Fotoğraflar: Pixabay ve Pexels Ücretsiz Fotoraflardan Alınmıştır...

NOT: Sitede çalışmayan kodları, o yazının altında ki yorum kutusundan bize yazınız.


0 Comments:

Yorum Gönder

Toplam Konu
Toplam Yorum