Berikut adalah cara membuat file streaming untuk blog, baik itu untuk radio streaming, video live streaming, maupun playlist audio — lengkap dengan contoh HTML dinamis yang bisa kamu pakai langsung di blog.
---
🎯 1. Pilih Jenis Streaming
Streaming di blog bisa berupa:
Jenis Contoh Konten File/Link yang Dibutuhkan
🔊 Radio Radio Rodja, streaming suara Link MP3, M3U, PLS, atau Icecast
📹 Video Live YouTube Live, Facebook Live Link embed dari YouTube/Facebook
🎶 Playlist Lagu, murottal, ceramah File MP3 atau playlist JSON/XML
---
🛠️ 2. Contoh HTML Streaming Sederhana
✅ Contoh: Radio Streaming (MP3/ICECAST)
<audio controls autoplay>
<source src="https://streaming.radiorodja.com/;stream.mp3" type="audio/mpeg">
Browser Anda tidak mendukung pemutar audio.
</audio>
---
✅ Contoh: Live Streaming YouTube
<iframe width="100%" height="315"
src="https://www.youtube.com/embed/live_stream?channel=UCghNwGdNSxfTyIV-8Bz_EFg"
title="RodjaTV Live" allowfullscreen>
</iframe>
---
✅ Contoh: Playlist Audio MP3
<audio id="player" controls>
<source id="source" src="https://example.com/audio1.mp3" type="audio/mpeg">
</audio>
<script>
const playlist = [
"https://example.com/audio1.mp3",
"https://example.com/audio2.mp3",
"https://example.com/audio3.mp3"
];
let current = 0;
const player = document.getElementById("player");
const source = document.getElementById("source");
player.addEventListener("ended", () => {
current = (current + 1) % playlist.length;
source.src = playlist[current];
player.load();
player.play();
});
</script>
---
🧩 3. Tips Tambahan
Pastikan file audio/video kamu sudah di-hosting di server atau platform publik (misal: SoundCloud, Icecast, YouTube).
Gunakan format standar seperti .mp3, .ogg, .m3u, atau link embed YouTube.
Tambahkan tombol play/pause dan kontrol volume jika ingin UX lebih baik.
---
🔗 Hosting Gratis untuk Streaming:
Platform Jenis Catatan
YouTube Live Video Embed langsung dengan iframe
Icecast Audio/Radio Butuh setup server (free)
Shoutcast Audio/Radio Alternatif lain
Google Drive Audio (MP3) Bisa diputar dengan trick embed
Posting Komentar