Website Streaming TV Modern dengan Dark–Light Mode dan Fitur Lengkap

Di era digital saat ini, kebutuhan akan website streaming TV semakin meningkat. Pengguna tidak hanya ingin menonton siaran secara langsung, tetapi juga mengharapkan tampilan yang nyaman, fitur interaktif, serta navigasi yang mudah digunakan. Oleh karena itu, penggunaan prompt yang tepat dalam membuat website streaming TV menjadi langkah awal yang sangat penting, terutama bagi developer, blogger, maupun pengguna AI website generator.

Prompt website streaming TV yang baik harus mampu menggambarkan struktur, fitur, dan desain secara detail agar hasil website sesuai dengan kebutuhan. Dalam prompt ini, website dirancang dengan tampilan Dark Mode dan Light Mode yang dapat diubah secara manual maupun otomatis. Fitur ini sangat penting karena memberikan kenyamanan visual bagi pengguna, baik saat menonton di siang hari maupun malam hari.

Desain User Friendly dan Responsif

Salah satu fokus utama dari prompt ini adalah menciptakan website yang user friendly. Navigasi dibuat sederhana dengan menu utama seperti Home, Live TV, Jadwal, Live Score, Chat, dan Login. Tata letak dirancang responsif sehingga website dapat diakses dengan baik di berbagai perangkat, mulai dari desktop, tablet, hingga smartphone. Pendekatan mobile-first memastikan pengalaman pengguna tetap optimal tanpa hambatan.

Selain itu, penggunaan animasi ringan, efek hover, dan transisi halus menjadikan tampilan website terlihat modern tanpa mengorbankan kecepatan loading. Hal ini sangat penting untuk menjaga pengunjung agar tetap betah berlama-lama di website.

Live Demo

Struktur Streaming dan Jadwal Siaran

Prompt ini juga menekankan pentingnya struktur konten yang jelas. Halaman Live TV dilengkapi dengan player streaming responsif yang dapat menampilkan siaran langsung dari berbagai channel TV. Pengguna dapat dengan mudah berpindah channel tanpa perlu memuat ulang halaman.

Untuk melengkapi pengalaman menonton, tersedia fitur jadwal siaran yang disusun dalam bentuk tabel atau card. Jadwal ini dapat difilter berdasarkan tanggal dan channel, sehingga pengguna dapat mengetahui acara atau pertandingan sepak bola yang akan tayang hari ini maupun beberapa hari ke depan.

Live Score dan Interaksi Pengguna

Fitur unggulan lain dalam prompt ini adalah live score sepak bola. Dengan tampilan skor real-time (atau simulasi data), pengguna dapat memantau jalannya pertandingan secara langsung tanpa harus berpindah ke website lain. Informasi seperti nama tim, skor, dan waktu pertandingan ditampilkan secara ringkas dan mudah dipahami.

Untuk meningkatkan interaksi, website juga dilengkapi dengan fitur chat pengguna. Chat ini memungkinkan pengunjung berdiskusi secara langsung saat menonton siaran live. Meskipun masih berupa mock atau UI chat, fitur ini sudah cukup untuk memberikan kesan interaktif dan komunitas yang aktif.

Teknologi yang Digunakan

Prompt ini dirancang agar website dapat dibangun menggunakan teknologi dasar seperti HTML5, CSS3, dan JavaScript. Dengan struktur kode yang rapi dan ringan, website mudah di-deploy di berbagai platform, termasuk hosting biasa maupun Blogger/Blogspot. Selain itu, desain yang SEO-friendly membantu website lebih mudah terindeks oleh mesin pencari.

Kesimpulan

Dengan menggunakan prompt website streaming TV yang terstruktur dan detail, proses pembuatan website menjadi lebih cepat dan terarah. Prompt ini tidak hanya membantu menghasilkan tampilan yang modern dengan dark-light mode, tetapi juga menghadirkan fitur penting seperti jadwal siaran, live score, dan chat pengguna. Bagi blogger, developer, maupun pengguna AI, prompt ini dapat menjadi fondasi yang kuat untuk membangun website streaming TV yang profesional dan menarik.

Download Full Source Code Di bawah Sini

DOWNLOAD

