{"id":225,"date":"2024-11-03T21:41:33","date_gmt":"2024-11-03T21:41:33","guid":{"rendered":"https:\/\/bg.pendampingusaha.com\/animasi\/?page_id=225"},"modified":"2024-11-08T20:37:50","modified_gmt":"2024-11-08T20:37:50","slug":"tv-online","status":"publish","type":"page","link":"https:\/\/bg.pendampingusaha.com\/animasi\/tv-online\/","title":{"rendered":"TV Online"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n \r\n \r\n Streaming TV Online Indonesia & Internasional<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: Arial, sans-serif;\r\n }\r\n\r\n body {\r\n background-color: #1a1a1a;\r\n color: white;\r\n min-height: 100vh;\r\n }\r\n\r\n .container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 15px;\r\n }\r\n\r\n header {\r\n text-align: center;\r\n padding: 15px 0;\r\n background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);\r\n margin-bottom: 20px;\r\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\r\n position: sticky;\r\n top: 0;\r\n z-index: 100;\r\n }\r\n\r\n header h1 {\r\n font-size: clamp(1.5rem, 4vw, 2.5rem);\r\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\r\n }\r\n\r\n .channels-container {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n gap: 25px;\r\n margin-top: 20px;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .channels-container {\r\n grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));\r\n gap: 15px;\r\n }\r\n\r\n .container {\r\n padding: 10px;\r\n }\r\n }\r\n\r\n .channel-card {\r\n background: linear-gradient(145deg, #2a2a2a, #333);\r\n border-radius: 15px;\r\n overflow: hidden;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 8px rgba(0,0,0,0.2);\r\n cursor: pointer;\r\n }\r\n\r\n .channel-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 8px 16px rgba(0,0,0,0.3);\r\n }\r\n\r\n .channel-img {\r\n width: 100%;\r\n aspect-ratio: 16\/9;\r\n background-color: #444;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-bottom: 3px solid #007bff;\r\n }\r\n\r\n .channel-info {\r\n padding: 15px;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .channel-info {\r\n padding: 10px;\r\n }\r\n }\r\n\r\n .channel-title {\r\n font-size: clamp(0.9rem, 2.5vw, 1.25rem);\r\n margin-bottom: 8px;\r\n color: #fff;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n }\r\n\r\n .channel-category {\r\n font-size: clamp(0.7rem, 2vw, 0.875rem);\r\n color: #007bff;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .tabs {\r\n display: flex;\r\n justify-content: center;\r\n gap: 15px;\r\n margin-bottom: 20px;\r\n flex-wrap: wrap;\r\n padding: 0 10px;\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .tabs {\r\n gap: 8px;\r\n }\r\n }\r\n\r\n .tab {\r\n padding: clamp(8px, 2vw, 12px) clamp(15px, 3vw, 25px);\r\n background: linear-gradient(145deg, #2a2a2a, #333);\r\n border: none;\r\n color: white;\r\n cursor: pointer;\r\n border-radius: 8px;\r\n transition: all 0.3s ease;\r\n font-size: clamp(0.8rem, 2vw, 1rem);\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n white-space: nowrap;\r\n }\r\n\r\n .tab:hover {\r\n transform: translateY(-2px);\r\n }\r\n\r\n .tab.active {\r\n background: linear-gradient(145deg, #007bff, #0056b3);\r\n box-shadow: 0 4px 12px rgba(0,123,255,0.3);\r\n }\r\n\r\n .player-container {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-color: rgba(0, 0, 0, 0.95);\r\n z-index: 1000;\r\n backdrop-filter: blur(5px);\r\n }\r\n\r\n .player-content {\r\n position: relative;\r\n width: 95%;\r\n height: 90%;\r\n margin: 2% auto;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .player-content {\r\n width: 100%;\r\n height: 100%;\r\n margin: 0;\r\n }\r\n }\r\n\r\n .close-player {\r\n position: absolute;\r\n right: 10px;\r\n top: 10px;\r\n color: white;\r\n cursor: pointer;\r\n font-size: 32px;\r\n width: 40px;\r\n height: 40px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(255,255,255,0.1);\r\n border-radius: 50%;\r\n transition: all 0.3s ease;\r\n z-index: 1010;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .close-player {\r\n font-size: 24px;\r\n width: 32px;\r\n height: 32px;\r\n }\r\n }\r\n\r\n .close-player:hover {\r\n background: rgba(255,255,255,0.2);\r\n transform: rotate(90deg);\r\n }\r\n\r\n #videoPlayer, #embedPlayer {\r\n width: 100%;\r\n height: 100%;\r\n background-color: black;\r\n border-radius: 10px;\r\n border: none;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n #videoPlayer, #embedPlayer {\r\n border-radius: 0;\r\n }\r\n }\r\n\r\n .error-message {\r\n color: #ff4444;\r\n text-align: center;\r\n margin-top: 10px;\r\n padding: 10px;\r\n background: rgba(255,68,68,0.1);\r\n border-radius: 5px;\r\n display: none;\r\n font-size: clamp(0.8rem, 2vw, 1rem);\r\n }\r\n\r\n .player-options {\r\n position: absolute;\r\n bottom: 20px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n display: flex;\r\n gap: 10px;\r\n z-index: 1010;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .player-options {\r\n bottom: 30px;\r\n }\r\n }\r\n\r\n .player-option {\r\n padding: 8px 15px;\r\n background: rgba(255,255,255,0.1);\r\n border: none;\r\n color: white;\r\n cursor: pointer;\r\n border-radius: 5px;\r\n transition: all 0.3s ease;\r\n font-size: clamp(0.8rem, 2vw, 1rem);\r\n }\r\n\r\n .player-option:hover {\r\n background: rgba(255,255,255,0.2);\r\n }\r\n\r\n .player-option.active {\r\n background: #007bff;\r\n }\r\n\r\n \/* Loading Spinner *\/\r\n .loading {\r\n display: none;\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n }\r\n\r\n .loading-spinner {\r\n width: 50px;\r\n height: 50px;\r\n border: 5px solid #f3f3f3;\r\n border-top: 5px solid #007bff;\r\n border-radius: 50%;\r\n animation: spin 1s linear infinite;\r\n }\r\n\r\n @keyframes spin {\r\n 0% { transform: rotate(0deg); }\r\n 100% { transform: rotate(360deg); }\r\n }\r\n\r\n \/* Channel Search *\/\r\n .search-container {\r\n margin: 20px auto;\r\n max-width: 600px;\r\n position: relative;\r\n }\r\n\r\n .search-input {\r\n width: 100%;\r\n padding: 12px 20px;\r\n font-size: 16px;\r\n background: #2a2a2a;\r\n border: 2px solid #444;\r\n border-radius: 25px;\r\n color: white;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .search-input:focus {\r\n outline: none;\r\n border-color: #007bff;\r\n box-shadow: 0 0 10px rgba(0,123,255,0.2);\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .search-input {\r\n padding: 10px 15px;\r\n font-size: 14px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <header>\r\n <h1>Streaming TV Online<\/h1>\r\n <\/header>\r\n\r\n <div class=\"container\">\r\n <div class=\"tabs\">\r\n <button class=\"tab active\" onclick=\"filterChannels('all')\">Semua Channel<\/button>\r\n <button class=\"tab\" onclick=\"filterChannels('local')\">TV Lokal<\/button>\r\n <button class=\"tab\" onclick=\"filterChannels('international')\">TV Internasional<\/button>\r\n <\/div>\r\n\r\n <div class=\"channels-container\" id=\"channelsContainer\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"player-container\" id=\"playerContainer\">\r\n <div class=\"player-content\">\r\n <span class=\"close-player\" onclick=\"closePlayer()\">\u00d7<\/span>\r\n <video id=\"videoPlayer\" style=\"display: none\">\r\n <source src=\"\" type=\"video\/mp4\">\r\n Browser Anda tidak mendukung pemutaran video.\r\n <\/video>\r\n <iframe id=\"embedPlayer\" style=\"display: none\" frameborder=\"0\" allowfullscreen><\/iframe>\r\n <div class=\"error-message\" id=\"errorMessage\">\r\n Streaming tidak tersedia. Coba klik Link 2 ...\r\n <\/div>\r\n <div class=\"player-options\">\r\n <button class=\"player-option active\" onclick=\"switchPlayer('stream')\">Link 1<\/button>\r\n <button class=\"player-option\" onclick=\"switchPlayer('embed')\">Link 2<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n const channels = [\r\n \/\/ TV Lokal\r\n {\r\n id: 1,\r\n name: \"CNN\",\r\n category: \"local\",\r\n logo: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/9\/91\/CNN_Indonesia_logo.svg\/2048px-CNN_Indonesia_logo.svg.png\",\r\n streamUrl: \"#\",\r\n embedUrl: \"https:\/\/www.cnnindonesia.com\/tv\/embed?ref=transmedia\" \/\/ Contoh URL embed\r\n },\r\n {\r\n id: 2,\r\n name: \"RCTI\",\r\n category: \"local\",\r\n logo: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/e\/ee\/RCTI13Tahun.png\",\r\n streamUrl: \"#\",\r\n embedUrl: \"https:\/\/sindikasi.inews.id\/embed\/video\/YWdlbnQ9ZGVza3RvcCZ1cmw9aHR0cHMlM0ElMkYlMkZlbWJlZC5yY3RpcGx1cy5jb20lMkZsaXZlJTJGcmN0aSUyRmluZXdzaWQmaGVpZ2h0PTEwMCUyNSZ3aWR0aD0xMDAlMjU=\"\r\n },\r\n {\r\n id: 3,\r\n name: \"SCTV\",\r\n category: \"local\",\r\n logo: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/cc\/SCTV_Logo.svg\",\r\n streamUrl: \"#\",\r\n embedUrl: \"https:\/\/www.vidio.com\/live\/204-sctv-tv-stream\/embed?autoplay=true&player_only=true&live_chat=false&mute=false&\"\r\n },\r\n {\r\n id: 4,\r\n name: \"Kompas TV\",\r\n category: \"local\",\r\n logo: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/2\/27\/Kompas_TV_%282016%29_logo.svg\/2560px-Kompas_TV_%282016%29_logo.svg.png\",\r\n streamUrl: \"https:\/\/www.youtube.com\/embed\/DOOrIxw5xOw?si=ADDtK2BwCPlu5fIH\",\r\n embedUrl: \"https:\/\/www.youtube.com\/embed\/DOOrIxw5xOw?si=ADDtK2BwCPlu5fIH\"\r\n },\r\n {\r\n id: 5,\r\n name: \"Trans TV\",\r\n category: \"local\",\r\n logo: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c2\/Logo_Trans_TV.png\",\r\n streamUrl: \"#\",\r\n embedUrl: \"https:\/\/20.detik.com\/watch\/livestreaming-transtv\"\r\n },\r\n {\r\n id: 6,\r\n name: \"TRANS 7\",\r\n category: \"local\",\r\n logo: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/9\/96\/Logo_Trans7.png\",\r\n streamUrl: \"#\",\r\n embedUrl: \"https:\/\/20.detik.com\/watch\/livestreaming-trans7\"\r\n },\r\n {\r\n id: 7,\r\n name: \"METRO TV\",\r\n category: \"local\",\r\n logo: \"https:\/\/static.wikia.nocookie.net\/logopedia\/images\/a\/a8\/Logo-metro-tv.png\",\r\n streamUrl: \"#\",\r\n embedUrl: \"https:\/\/www.youtube.com\/embed\/nfgnpM28xDA?si=WQDp3_IKm8rNP4l4\"\r\n },\r\n {\r\n id: 8,\r\n name: \"I NEWS TV\",\r\n category: \"local\",\r\n logo: \"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEgR8oaxgdlTNfnMxoDSto17AgsswA4cSCBTBrUV_tXk1gtN4-QRNvLYMq1spSrBqamxGsVE_jFQa9jH0lR1sWqTqUzdxxzsliOrOVYWHuiXwWamRI6eSW_ueEcmS-jT6uRT2L7VQ3mx6Wz1TvbClOMUAdCP1jr3uDKD3Yr5t_mJtGdTIaqfMfvqBqtd\/s320\/GKL13_iNews%20-%20Koleksilogo.com.jpg\",\r\n streamUrl: \"#\",\r\n embedUrl: \"https:\/\/sindikasi.inews.id\/embed\/video\/YWdlbnQ9ZGVza3RvcCZ1cmw9aHR0cHMlM0ElMkYlMkZlbWJlZC5yY3RpcGx1cy5jb20lMkZsaXZlJTJGaW5ld3MlMkZpbmV3c2lkJmhlaWdodD0xMDAlMjUmd2lkdGg9MTAwJTI1\"\r\n },\r\n {\r\n id: 9,\r\n name: \"GTV\",\r\n category: \"local\",\r\n logo: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/3\/39\/GTV_logo_%282017%29.png\",\r\n streamUrl: \"#\",\r\n embedUrl: \"https:\/\/sindikasi.inews.id\/embed\/video\/YWdlbnQ9ZGVza3RvcCZ1cmw9aHR0cHMlM0ElMkYlMkZlbWJlZC5yY3RpcGx1cy5jb20lMkZsaXZlJTJGZ3R2JTJGaW5ld3NpZCZoZWlnaHQ9MTAwJTI1JndpZHRoPTEwMCUyNQ==\"\r\n },\r\n {\r\n id: 10,\r\n name: \"MNC TV\",\r\n category: \"local\",\r\n logo: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/6\/69\/MNCTV_logo.png\/798px-MNCTV_logo.png?20180109104219\",\r\n streamUrl: \"#\",\r\n embedUrl: \"https:\/\/sindikasi.inews.id\/embed\/video\/YWdlbnQ9ZGVza3RvcCZ1cmw9aHR0cHMlM0ElMkYlMkZlbWJlZC5yY3RpcGx1cy5jb20lMkZsaXZlJTJGbW5jdHYlMkZpbmV3c2lkJmhlaWdodD0xMDAlMjUmd2lkdGg9MTAwJTI1\"\r\n },\r\n {\r\n id: 11,\r\n name: \"CNBC Indonesia\",\r\n category: \"local\",\r\n logo: \"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcTw8AX1afCcibi77vxgifFNkihOICxsAmq4eg&s\",\r\n streamUrl: \"#\",\r\n embedUrl: \"https:\/\/www.cnbcindonesia.com\/embed\/tv?ref=transmedia\"\r\n },\r\n \r\n {\r\n id: 12,\r\n name: \"TV ONE \",\r\n category: \"local\",\r\n logo: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/9\/91\/TvOne_2023.svg\",\r\n streamUrl: \"#\",\r\n embedUrl: \"https:\/\/www.youtube.com\/embed\/yNKvkPJl-tg?si=7l8ZiZOWSmpi9PdO\"\r\n },\r\n \r\n {\r\n id: 13,\r\n name: \"INDOSIAR \",\r\n category: \"local\",\r\n logo: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/3\/39\/INDOSIAR_Logo.png\/1280px-INDOSIAR_Logo.png\",\r\n streamUrl: \"#\",\r\n embedUrl: \"https:\/\/www.vidio.com\/live\/205-indosiar-tv-stream\/embed?autoplay=true&player_only=true&live_chat=false&mute=false&\"\r\n },\r\n \r\n {\r\n id: 14,\r\n name: \"MUSIC TV \",\r\n category: \"local\",\r\n logo: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/0\/04\/Music_TV_%282020%29.png\",\r\n streamUrl: \"#\",\r\n embedUrl: \"https:\/\/www.youtube.com\/embed\/Is03gZsBeq0?si=4qBMhoIaMGclU7kP\"\r\n },\r\n \r\n \r\n \r\n \r\n \r\n \/\/ ... TV INTERNATIONAL\r\n\r\n \r\n \r\n \r\n \r\n \r\n {\r\n id: 33,\r\n name: \"TV ONE \",\r\n category: \"international\",\r\n logo: \"https:\/\/logowik.com\/content\/uploads\/images\/al-jazeera-tv6503.jpg\",\r\n streamUrl: \"#\",\r\n embedUrl: \"https:\/\/www.youtube.com\/embed\/gCNeDWCI0vo?si=yeCIloPWwae7MuFm\"\r\n },\r\n \r\n {\r\n id: 34,\r\n name: \"WILD \",\r\n category: \"international\",\r\n logo: \"https:\/\/bg.pendampingusaha.com\/animasi\/wp-content\/uploads\/2024\/11\/png-clipart-nat-geo-wild-national-geographic-television-show-television-channel-others-miscellaneous-television-removebg-preview.png\",\r\n streamUrl: \"#\",\r\n embedUrl: \"https:\/\/www.youtube.com\/embed\/BJ3Yv572V1A?si=O07p-XA9WoC1yggs\"\r\n },\r\n \r\n {\r\n id: 35,\r\n name: \"MAKKAH TV \",\r\n category: \"international\",\r\n logo: \"https:\/\/www.makkahtv.com\/wp-content\/uploads\/2019\/08\/MakkahTV.png\",\r\n streamUrl: \"#\",\r\n embedUrl: \"https:\/\/www.youtube.com\/embed\/B8oiVC-7KKE?si=blGywB2bKSwf6ll_\"\r\n },\r\n \r\n \r\n {\r\n id: 36,\r\n name: \"Bangladesh TV \",\r\n category: \"international\",\r\n logo: \"https:\/\/upload.wikimedia.org\/wikipedia\/en\/thumb\/0\/02\/Bangladesh_Television_Logo.svg\/1200px-Bangladesh_Television_Logo.svg.png\",\r\n streamUrl: \"#\",\r\n embedUrl: \"https:\/\/www.youtube.com\/embed\/sgPZ-te30Q8?si=1jgVBh_CRSsyeeyv\"\r\n },\r\n \r\n {\r\n id: 37,\r\n name: \"NASA TV \",\r\n category: \"international\",\r\n logo: \"https:\/\/bg.pendampingusaha.com\/animasi\/wp-content\/uploads\/2024\/11\/png-transparent-ames-research-center-nasa-tv-nasa-insignia-project-gemini-nasa-miscellaneous-blue-logo-thumbnail-removebg-preview.png\",\r\n streamUrl: \"#\",\r\n embedUrl: \"https:\/\/www.youtube.com\/embed\/xRPjKQtRXR8?si=O0BLYctdpcf9abWU\"\r\n },\r\n \r\n \r\n {\r\n id: 38,\r\n name: \"INDIA TV \",\r\n category: \"international\",\r\n logo: \"https:\/\/seeklogo.com\/images\/I\/india-today-logo-0218513CB5-seeklogo.com.png\",\r\n streamUrl: \"#\",\r\n embedUrl: \"https:\/\/www.youtube.com\/embed\/AXjHtvJ84R0?si=YqXGHzXOY4EDt_Y4\"\r\n },\r\n \r\n {\r\n id: 38,\r\n name: \"TV BOLA \",\r\n category: \"international\",\r\n logo: \"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEgJQPJYDs6JT7xsNjZ7brIWOrA4PvY9cPXb5qIqKaxiJf3xPjGWQKWcPHwcdjHTM4UeanRRXBqJqUr9hRdmYaDZQo044hLVxryVOVlT92Lo3JJ_FH_hIznyo3yETfaMmIPuMnOeaOBOvhQ\/s0\/unnamed.png\",\r\n streamUrl: \"#\",\r\n embedUrl: \"https:\/\/livetv817.me\/enx\/\"\r\n },\r\n \r\n \r\n \r\n \/\/ ... tambahkan embedUrl untuk channel lainnya\r\n ];\r\n\r\n function createChannelCard(channel) {\r\n return `\r\n <div class=\"channel-card\" data-category=\"${channel.category}\" onclick=\"playChannel('${channel.streamUrl}', '${channel.embedUrl}', '${channel.name}')\">\r\n <div class=\"channel-img\">\r\n <img decoding=\"async\" src=\"${channel.logo}\" alt=\"${channel.name}\" style=\"max-width: 100%; max-height: 100%;\">\r\n <\/div>\r\n <div class=\"channel-info\">\r\n <h3 class=\"channel-title\">${channel.name}<\/h3>\r\n <p class=\"channel-category\">${channel.category === 'local' ? 'TV Lokal' : 'TV Internasional'}<\/p>\r\n <\/div>\r\n <\/div>\r\n `;\r\n }\r\n\r\n function displayChannels() {\r\n const container = document.getElementById('channelsContainer');\r\n container.innerHTML = channels.map(channel => createChannelCard(channel)).join('');\r\n }\r\n\r\n function filterChannels(category) {\r\n const cards = document.querySelectorAll('.channel-card');\r\n document.querySelectorAll('.tab').forEach(tab => tab.classList.remove('active'));\r\n event.target.classList.add('active');\r\n\r\n cards.forEach(card => {\r\n if (category === 'all' || card.dataset.category === category) {\r\n card.style.display = 'block';\r\n } else {\r\n card.style.display = 'none';\r\n }\r\n });\r\n }\r\n\r\n let currentMode = 'stream';\r\n let currentStreamUrl = '';\r\n let currentEmbedUrl = '';\r\n\r\n function playChannel(streamUrl, embedUrl, channelName) {\r\n currentStreamUrl = streamUrl;\r\n currentEmbedUrl = embedUrl;\r\n \r\n const player = document.getElementById('playerContainer');\r\n player.style.display = 'block';\r\n \r\n \/\/ Default to stream mode first\r\n switchPlayer('stream');\r\n }\r\n\r\n function switchPlayer(mode) {\r\n const videoPlayer = document.getElementById('videoPlayer');\r\n const embedPlayer = document.getElementById('embedPlayer');\r\n const errorMessage = document.getElementById('errorMessage');\r\n const options = document.querySelectorAll('.player-option');\r\n \r\n currentMode = mode;\r\n options.forEach(opt => opt.classList.remove('active'));\r\n event.target.classList.add('active');\r\n\r\n if (mode === 'stream') {\r\n videoPlayer.style.display = 'block';\r\n embedPlayer.style.display = 'none';\r\n videoPlayer.src = currentStreamUrl;\r\n \r\n \/\/ Detect if streaming fails\r\n videoPlayer.onerror = function() {\r\n errorMessage.style.display = 'block';\r\n setTimeout(() => switchPlayer('embed'), 2000);\r\n };\r\n } else {\r\n videoPlayer.style.display = 'none';\r\n embedPlayer.style.display = 'block';\r\n embedPlayer.src = currentEmbedUrl;\r\n errorMessage.style.display = 'none';\r\n }\r\n }\r\n\r\n function closePlayer() {\r\n const player = document.getElementById('playerContainer');\r\n const videoPlayer = document.getElementById('videoPlayer');\r\n const embedPlayer = document.getElementById('embedPlayer');\r\n const errorMessage = document.getElementById('errorMessage');\r\n \r\n videoPlayer.pause();\r\n videoPlayer.src = '';\r\n embedPlayer.src = '';\r\n errorMessage.style.display = 'none';\r\n player.style.display = 'none';\r\n }\r\n\r\n \/\/ Initialize display\r\n displayChannels();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Streaming TV Online Indonesia & Internasional Streaming TV Online Semua Channel TV Lokal TV Internasional \u00d7 Browser Anda tidak mendukung pemutaran video. Streaming tidak tersedia. Coba klik Link 2 … Link 1 Link 2<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/bg.pendampingusaha.com\/animasi\/wp-json\/wp\/v2\/pages\/225"}],"collection":[{"href":"https:\/\/bg.pendampingusaha.com\/animasi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bg.pendampingusaha.com\/animasi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bg.pendampingusaha.com\/animasi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bg.pendampingusaha.com\/animasi\/wp-json\/wp\/v2\/comments?post=225"}],"version-history":[{"count":184,"href":"https:\/\/bg.pendampingusaha.com\/animasi\/wp-json\/wp\/v2\/pages\/225\/revisions"}],"predecessor-version":[{"id":480,"href":"https:\/\/bg.pendampingusaha.com\/animasi\/wp-json\/wp\/v2\/pages\/225\/revisions\/480"}],"wp:attachment":[{"href":"https:\/\/bg.pendampingusaha.com\/animasi\/wp-json\/wp\/v2\/media?parent=225"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}