{"id":3545,"date":"2026-10-24T00:37:22","date_gmt":"2026-10-23T22:37:22","guid":{"rendered":"https:\/\/www.drechthosting.nl\/stream-player-generator\/"},"modified":"2026-10-24T00:37:22","modified_gmt":"2026-10-23T22:37:22","slug":"stream-player-generator","status":"publish","type":"page","link":"https:\/\/www.drechthosting.nl\/en\/stream-player-generator\/","title":{"rendered":"Streamplayer generator voor jouw website"},"content":{"rendered":" <div class=\"dh-rgen notranslate\" translate=\"no\" data-player-generator data-language=\"en\">\r\n <section class=\"dh-rgen-hero\"><div class=\"dh-wrap\"><p class=\"dh-eyebrow\">Your radio. Your style.<\/p><h1>Create your own stream player for your website.<\/h1><p>Choose colours, add your logo or background image and build an HTML5 radio player. Use the public AzuraCast API for the current artist, title and album cover. Copy the HTML code to your own website.<\/p><\/div><\/section>\r\n <section class=\"dh-rgen-main\"><div class=\"dh-wrap dh-rgen-grid\"><section class=\"dh-rgen-panel\"><h2>1. Configure your player<\/h2><form autocomplete=\"off\">\r\n <div class=\"dh-rgen-field\"><label for=\"dh-rgen-station\">Radio station name<\/label><input id=\"dh-rgen-station\" name=\"station\" type=\"text\" maxlength=\"100\" placeholder=\"Your radio station\"><\/div><div class=\"dh-rgen-field\"><label for=\"dh-rgen-stream\">Stream URL (HTTPS)<\/label><input id=\"dh-rgen-stream\" name=\"stream\" type=\"url\" maxlength=\"2000\" placeholder=\"https:\/\/radio.example.com\/listen\/station\/radio.mp3\"><\/div><div class=\"dh-rgen-field\"><label for=\"dh-rgen-api\">AzuraCast Now Playing URL (optional)<\/label><input id=\"dh-rgen-api\" name=\"api\" type=\"url\" maxlength=\"2000\" placeholder=\"https:\/\/radio.example.com\/api\/nowplaying\/station\"><\/div> <p class=\"dh-rgen-note\">Use the direct MP3 or AAC stream, not an admin or playlist page. Without a stream URL we try the listening address from the AzuraCast API. Do not enter API keys or passwords.<\/p>\r\n <details><summary>Help me build the AzuraCast URL<\/summary><div class=\"dh-rgen-field\"><label for=\"dh-rgen-azurabase\">Public AzuraCast address<\/label><input id=\"dh-rgen-azurabase\" name=\"azurabase\" type=\"url\" placeholder=\"https:\/\/radio.example.com\"><\/div><div class=\"dh-rgen-field\"><label for=\"dh-rgen-stationid\">Station ID or shortcode<\/label><input id=\"dh-rgen-stationid\" name=\"stationid\" type=\"text\" placeholder=\"1 of mijn_radio\"><\/div><button class=\"dh-rgen-button dh-rgen-secondary\" data-api-build type=\"button\">Fill in Now Playing URL<\/button><\/details>\r\n <fieldset><legend>Images<\/legend><div class=\"dh-rgen-field\"><label for=\"dh-rgen-logo\">Logo \/ fallback cover (HTTPS URL)<\/label><input id=\"dh-rgen-logo\" name=\"logo\" type=\"url\" maxlength=\"2000\" placeholder=\"https:\/\/jouwwebsite.nl\/afbeelding.jpg\"><\/div><div class=\"dh-rgen-field\"><label for=\"dh-rgen-image\">Background image (HTTPS URL, optional)<\/label><input id=\"dh-rgen-image\" name=\"image\" type=\"url\" maxlength=\"2000\" placeholder=\"https:\/\/jouwwebsite.nl\/afbeelding.jpg\"><\/div><p class=\"dh-rgen-note\">Use a publicly accessible image you have permission to use. If album artwork is missing, your logo or a music icon is used.<\/p><\/fieldset>\r\n <fieldset><legend>Colours and layout<\/legend><div class=\"dh-rgen-colors\"><div><label for=\"dh-rgen-background\">Background<\/label><input id=\"dh-rgen-background\" name=\"background\" type=\"color\" value=\"#132436\"><\/div><div><label for=\"dh-rgen-surface\">Cover background<\/label><input id=\"dh-rgen-surface\" name=\"surface\" type=\"color\" value=\"#20364c\"><\/div><div><label for=\"dh-rgen-accent\">Button \/ accent<\/label><input id=\"dh-rgen-accent\" name=\"accent\" type=\"color\" value=\"#f5a000\"><\/div><div><label for=\"dh-rgen-text\">Main text<\/label><input id=\"dh-rgen-text\" name=\"text\" type=\"color\" value=\"#ffffff\"><\/div><div><label for=\"dh-rgen-muted\">Secondary text<\/label><input id=\"dh-rgen-muted\" name=\"muted\" type=\"color\" value=\"#c5d4e5\"><\/div><\/div><div class=\"dh-rgen-two\" style=\"margin-top:18px\"><div class=\"dh-rgen-field\"><label for=\"dh-rgen-layout\">Layout<\/label><select id=\"dh-rgen-layout\" name=\"layout\"><option value=\"wide\">Wide<\/option><option value=\"compact\">Compact<\/option><option value=\"cover\">Large cover<\/option><\/select><\/div><div class=\"dh-rgen-field\"><label for=\"dh-rgen-radius\">Rounded corners (0\u201340 px)<\/label><input id=\"dh-rgen-radius\" name=\"radius\" type=\"number\" min=\"0\" max=\"40\" value=\"20\"><\/div><\/div><label class=\"dh-rgen-check\"><input name=\"cover\" type=\"checkbox\" checked>Show album cover \/ fallback cover<\/label><label class=\"dh-rgen-check\"><input name=\"volume\" type=\"checkbox\" checked>Show volume control<\/label><\/fieldset>\r\n <div class=\"dh-rgen-actions\"><button type=\"submit\" class=\"dh-rgen-button\">Update preview and code<\/button><button type=\"button\" class=\"dh-rgen-button dh-rgen-secondary\" data-demo>Try the AzuraCast demo<\/button><\/div><\/form><\/section>\r\n <section class=\"dh-rgen-panel\"><h2>2. Preview and test your player<\/h2><iframe data-preview sandbox=\"allow-scripts\" title=\"Preview of your radio player\"><\/iframe><p data-generator-status role=\"status\" class=\"dh-rgen-status\">Fill in your details and update the preview, or try the public AzuraCast demo. Audio does not play automatically.<\/p><h2>3. Add the player to your website<\/h2><label for=\"dh-rgen-html\">Complete HTML (self-hosted or HTML widget)<\/label><textarea id=\"dh-rgen-html\" data-html readonly spellcheck=\"false\"><\/textarea><div class=\"dh-rgen-actions\"><button type=\"button\" class=\"dh-rgen-button dh-rgen-secondary\" data-copy=\"html\">Copy HTML<\/button><button type=\"button\" class=\"dh-rgen-button dh-rgen-secondary\" data-download>Download HTML file<\/button><\/div><p class=\"dh-rgen-note\">Your settings and generated code are processed temporarily in this tab only and are not saved by Drechthosting. Copy the HTML or download the file to host the player on your own website. Input is cleared when you leave the page.<\/p><\/section><\/div><\/section>\r\n <section class=\"dh-rgen-guide\"><div class=\"dh-wrap\"><h2>HTML5 player with live AzuraCast album artwork<\/h2><p>The same player works with a direct HTTPS stream from Icecast or SHOUTcast. Automatic artist, title and cover information requires a public AzuraCast Now Playing URL. The player polls roughly every 15 seconds, so metadata may be slightly delayed. Other stream servers can play audio, but do not provide album artwork through this integration.<\/p><h3>Audio works, but track information does not?<\/h3><p>Check that your station\u2019s public API is enabled and allows requests from other websites (CORS). Server or website policies can block external audio, images or scripts. This generator does not bypass those policies. Test your stream on desktop and mobile before publishing the code.<\/p><div class=\"dh-rgen-actions\"><a class=\"dh-rgen-button\" href=\"https:\/\/www.drechthosting.nl\/en\/kennisdatabase\/hoe-plaats-ik-de-stream-op-mijn-eigen-website\/\">Read the embedding guide \u2192<\/a><a class=\"dh-rgen-button dh-rgen-secondary\" href=\"https:\/\/www.drechthosting.nl\/en\/azuracast-streaming-hosting\/\">Explore AzuraCast Hosting \u2192<\/a><\/div><\/div><\/section>\r\n <script type=\"application\/json\" data-player-template>\"\\u003C!doctype html\\u003E\\u003Chtml lang=\\u0022nl\\u0022\\u003E\\u003Chead\\u003E\\u003Cmeta charset=\\u0022utf-8\\u0022\\u003E\\u003Cmeta name=\\u0022viewport\\u0022 content=\\u0022width=device-width,initial-scale=1\\u0022\\u003E\\u003Cmeta name=\\u0022robots\\u0022 content=\\u0022noindex,nofollow\\u0022\\u003E\\u003Cmeta name=\\u0022referrer\\u0022 content=\\u0022no-referrer\\u0022\\u003E\\u003Ctitle\\u003ERadio player\\u003C\\\/title\\u003E\\u003Cstyle\\u003Ehtml,body{margin:0;padding:0;background:transparent;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}.dh-rp{--rp-bg:#132436;--rp-surface:#20364c;--rp-text:#ffffff;--rp-accent:#f5a000;--rp-muted:#c5d4e5;--rp-radius:20px;position:relative;display:grid;grid-template-columns:100px minmax(0,1fr) auto;gap:20px;align-items:center;width:100%;min-height:200px;padding:26px;border-radius:var(--rp-radius);background:var(--rp-bg);background-size:cover;background-position:center;color:var(--rp-text);overflow:hidden}.dh-rp [hidden]{display:none!important}.dh-rp-cover,.dh-rp-placeholder{width:100px;height:100px;border-radius:12px;object-fit:cover;background:var(--rp-surface)}.dh-rp-placeholder{display:grid;place-items:center;font-size:42px;color:var(--rp-accent)}.dh-rp-name{font-size:12px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;margin:0 0 10px;color:var(--rp-muted);display:flex;align-items:center;gap:8px}.dh-rp-name img{width:24px;height:24px;object-fit:contain;border-radius:4px}.dh-rp-song{font-size:clamp(17px,3.5vw,24px);font-weight:750;line-height:1.3;margin:0 0 7px;overflow-wrap:anywhere}.dh-rp-artist{font-size:14px;line-height:1.5;margin:0;color:var(--rp-muted);overflow-wrap:anywhere}.dh-rp-controls{display:flex;flex-direction:column;align-items:center;gap:14px}.dh-rp-play{border:0;border-radius:50%;background:var(--rp-accent);color:var(--rp-bg);width:58px;height:58px;font-size:23px;font-weight:750;cursor:pointer;line-height:1}.dh-rp-play:hover{filter:brightness(1.12)}.dh-rp-play:focus-visible,.dh-rp input:focus-visible{outline:3px solid var(--rp-text);outline-offset:4px}.dh-rp-volume{display:flex;gap:7px;align-items:center;color:var(--rp-muted);font-size:12px}.dh-rp input[type=range]{width:75px;accent-color:var(--rp-accent)}.dh-rp-status{grid-column:1\\\/-1;color:var(--rp-muted);font-size:12px;line-height:1.5;display:flex;gap:8px;align-items:center;margin:0}.dh-rp-status:before{content:\\u0027\\u0027;width:7px;height:7px;border-radius:50%;background:var(--rp-accent);flex-shrink:0}.dh-rp-api-note{grid-column:1\\\/-1;font-size:11px;line-height:1.5;margin:0;color:var(--rp-muted)}.dh-rp-api-note:empty{display:none}.dh-rp[data-layout=compact]{min-height:120px;padding:18px;grid-template-columns:60px minmax(0,1fr) auto;gap:14px}.dh-rp[data-layout=compact] .dh-rp-cover,.dh-rp[data-layout=compact] .dh-rp-placeholder{width:60px;height:60px}.dh-rp[data-layout=compact] .dh-rp-song{font-size:17px}.dh-rp[data-layout=compact] .dh-rp-name{margin-bottom:5px}.dh-rp[data-layout=cover]{grid-template-columns:1fr;justify-items:center;text-align:center;padding:28px}.dh-rp[data-layout=cover] .dh-rp-cover,.dh-rp[data-layout=cover] .dh-rp-placeholder{width:min(220px,100%);height:auto;aspect-ratio:1}.dh-rp[data-layout=cover] .dh-rp-name{justify-content:center}.dh-rp[data-layout=cover] .dh-rp-status{justify-content:center}.dh-rp[data-layout=cover] .dh-rp-controls{flex-direction:row}.dh-rp.no-cover{grid-template-columns:minmax(0,1fr) auto}@media(max-width:380px){.dh-rp{padding:18px;gap:14px;grid-template-columns:64px minmax(0,1fr)}.dh-rp-cover,.dh-rp-placeholder{width:64px;height:64px}.dh-rp-controls{grid-column:1\\\/-1;flex-direction:row;justify-content:center}.dh-rp[data-layout=compact]{grid-template-columns:48px minmax(0,1fr)}.dh-rp[data-layout=compact] .dh-rp-cover,.dh-rp[data-layout=compact] .dh-rp-placeholder{width:48px;height:48px}}\\n\\u003C\\\/style\\u003E\\u003C\\\/head\\u003E\\u003Cbody\\u003E\\u003Carticle class=\\u0022dh-rp\\u0022 data-dh-radio-player\\u003E\\u003Cimg class=\\u0022dh-rp-cover\\u0022 data-cover hidden referrerpolicy=\\u0022no-referrer\\u0022 alt=\\u0022\\u0022\\u003E\\u003Cdiv class=\\u0022dh-rp-placeholder\\u0022 data-placeholder aria-hidden=\\u0022true\\u0022\\u003E\\u266b\\u003C\\\/div\\u003E\\u003Cdiv\\u003E\\u003Cdiv class=\\u0022dh-rp-name\\u0022\\u003E\\u003Cimg data-logo hidden referrerpolicy=\\u0022no-referrer\\u0022 alt=\\u0022\\u0022\\u003E\\u003Cspan data-station\\u003E\\u003C\\\/span\\u003E\\u003C\\\/div\\u003E\\u003Ch2 class=\\u0022dh-rp-song\\u0022 data-song\\u003E\\u003C\\\/h2\\u003E\\u003Cp class=\\u0022dh-rp-artist\\u0022 data-artist\\u003E\\u003C\\\/p\\u003E\\u003C\\\/div\\u003E\\u003Cdiv class=\\u0022dh-rp-controls\\u0022\\u003E\\u003Cbutton class=\\u0022dh-rp-play\\u0022 data-play type=\\u0022button\\u0022 aria-label=\\u0022Play\\u0022\\u003E\\u25b6\\u003C\\\/button\\u003E\\u003Clabel class=\\u0022dh-rp-volume\\u0022\\u003E\\u003Cspan\\u003EVolume\\u003C\\\/span\\u003E\\u003Cinput data-volume type=\\u0022range\\u0022 min=\\u00220\\u0022 max=\\u0022100\\u0022 value=\\u002270\\u0022 aria-label=\\u0022Volume\\u0022\\u003E\\u003C\\\/label\\u003E\\u003C\\\/div\\u003E\\u003Cp class=\\u0022dh-rp-status\\u0022 data-status role=\\u0022status\\u0022\\u003E\\u003C\\\/p\\u003E\\u003Cp class=\\u0022dh-rp-api-note\\u0022 data-api-note\\u003E\\u003C\\\/p\\u003E\\u003Caudio\\u003E\\u003C\\\/audio\\u003E\\u003C\\\/article\\u003E\\u003Cscript\\u003Efunction dhPlayerStart(config){\\n \\u0027use strict\\u0027;const root=document.querySelector(\\u0027[data-dh-radio-player]\\u0027);if(!root)return;const en=config.lang===\\u0027en\\u0027;document.documentElement.lang=en?\\u0027en\\u0027:\\u0027nl\\u0027;const t=(nl,english)=\\u003Een?english:nl;\\n const safeUrl=value=\\u003E{try{const u=new URL(value);return u.protocol===\\u0027https:\\u0027\\u0026\\u0026!u.username\\u0026\\u0026!u.password?u.href:\\u0027\\u0027}catch(e){return \\u0027\\u0027}};\\n const $=s=\\u003Eroot.querySelector(s),audio=$(\\u0027audio\\u0027),play=$(\\u0027[data-play]\\u0027),status=$(\\u0027[data-status]\\u0027),song=$(\\u0027[data-song]\\u0027),artist=$(\\u0027[data-artist]\\u0027),cover=$(\\u0027[data-cover]\\u0027),logo=$(\\u0027[data-logo]\\u0027),volume=$(\\u0027[data-volume]\\u0027);\\n const fallback=safeUrl(config.logo),stream=safeUrl(config.stream),api=safeUrl(config.api);let endpoint=api,controller=null,timer=null,playing=false;\\n root.style.setProperty(\\u0027--rp-bg\\u0027,config.background);root.style.setProperty(\\u0027--rp-surface\\u0027,config.surface);root.style.setProperty(\\u0027--rp-text\\u0027,config.text);root.style.setProperty(\\u0027--rp-accent\\u0027,config.accent);root.style.setProperty(\\u0027--rp-muted\\u0027,config.muted);root.style.setProperty(\\u0027--rp-radius\\u0027,config.radius+\\u0027px\\u0027);root.dataset.layout=config.layout;root.classList.toggle(\\u0027no-cover\\u0027,!config.cover);\\n if(safeUrl(config.image))root.style.backgroundImage=\\u0027linear-gradient(110deg,rgba(0,0,0,.75),rgba(0,0,0,.35)),url(\\u0027+JSON.stringify(safeUrl(config.image))+\\u0027)\\u0027;\\n $(\\u0027[data-station]\\u0027).textContent=config.station||t(\\u0027Jouw radiostation\\u0027,\\u0027Your radio station\\u0027);root.setAttribute(\\u0027aria-label\\u0027,config.station||t(\\u0027Radioplayer\\u0027,\\u0027Radio player\\u0027));song.textContent=t(\\u0027Luister naar onze livestream\\u0027,\\u0027Listen to our live stream\\u0027);artist.textContent=t(\\u0027Druk op afspelen om te luisteren\\u0027,\\u0027Press play to listen\\u0027);status.textContent=t(\\u0027Klaar om te luisteren\\u0027,\\u0027Ready to listen\\u0027);\\n function setCover(url){const selected=safeUrl(url)||fallback;cover.hidden=!config.cover||!selected;$(\\u0027[data-placeholder]\\u0027).hidden=!config.cover||!!selected;if(selected\\u0026\\u0026cover.src!==selected){cover.src=selected;cover.alt=t(\\u0027Albumcover of zenderafbeelding\\u0027,\\u0027Album cover or station image\\u0027);}}\\n cover.addEventListener(\\u0027error\\u0027,()=\\u003E{if(fallback\\u0026\\u0026cover.src!==fallback){cover.src=fallback}else{cover.hidden=true;$(\\u0027[data-placeholder]\\u0027).hidden=!config.cover}});setCover(\\u0027\\u0027);\\n if(fallback){logo.src=fallback;logo.alt=config.station||t(\\u0027Zenderlogo\\u0027,\\u0027Station logo\\u0027);logo.hidden=false;logo.addEventListener(\\u0027error\\u0027,()=\\u003E{logo.hidden=true})}\\n audio.preload=\\u0027none\\u0027;if(stream)audio.src=stream;audio.volume=.7;volume.value=\\u002770\\u0027;volume.closest(\\u0027label\\u0027).hidden=!config.volume;\\n volume.addEventListener(\\u0027input\\u0027,()=\\u003E{audio.volume=Number(volume.value)\\\/100});\\n const updateButton=()=\\u003E{play.textContent=playing?\\u0027\\u275a\\u275a\\u0027:\\u0027\\u25b6\\u0027;play.setAttribute(\\u0027aria-label\\u0027,playing?t(\\u0027Pauzeren\\u0027,\\u0027Pause\\u0027):t(\\u0027Afspelen\\u0027,\\u0027Play\\u0027));play.setAttribute(\\u0027aria-pressed\\u0027,String(playing));};updateButton();\\n play.addEventListener(\\u0027click\\u0027,async()=\\u003E{if(!audio.paused){audio.pause();return}if(!audio.getAttribute(\\u0027src\\u0027)){status.textContent=t(\\u0027Vul een stream-URL in of controleer de AzuraCast-API.\\u0027,\\u0027Enter a stream URL or check the AzuraCast API.\\u0027);return}status.textContent=t(\\u0027Verbinden\\u2026\\u0027,\\u0027Connecting\\u2026\\u0027);try{await audio.play()}catch(e){playing=false;updateButton();status.textContent=t(\\u0027Afspelen lukt niet. Controleer de stream-URL en HTTPS.\\u0027,\\u0027Playback failed. Check the stream URL and HTTPS.\\u0027)}});\\n audio.addEventListener(\\u0027playing\\u0027,()=\\u003E{playing=true;updateButton();status.textContent=t(\\u0027Je luistert live\\u0027,\\u0027You are listening live\\u0027)});audio.addEventListener(\\u0027pause\\u0027,()=\\u003E{playing=false;updateButton();status.textContent=t(\\u0027Gepauzeerd\\u0027,\\u0027Paused\\u0027)});audio.addEventListener(\\u0027waiting\\u0027,()=\\u003E{if(!audio.paused)status.textContent=t(\\u0027Bufferen\\u2026\\u0027,\\u0027Buffering\\u2026\\u0027)});audio.addEventListener(\\u0027error\\u0027,()=\\u003E{playing=false;updateButton();status.textContent=t(\\u0027Stream niet bereikbaar of audioformaat niet ondersteund.\\u0027,\\u0027Stream unavailable or audio format unsupported.\\u0027)});\\n async function refresh(){if(!endpoint||document.hidden){timer=setTimeout(refresh,15000);return}controller=new AbortController();const timeout=setTimeout(()=\\u003Econtroller.abort(),8000);try{const response=await fetch(endpoint,{credentials:\\u0027omit\\u0027,signal:controller.signal,headers:{Accept:\\u0027application\\\/json\\u0027}});if(!response.ok)throw Error(\\u0027metadata\\u0027);let np=await response.json();if(Array.isArray(np)){if(np.length!==1)throw Error(\\u0027station\\u0027);np=np[0]}if(!np||!np.station||!np.now_playing)throw Error(\\u0027format\\u0027);const current=np.now_playing.song||{};song.textContent=current.title||current.text||t(\\u0027Livestream\\u0027,\\u0027Live stream\\u0027);artist.textContent=current.artist||np.station.name||config.station||\\u0027\\u0027;setCover(current.art);if(!stream\\u0026\\u0026safeUrl(np.station.listen_url)\\u0026\\u0026audio.getAttribute(\\u0027src\\u0027)!==safeUrl(np.station.listen_url))audio.src=safeUrl(np.station.listen_url);if(!playing)status.textContent=np.is_online===false?t(\\u0027Zender meldt offline\\u0027,\\u0027Station reports offline\\u0027):t(\\u0027Trackinformatie bijgewerkt\\u0027,\\u0027Track information updated\\u0027);$(\\u0027[data-api-note]\\u0027).textContent=\\u0027\\u0027;}catch(e){$(\\u0027[data-api-note]\\u0027).textContent=t(\\u0027Trackinformatie niet beschikbaar. Controleer de publieke API, station-ID en CORS. De stream kan nog wel afspelen.\\u0027,\\u0027Track information unavailable. Check the public API, station ID and CORS. The stream may still play.\\u0027);}finally{clearTimeout(timeout);controller=null;timer=setTimeout(refresh,15000)}}\\n if(api)refresh();window.addEventListener(\\u0027pagehide\\u0027,()=\\u003E{clearTimeout(timer);if(controller)controller.abort();audio.pause()});\\n}\\n;dhPlayerStart(PLAYER_CONFIG_JSON);\\u003C\\\/script\\u003E\\u003C\\\/body\\u003E\\u003C\\\/html\\u003E\"<\/script><\/div>\r\n \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":258,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"dh_seo_description":"Maak jouw radioplayer met eigen kleuren en afbeeldingen. Toon AzuraCast-trackinformatie en albumcovers. Kopieer de HTML voor je eigen website.","dh_advice_english":"","dh_seo_title":"Streamplayer generator met AzuraCast albumcover | Drechthosting","dh_seo_title_en":"Stream player generator with AzuraCast artwork | Drechthosting","dh_seo_description_en":"Build a radio player with custom colours and images. Show AzuraCast track details and artwork. Copy the HTML for your own website.","dh_service_type":"","dh_service_area":"","dh_region_key":"","dh_service_key":"","dh_domain_story_english":"","dh_industry_key":"","dh_industry_region":"","dh_industry_english":"","dh_radio_topic":"","dh_radio_region":"","dh_radio_english":"","dh_premium_key":"","dh_premium_english":"","footnotes":""},"class_list":["post-3545","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Streamplayer generator met AzuraCast albumcover | Drechthosting<\/title>\n<meta name=\"description\" content=\"Maak jouw radioplayer met eigen kleuren en afbeeldingen. Toon AzuraCast-trackinformatie en albumcovers. Kopieer de HTML voor je eigen website.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.drechthosting.nl\/en\/stream-player-generator\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Streamplayer generator met AzuraCast albumcover | Drechthosting\" \/>\n<meta property=\"og:description\" content=\"Maak jouw radioplayer met eigen kleuren en afbeeldingen. Toon AzuraCast-trackinformatie en albumcovers. Kopieer de HTML voor je eigen website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.drechthosting.nl\/en\/stream-player-generator\/\" \/>\n<meta property=\"og:site_name\" content=\"Drechthosting\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DrechtHosting\/\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.drechthosting.nl\/wp-content\/uploads\/2026\/10\/servers-cinematic.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1448\" \/>\n\t<meta property=\"og:image:height\" content=\"1086\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Streamplayer generator met AzuraCast albumcover | Drechthosting\" \/>\n<meta name=\"twitter:description\" content=\"Maak jouw radioplayer met eigen kleuren en afbeeldingen. Toon AzuraCast-trackinformatie en albumcovers. Kopieer de HTML voor je eigen website.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.drechthosting.nl\/wp-content\/uploads\/2026\/10\/servers-cinematic.webp\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.drechthosting.nl\\\/stream-player-generator\\\/\",\"url\":\"https:\\\/\\\/www.drechthosting.nl\\\/stream-player-generator\\\/\",\"name\":\"Streamplayer generator met AzuraCast albumcover | Drechthosting\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.drechthosting.nl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.drechthosting.nl\\\/stream-player-generator\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.drechthosting.nl\\\/stream-player-generator\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.drechthosting.nl\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/servers-cinematic.webp\",\"datePublished\":\"2026-10-23T22:37:22+00:00\",\"description\":\"Maak jouw radioplayer met eigen kleuren en afbeeldingen. Toon AzuraCast-trackinformatie en albumcovers. Kopieer de HTML voor je eigen website.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.drechthosting.nl\\\/stream-player-generator\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.drechthosting.nl\\\/stream-player-generator\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/www.drechthosting.nl\\\/stream-player-generator\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.drechthosting.nl\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/servers-cinematic.webp\",\"contentUrl\":\"https:\\\/\\\/www.drechthosting.nl\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/servers-cinematic.webp\",\"width\":1448,\"height\":1086,\"caption\":\"Illustratief datacenter met moderne serverkasten en warm licht\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.drechthosting.nl\\\/stream-player-generator\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.drechthosting.nl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Streamplayer generator voor jouw website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.drechthosting.nl\\\/#website\",\"url\":\"https:\\\/\\\/www.drechthosting.nl\\\/\",\"name\":\"Drechthosting\",\"description\":\"Betrouwbare Webhosting &amp; Domeinnamen\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.drechthosting.nl\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.drechthosting.nl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":[\"Organization\",\"LocalBusiness\"],\"@id\":\"https:\\\/\\\/www.drechthosting.nl\\\/#organization\",\"name\":\"Drechthosting\",\"url\":\"https:\\\/\\\/www.drechthosting.nl\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/www.drechthosting.nl\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.drechthosting.nl\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/drechthosting-organisatielogo-google.jpg\",\"contentUrl\":\"https:\\\/\\\/www.drechthosting.nl\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/drechthosting-organisatielogo-google.jpg\",\"width\":1254,\"height\":1254,\"caption\":\"Drechthosting\"},\"image\":{\"@id\":\"https:\\\/\\\/www.drechthosting.nl\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/DrechtHosting\\\/\",\"https:\\\/\\\/www.instagram.com\\\/drechthosting\\\/\"],\"telephone\":\"+31787200872\",\"email\":\"info@drechthosting.nl\",\"address\":{\"@type\":\"PostalAddress\",\"streetAddress\":\"Stellingmolen 400\",\"postalCode\":\"3352 BT\",\"addressLocality\":\"Papendrecht\",\"addressCountry\":\"NL\"},\"areaServed\":[{\"@type\":\"Country\",\"name\":\"Netherlands\"},{\"@type\":\"Place\",\"name\":\"Drechtsteden\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Streamplayer generator met AzuraCast albumcover | Drechthosting","description":"Maak jouw radioplayer met eigen kleuren en afbeeldingen. Toon AzuraCast-trackinformatie en albumcovers. Kopieer de HTML voor je eigen website.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.drechthosting.nl\/en\/stream-player-generator\/","og_locale":"en_GB","og_type":"article","og_title":"Streamplayer generator met AzuraCast albumcover | Drechthosting","og_description":"Maak jouw radioplayer met eigen kleuren en afbeeldingen. Toon AzuraCast-trackinformatie en albumcovers. Kopieer de HTML voor je eigen website.","og_url":"https:\/\/www.drechthosting.nl\/en\/stream-player-generator\/","og_site_name":"Drechthosting","article_publisher":"https:\/\/www.facebook.com\/DrechtHosting\/","og_image":[{"width":1448,"height":1086,"url":"https:\/\/www.drechthosting.nl\/wp-content\/uploads\/2026\/10\/servers-cinematic.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_title":"Streamplayer generator met AzuraCast albumcover | Drechthosting","twitter_description":"Maak jouw radioplayer met eigen kleuren en afbeeldingen. Toon AzuraCast-trackinformatie en albumcovers. Kopieer de HTML voor je eigen website.","twitter_image":"https:\/\/www.drechthosting.nl\/wp-content\/uploads\/2026\/10\/servers-cinematic.webp","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.drechthosting.nl\/stream-player-generator\/","url":"https:\/\/www.drechthosting.nl\/stream-player-generator\/","name":"Streamplayer generator met AzuraCast albumcover | Drechthosting","isPartOf":{"@id":"https:\/\/www.drechthosting.nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.drechthosting.nl\/stream-player-generator\/#primaryimage"},"image":{"@id":"https:\/\/www.drechthosting.nl\/stream-player-generator\/#primaryimage"},"thumbnailUrl":"https:\/\/www.drechthosting.nl\/wp-content\/uploads\/2026\/10\/servers-cinematic.webp","datePublished":"2026-10-23T22:37:22+00:00","description":"Maak jouw radioplayer met eigen kleuren en afbeeldingen. Toon AzuraCast-trackinformatie en albumcovers. Kopieer de HTML voor je eigen website.","breadcrumb":{"@id":"https:\/\/www.drechthosting.nl\/stream-player-generator\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.drechthosting.nl\/stream-player-generator\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.drechthosting.nl\/stream-player-generator\/#primaryimage","url":"https:\/\/www.drechthosting.nl\/wp-content\/uploads\/2026\/10\/servers-cinematic.webp","contentUrl":"https:\/\/www.drechthosting.nl\/wp-content\/uploads\/2026\/10\/servers-cinematic.webp","width":1448,"height":1086,"caption":"Illustratief datacenter met moderne serverkasten en warm licht"},{"@type":"BreadcrumbList","@id":"https:\/\/www.drechthosting.nl\/stream-player-generator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.drechthosting.nl\/"},{"@type":"ListItem","position":2,"name":"Streamplayer generator voor jouw website"}]},{"@type":"WebSite","@id":"https:\/\/www.drechthosting.nl\/#website","url":"https:\/\/www.drechthosting.nl\/","name":"Drechthosting","description":"Betrouwbare Webhosting &amp; Domeinnamen","publisher":{"@id":"https:\/\/www.drechthosting.nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.drechthosting.nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":["Organization","LocalBusiness"],"@id":"https:\/\/www.drechthosting.nl\/#organization","name":"Drechthosting","url":"https:\/\/www.drechthosting.nl\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.drechthosting.nl\/#\/schema\/logo\/image\/","url":"https:\/\/www.drechthosting.nl\/wp-content\/uploads\/2026\/10\/drechthosting-organisatielogo-google.jpg","contentUrl":"https:\/\/www.drechthosting.nl\/wp-content\/uploads\/2026\/10\/drechthosting-organisatielogo-google.jpg","width":1254,"height":1254,"caption":"Drechthosting"},"image":{"@id":"https:\/\/www.drechthosting.nl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DrechtHosting\/","https:\/\/www.instagram.com\/drechthosting\/"],"telephone":"+31787200872","email":"info@drechthosting.nl","address":{"@type":"PostalAddress","streetAddress":"Stellingmolen 400","postalCode":"3352 BT","addressLocality":"Papendrecht","addressCountry":"NL"},"areaServed":[{"@type":"Country","name":"Netherlands"},{"@type":"Place","name":"Drechtsteden"}]}]}},"_links":{"self":[{"href":"https:\/\/www.drechthosting.nl\/en\/wp-json\/wp\/v2\/pages\/3545","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.drechthosting.nl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.drechthosting.nl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.drechthosting.nl\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.drechthosting.nl\/en\/wp-json\/wp\/v2\/comments?post=3545"}],"version-history":[{"count":0,"href":"https:\/\/www.drechthosting.nl\/en\/wp-json\/wp\/v2\/pages\/3545\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.drechthosting.nl\/en\/wp-json\/wp\/v2\/media\/258"}],"wp:attachment":[{"href":"https:\/\/www.drechthosting.nl\/en\/wp-json\/wp\/v2\/media?parent=3545"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}