Membuat tautan yang mengarahkan otomatis ke halaman tertentu setelah beberapa detik adalah teknik sederhana tetapi sangat berguna dalam dunia web. Biasanya fitur ini dipakai untuk halaman download, halaman redirect iklan, landing page, atau sekadar memberikan waktu kepada pengunjung sebelum diarahkan ke situs lain. Dengan menggunakan JavaScript, kita bisa membuat efek auto redirect sekaligus membuka link tersebut di tab baru agar pengalaman pengunjung tetap nyaman.

Pada dasarnya, JavaScript menyediakan fungsi setTimeout() yang memungkinkan kita menjalankan sebuah aksi setelah waktu tertentu. Dari fungsi inilah kita dapat memerintahkan browser untuk membuka halaman lain secara otomatis. Tidak hanya itu, kita juga bisa mengatur agar halaman tersebut terbuka di tab baru menggunakan window.open(). Kombinasi ini membuat proses redirect menjadi lebih fleksibel dan modern karena tidak mengganggu halaman yang sedang dibuka pengguna.

Berikut contoh sederhana kode yang bisa digunakan:

<script>

// waktu delay dalam milidetik

const delay = 5000; // 5000ms = 5 detik

setTimeout(function() {

  let win = window.open("https://www.duniainformasi.com", "_blank", "noopener,noreferrer");

  // Jika popup diblokir browser

  if (!win) {

    console.log("Popup diblokir. Harus ada interaksi user.");

  }

}, delay);

</script>

Contoh Prompt

🇰🇷✨ PROMPT GAYA MODEL KOREA (K-FASHION / K-STREET STYLE)

1. “A stylish Korean model posing on the sidewalk of a modern city street, soft pastel tones, clean aesthetic, natural sunlight, minimalist K-fashion outfit, photorealistic.”

2. “Korean street fashion photoshoot, model standing near crosswalk, soft breeze, neutral color palette, gentle bokeh lights, elegant and minimal K-style.”

3. “K-model aesthetic portrait on the roadside, oversized outfit, natural makeup, soft diffused lighting, cinematic Korean drama vibe.”

4. “Candid shot of a Korean-style model walking on a quiet street lined with shops, warm sunlight, soft pastel aesthetic, dreamy mood.”

5. “Korean influencer-style photo session on the sidewalk, classy outfit, warm tones, shallow depth-of-field, modern Seoul street vibes.”

🇯🇵🌸 PROMPT GAYA MODEL JEPANG (J-URBAN / J-FASHION STYLE)

6. “Japanese model posing on a narrow urban street, vibrant colors, neon signs, stylish J-fashion outfit, cinematic Tokyo vibe, soft glow lighting.”

7. “J-style street photoshoot on a calm sidewalk, cherry blossoms falling, clean soft tones, Japanese magazine aesthetic, elegant pose.”

8. “Stylish Japanese model standing near crosswalk with city background, subtle grain, muted tones, vintage Japanese film look.”

9. “J-fashion portrait near roadside café, soft natural light, warm atmosphere, Tokyo street aesthetic, delicate colors.”

10. “Japanese-style candid photo walking on a street with convenience store lights, night aesthetic, dreamy neon reflections.”

🎬💖 MIX STYLE – KOREA + JAPAN AESTHETIC

11. “Hybrid Korea-Japan street fashion photoshoot, model posing on a quiet sidewalk, pastel tones, soft film grain, gentle backlight, aesthetic mood.”

12. “Aesthetic portrait with modern K-fashion and J-street atmosphere, model standing at roadside, cinematic color grading, soft bokeh.”

13. “K-J fusion style model leaning against a street railing, warm and cool mixed tones, clean urban background, dreamy light leaks.”

14. “Street style fashion photo near crosswalk, combination of Korean soft-tone aesthetic and Japanese film look, trendy outfit.”

15. “Model standing on the side of the road, Korea-Japan magazine aesthetic, soft breeze, pastel sky, calm and elegant composition.”

📸✨ PROMPT LENGKAP & DETAIL (SIAP COPY-PASTE)

“Photorealistic portrait of a model posing on the roadside, Korean–Japanese street fashion mix, soft pastel color grading, gentle backlight, cinematic shallow depth-of-field, magazine aesthetic.”

“Aesthetic Korean drama style photo of a model standing on the sidewalk, minimal outfit, soft warm sunlight, dreamy bokeh, elegant posture.”

