{"id":58,"date":"2025-11-30T18:21:05","date_gmt":"2025-11-30T18:21:05","guid":{"rendered":"https:\/\/stradasoundlegacy.com\/?page_id=58"},"modified":"2025-11-30T19:04:49","modified_gmt":"2025-11-30T19:04:49","slug":"streaming","status":"publish","type":"page","link":"https:\/\/stradasoundlegacy.com\/index.php\/streaming\/","title":{"rendered":"Streaming"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"58\" class=\"elementor elementor-58\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43c248c e-flex e-con-boxed e-con e-parent\" data-id=\"43c248c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ba7f83 elementor-widget elementor-widget-spacer\" data-id=\"6ba7f83\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b064e53 elementor-widget elementor-widget-image\" data-id=\"b064e53\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"100\" src=\"https:\/\/stradasoundlegacy.com\/wp-content\/uploads\/2025\/11\/streaming.png\" class=\"attachment-full size-full wp-image-43\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b43011c elementor-widget elementor-widget-html\" data-id=\"b43011c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- REPRODUCTOR MARBELLA SOUND - Para Widget HTML de WordPress -->\n<!-- Copiar y pegar todo este c\u00f3digo en un widget HTML -->\n\n<div id=\"ms-player-widget\" style=\"background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%); border: 1px solid #404040; border-radius: 12px; padding: 20px; color: white; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\">\n    \n    <!-- Logo y Now Playing -->\n    <div style=\"display: flex; align-items: center; gap: 15px; margin-bottom: 15px;\">\n        <div style=\"width: 50px; height: 50px; border-radius: 8px; background: linear-gradient(135deg, #ec4899 0%, #c026d3 100%); flex-shrink: 0;\"><\/div>\n        <div style=\"flex: 1; min-width: 0;\">\n            <div style=\"font-weight: 700; font-size: 14px; margin-bottom: 2px;\">Marbella Sound<\/div>\n            <div id=\"ms-now-playing-title\" style=\"font-size: 16px; font-weight: 600; margin-bottom: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\">Cargando...<\/div>\n            <div id=\"ms-now-playing-artist\" style=\"font-size: 13px; opacity: 0.7; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\">\u2014<\/div>\n        <\/div>\n    <\/div>\n    \n    <!-- Controles -->\n    <div style=\"display: flex; align-items: center; gap: 15px; justify-content: center;\">\n        <button id=\"ms-play-btn\" style=\"width: 50px; height: 50px; border-radius: 50%; background-color: #10b981; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s;\" onmouseover=\"this.style.backgroundColor='#22c55e'\" onmouseout=\"this.style.backgroundColor='#10b981'\">\n            <svg id=\"ms-icon-play\" viewBox=\"0 0 24 24\" style=\"width: 24px; height: 24px; fill: white;\">\n                <path d=\"M8 5v14l11-7z\"\/>\n            <\/svg>\n            <svg id=\"ms-icon-pause\" viewBox=\"0 0 24 24\" style=\"width: 24px; height: 24px; fill: white; display: none;\">\n                <path d=\"M6 5h4v14H6zM14 5h4v14h-4z\"\/>\n            <\/svg>\n        <\/button>\n        \n        <div style=\"display: flex; align-items: center; gap: 8px; flex: 1; max-width: 150px;\">\n            <svg viewBox=\"0 0 24 24\" style=\"width: 20px; height: 20px; fill: white; opacity: 0.7;\">\n                <path d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02z\"\/>\n            <\/svg>\n            <input type=\"range\" id=\"ms-volume\" min=\"0\" max=\"100\" value=\"80\" style=\"flex: 1; height: 6px; border-radius: 10px; outline: none; appearance: none; background: rgba(255, 255, 255, 0.2);\">\n        <\/div>\n    <\/div>\n    \n    <audio id=\"ms-audio\" preload=\"none\">\n        <source src=\"https:\/\/radio.biterdog.com\/listen\/marbella_sound\/marbellasound\" type=\"audio\/mpeg\">\n    <\/audio>\n<\/div>\n\n<style>\n#ms-volume::-webkit-slider-thumb {\n    appearance: none;\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    background: #10b981;\n    cursor: pointer;\n}\n#ms-volume::-moz-range-thumb {\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    background: #10b981;\n    cursor: pointer;\n    border: none;\n}\n<\/style>\n\n<script>\n(function() {\n    const audio = document.getElementById('ms-audio');\n    const btnPlay = document.getElementById('ms-play-btn');\n    const iconPlay = document.getElementById('ms-icon-play');\n    const iconPause = document.getElementById('ms-icon-pause');\n    const volumeSlider = document.getElementById('ms-volume');\n    const titleEl = document.getElementById('ms-now-playing-title');\n    const artistEl = document.getElementById('ms-now-playing-artist');\n    \n    let isPlaying = false;\n    audio.volume = 0.8;\n    \n    \/\/ Play\/Pause\n    btnPlay.addEventListener('click', function() {\n        if (!isPlaying) {\n            audio.play().then(() => {\n                isPlaying = true;\n                iconPlay.style.display = 'none';\n                iconPause.style.display = 'block';\n            }).catch(e => console.warn('Play error:', e));\n        } else {\n            audio.pause();\n            isPlaying = false;\n            iconPlay.style.display = 'block';\n            iconPause.style.display = 'none';\n        }\n    });\n    \n    \/\/ Volume\n    volumeSlider.addEventListener('input', function() {\n        audio.volume = this.value \/ 100;\n    });\n    \n    \/\/ Now Playing\n    async function getNowPlaying() {\n        try {\n            const response = await fetch('https:\/\/radio.biterdog.com\/api\/nowplaying\/marbella_sound');\n            const data = await response.json();\n            const song = data?.now_playing?.song || {};\n            \n            titleEl.textContent = song.title || 'Marbella Sound';\n            artistEl.textContent = song.artist || 'En vivo';\n        } catch (e) {\n            console.warn('Error:', e);\n        }\n    }\n    \n    getNowPlaying();\n    setInterval(getNowPlaying, 15000);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d79db2 elementor-widget elementor-widget-spacer\" data-id=\"4d79db2\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19ce31c elementor-widget elementor-widget-image\" data-id=\"19ce31c\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/stradasoundlegacy.com\/\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/stradasoundlegacy.com\/wp-content\/uploads\/elementor\/thumbs\/remastering-rfhassepx4ap2fd00jjzuadajpa936fpo5z06j4coc.png\" title=\"remastering\" alt=\"remastering\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e59f27 e-transform elementor-widget elementor-widget-image\" data-id=\"6e59f27\" data-element_type=\"widget\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.1,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/stradasoundlegacy.com\/\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/stradasoundlegacy.com\/wp-content\/uploads\/elementor\/thumbs\/back-rfhamzqhc6tb6657pczeat09d6bwumy8auyje7t92k.png\" title=\"back\" alt=\"back\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-512fd88 e-flex e-con-boxed e-con e-parent\" data-id=\"512fd88\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\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>Marbella Sound Cargando&#8230; \u2014<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-58","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stradasoundlegacy.com\/index.php\/wp-json\/wp\/v2\/pages\/58","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stradasoundlegacy.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stradasoundlegacy.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stradasoundlegacy.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stradasoundlegacy.com\/index.php\/wp-json\/wp\/v2\/comments?post=58"}],"version-history":[{"count":19,"href":"https:\/\/stradasoundlegacy.com\/index.php\/wp-json\/wp\/v2\/pages\/58\/revisions"}],"predecessor-version":[{"id":148,"href":"https:\/\/stradasoundlegacy.com\/index.php\/wp-json\/wp\/v2\/pages\/58\/revisions\/148"}],"wp:attachment":[{"href":"https:\/\/stradasoundlegacy.com\/index.php\/wp-json\/wp\/v2\/media?parent=58"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}