“Japanese street fashion look, model posing beside road with urban background, subtle vintage film tones, soft glow, stylish and calm mood.”

“Cinematic street-style fashion shot, Korea-Japan fusion vibes, sidewalk location, diffused lighting, soft textures, modern fashion mood.”

“Model walking along the roadside, K-fashion meets J-fashion, soft colors, candid expression, light breeze, photorealistic and aesthetic.”

Contoh Prompt

🌋✨ PROMPT ESTETIK – DEKAT KAWAH GUNUNG MELETUS & ASAP TEBAL

1. “Aesthetic shot of a person standing near a volcanic crater during an eruption, thick billowing smoke rising into the sky, dramatic lighting, glowing lava reflections, soft haze, cinematic atmosphere.”

2. “Silhouette of a figure near an erupting volcano, dark ash clouds swirling, orange glow from crater illuminating the scene, dreamy yet dramatic aesthetic tones.”

3. “Moody aesthetic portrait near a volcanic crater, dense smoke drifting in the background, warm lava reflections on rocks, soft diffused light, poetic dramatic mood.”

4. “Cinematic aesthetic image of a person observing a volcanic eruption from a safe distance, thick grey smoke rising high, intense sky colors, ethereal ash particles floating.”

5. “Aesthetic long-shot of volcanic crater with dark thick smoke, person standing in foreground, warm and cold color contrast, surreal cinematic vibes.”

6. “Dramatic aesthetic scenery near erupting volcano, glowing lava lines, heavy smoke clouds, person with wind-blown clothing, soft atmospheric blur.”

7. “Dreamlike cinematic tones, person at the edge of a volcanic viewpoint, massive plume of smoke rising behind, warm orange-red glow illuminating the mist.”

8. “Aesthetic moody landscape of a volcanic eruption, thick smoke layers, glowing sky, soft-focus foreground with a person facing the crater.”

9. “Epic aesthetic image near active volcano, ash-filled air, dense swirling smoke, warm lava backlight, filmic color grading, emotional atmosphere.”

10. “Soft yet dramatic aesthetic shot, person framed by volcanic rocks, eruption happening behind with thick smoke, golden light reflecting off ash particles.”

💥🌫️ PROMPT ESTETIK (COPY-PASTE SIAP PAKAI)

“Aesthetic cinematic scene of a person standing near a volcanic crater, massive eruption plume, thick white-grey smoke, glowing lava reflections, soft atmospheric haze, dramatic lighting, 8K detail.”

“Moody aesthetic portrait near erupting volcano, swirling smoke clouds, warm highlights from lava, dark volcanic rocks, dreamy film grain.”

“Aesthetic wide-angle shot of a volcano erupting with heavy smoke, person observing from a cliff, ethereal lighting, cinematic depth-of-field.”

“Epic aesthetic volcanic eruption scene, thick smoke rising high, soft glowing horizon, person in silhouette, crisp dramatic tones.”

“Aesthetic dramatic volcano scene with heavy ash smoke, orange-red lava glow, person standing safely at distance, dreamy haze, cinematic atmosphere.”

Contoh Prompt

🌴 PROMPT FOTO KELUARGA DI PANTAI – REALISTIS / PHOTOREALISTIC

1. “A happy family posing together on a beautiful tropical beach, lush coconut trees in the background, clear blue sky, soft sunlight, photorealistic 8K, natural colors, warm atmosphere.”

2. “Family standing on white sandy beach with tall coconut trees surrounding them, turquoise ocean waves, bright daylight, ultra-realistic skin tones and lighting.”

3. “Candid family photo walking along the shoreline, coconut palms leaning toward the beach, soft breeze, detailed textures, natural smiles, photorealistic style.”

4. “Family sitting together on the beach mat under coconut trees, ocean horizon visible behind them, warm sunlight, hyper-detailed photorealism.”

🎬 PROMPT CINEMATIC / MOVIE-STYLE

5. “Cinematic family portrait on a tropical beach with lush coconut trees, golden hour lighting, warm film tones, shallow depth-of-field, gentle lens flares, movie-like atmosphere.”

6. “A family running together on the beach, dramatic sunset, high contrast cinematic grading, coconut trees swaying in the wind, smooth bokeh and soft shadows.”

7. “Wide-angle cinematic shot of a family standing in front of tall coconut palms, ocean background, warm color palette, film grain, emotional atmosphere.”

8. “Cinematic candid moment of a family laughing together under coconut trees, dreamy lighting, soft haze, nostalgic mood.”

💙 PROMPT AESTHETIC / DREAMY PHOTOGRAPHY

9. “Aesthetic family photo on a tropical beach, coconut trees forming natural frame, pastel sky colors, soft glow, warm tones, peaceful and joyful mood.”

10. “Dreamy family portrait under tall coconut palms, sunlight filtering through the leaves, soft-focus effect, light breeze, aesthetic vibes.”

11. “Family sitting together near the shoreline with coconut trees behind them, gentle sunset colors, smooth tones, bright and airy aesthetic.”

12. “Aesthetic candid photo of a family enjoying the beach, coconut leaves swaying above, soft highlights, relaxed and harmonious feel.”

🌅 PROMPT LENGKAP (COPY-PASTE SIAP PAKAI)

“Photorealistic 8K image of a family standing together on a tropical beach, lush coconut trees, turquoise sea, clear sky, warm natural lighting, joyful expressions, detailed sand and shadows.”

“Cinematic family portrait at golden hour on a palm-covered beach, warm film color grading, gentle lens flare, soft breeze, emotional and harmonious atmosphere.”

“Aesthetic beach family moment under coconut trees, pastel sky, soft glow lighting, natural smiles, dreamy vacation vibes.”

“Wide-angle shot of a family enjoying a tropical seaside with tall coconut palms, bright sunny day, vibrant colors, photorealistic rendering.”

“Candid family walk along the beach, coconut trees lining the path, soft sunlight, natural motion blur, cinematic storytelling mood.”

“Ultra-detailed tropical beach with lush coconut palms, family posing happily in center frame, bright peaceful environment, realistic tones.”

“Family sitting on beach towels under coconut tree shade, ocean waves behind them, soft warm color palette, aesthetic photography style.”

“Drone-like low-angle shot of a family at a tropical beach, coconut trees arching overhead, bright blue water, cinematic vacation scenery.”

Contoh Promt

1. PROMPT AI IMAGE GENERATOR – GAYA REALISTIS / PHOTOREALISTIC

1. “A pilgrim standing near the Kaaba, photorealistic, ultra-detailed textures on the Kiswah, golden sunlight reflecting on the marble floor, peaceful atmosphere, high-resolution 8K.”

2. “Close-up hands touching the Kaaba’s Kiswah, hyperrealistic fabric details, soft ambient lighting, shallow depth of field.”

3. “Wide-angle view of a pilgrim facing the Kaaba at dawn, realistic lighting, soft fog, detailed architecture of Masjid al-Haram.”

4. “Night scene at the Kaaba, glowing lights, reflective marble floor, realistic crowd motion blur, 8K realism.”

5. “Photorealistic portrait of a pilgrim praying near the Kaaba, natural skin tones, realistic shadows, serene spiritual mood.”

✅ 2. PROMPT GAYA CINEMATIC (MOVIE-STYLE)

6. “Cinematic shot from behind a pilgrim walking toward the Kaaba, warm color grading, soft film grain, dramatic lighting, wide anamorphic lens.”

7. “Low-angle cinematic shot of the Kaaba with a pilgrim in frame, deep contrast, gentle lens flares, epic spiritual atmosphere.”

8. “Cinematic portrait of a pilgrim gazing at the Kaaba, moody color tones, shallow depth-of-field, bokeh lights from Masjid al-Haram.”

9. “Slow-shutter cinematic thawaf scene around the Kaaba, motion blur, high dynamic range, filmic color palette.”

10. “Aerial cinematic shot from low-drone perspective, Kaaba in the center, crowds swirling, dramatic shadows, 4K cinema quality.”

✅ 3. PROMPT GAYA AESTHETIC / DRAMATIC PHOTOGRAPHY

11. “Golden hour aesthetic near the Kaaba, warm sunlight casting soft shadows, pilgrim in foreground, dreamy tones.”

12. “Silhouette-style photo at sunset, Kaaba glowing in the background, dramatic sky, high contrast.”

13. “Soft-focus aesthetic portrait of a pilgrim sitting and praying near the Kaaba, pastel tones, peaceful ambiance.”

14. “Dramatic night photography of the Kaaba with symmetrical composition, spotlight-style illumination, deep black tones.”

15. “Emotional aesthetic shot of a pilgrim raising hands in prayer, Kaaba blurred in the background, soft haze effect, ethereal mood.”

✅ 4. PROMPT SIAP PAKAI (COPY-PASTE) – FULL DETAIL

16. “Ultra-realistic 8K image of the Kaaba during fajr, a pilgrim standing in reverence, reflective marble floor, soft blue-orange twilight, crisp textures, peaceful spiritual aura.”

17. “Cinematic film still of a pilgrim praying near the Kaaba, gentle lens flares, deep shadows, high contrast, professional movie color grading.”

18. “Soft dreamlike aesthetic, pilgrim sitting facing the Kaaba, haze glow effect, warm ambient lighting, peaceful and sacred feeling.”

19. “Dynamic long-exposure photography style showing thawaf around the Kaaba, motion blur trails, still pilgrim in center frame, dramatic lighting.”

20. “Hyperrealistic drone-style angle near ground level, Kaaba towering in frame, pilgrim approaching, epic and majestic mood.”

Dalam pengembangan website, membuat halaman yang dapat berubah sesuai permintaan pengguna adalah kemampuan dasar yang penting. Salah satu cara sederhana untuk membuat halaman dinamis adalah dengan menggunakan parameter URL dan memprosesnya menggunakan PHP. Pada artikel ini, kita akan membahas bagaimana membangun halaman dinamis yang terdiri dari tiga menu utama: Beranda, Profil, dan About Me.

1. Konsep Dasar Halaman Dinamis

Halaman dinamis adalah halaman web yang kontennya berubah berdasarkan permintaan pengguna atau data tertentu. Dalam contoh ini, perubahan halaman dilakukan menggunakan parameter ?page= pada URL, seperti:

index.php?page=beranda
index.php?page=profil
index.php?page=about

Setiap parameter akan menampilkan konten berbeda sesuai pilihan menu.

2. Struktur Dasar File index.php

Kode dimulai dengan menentukan nilai parameter yang diterima dari URL:

$page = isset($_GET['page']) ? $_GET['page'] : 'beranda';

Kode ini membaca $_GET['page'] dari URL. Jika tidak ada parameter, maka secara otomatis halaman yang ditampilkan adalah Beranda.

3. Bagian Navigasi

Menu navigasi dibuat agar pengguna bisa berpindah antar halaman:

<nav>
    <a href=\"?page=beranda\">Beranda</a>
    <a href=\"?page=profil\">Profil</a>
    <a href=\"?page=about\">About Me</a>
</nav>

Navigasi ini akan selalu tampil di bagian atas halaman.

4. Logika Pemilihan Halaman

Bagian inti dari halaman dinamis adalah menentukan konten mana yang tampil:

if ($page == 'beranda') {
    echo "<h1>Selamat Datang di Beranda</h1><p>Ini adalah halaman utama dari website dinamis PHP.</p>";
}
elseif ($page == 'profil') {
    echo "<h1>Profil</h1><p>Ini adalah halaman profil Anda. Tambahkan informasi sesuai kebutuhan.</p>";
}
elseif ($page == 'about') {
    echo "<h1>About Me</h1><p>Halo! Ini adalah halaman tentang saya. Anda bisa menulis deskripsi diri di sini.</p>";
}
else {
    echo "<h1>404</h1><p>Halaman tidak ditemukan.</p>";
}

Jika parameter tidak dikenali, maka halaman akan menampilkan pesan 404 Halaman Tidak Ditemukan.

5. Tampilan dan Gaya

Untuk membuat tampilan lebih rapi, digunakan CSS sederhana untuk mengatur warna navigasi, jarak, dan font:

nav { background: #333; padding: 10px; }
nav a { color: white; margin-right: 15px; text-decoration: none; }
nav a:hover { text-decoration: underline; }

6. Kesimpulan

Kode ini merupakan contoh dasar bagaimana membuat halaman dinamis menggunakan PHP tanpa framework. Teknik ini sangat cocok untuk pemula yang ingin memahami cara kerja routing sederhana. Anda juga bisa mengembangkan struktur ini lebih lanjut, seperti:

• Memisahkan file menjadi header.php, content.php, dan footer.php
• Menggunakan template engine atau framework seperti Laravel
• Menambahkan database agar konten lebih dinamis