{"id":82916,"date":"2025-06-25T12:57:04","date_gmt":"2025-06-25T12:57:04","guid":{"rendered":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/25\/kast-extraordinary-shoutcast-html5-radio-player-for-jquery-material-design\/"},"modified":"2025-06-25T12:58:16","modified_gmt":"2025-06-25T12:58:16","slug":"kast-extraordinary-shoutcast-html5-radio-player-for-jquery-material-design","status":"publish","type":"post","link":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/25\/kast-extraordinary-shoutcast-html5-radio-player-for-jquery-material-design\/","title":{"rendered":"Kast &#8211; Extraordinary SHOUTcast HTML5 Radio Player for jQuery &#8211; Material Design"},"content":{"rendered":"<a href=\"https:\/\/go.fiverr.com\/visit\/?bta=1052423&nci=17043\" Target=\"_Top\"><img loading=\"lazy\" decoding=\"async\" border=\"0\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/fiverr.ck-cdn.com\/tn\/serve\/?cid=40081059\"  width=\"601\" height=\"201\"><\/a>\n<\/p>\n<p><a class=\"wp_automatic_demo_btn\" target=\"_blank\" href=\"https:\/\/1.envato.market\/c\/2840012\/950273\/4415?u=https%3A%2F%2Fcodecanyon.net%2Fitem%2Fkast-extraordinary-shoutcast-html5-radio-player-for-jquery-material-design%2Ffull_screen_preview%2F14396614\">LIVE PREVIEW<\/a><a class=\"wp_automatic_buy_btn\" target=\"_blank\" href=\"https:\/\/1.envato.market\/c\/2840012\/950273\/4415?u=https%3A%2F%2Fcodecanyon.net%2Fitem%2Fkast-extraordinary-shoutcast-html5-radio-player-for-jquery-material-design%2F14396614\">BUY FOR $39<\/a><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/previews.customer.envatousercontent.com\/files\/170422086\/preview.jpg\"><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/i.ibb.co\/dtRFKcL\/jaguarscript-yellow-cover-8yrs.png\" alt=\"JaguarScript Trusted By Envato\" \/><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/image.ibb.co\/h7AJQx\/kastreviews.png\" alt=\"Kast jQuery reviews\" \/><\/p>\n<h2 id=\"item-description__overview\">Overview<\/h2>\n<p>Kast &#8211; Extraordinary SHOUTcast HTML5 Sticky Radio Participant on your web site<br \/>\n            <br \/>(jQuery and Zepto Plugin).<\/p>\n<p>Permits you to stream your dwell radio station to your internet guests on Desktops, Tablets and Cellular units.<br \/>\n            <br \/>SHOUTcast unique, Colourful, Responsive design, Totally-customizable, Manufacturing-ready, Cellular-compatible, Contact-friendly, Retina-ready and extra.<br \/>\n            <br \/>Following Google&#8217;s Materials Design pointers.<\/p>\n<p>            <i>Replace: Spotify API has been changed with lastFM API to repair pictures situation.<\/i>\n        <\/p>\n<p>        <a href=\"https:\/\/codecanyon.net\/item\/kast-extraordinary-shoutcast-html5-radio-player-for-wordpress-material-design\/14649289\"><br \/>\n            <img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/kast-demo.firebaseapp.com\/images\/preview\/kast-wp-version.png\" alt=\"Kast WordPress Version\" \/><br \/>\n        <\/a><\/p>\n<p>        <img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/kast-demo.firebaseapp.com\/images\/screenshots\/1_mix-1.jpg\" alt=\"Kast - Preview | shoutcast html5 player | material design\" \/><br \/>\n        <img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/kast-demo.firebaseapp.com\/images\/screenshots\/9_current-3.jpg\" alt=\"Kast - Nowplaying | shoutcast artist artwork | material design\" \/><br \/>\n        <img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/kast-demo.firebaseapp.com\/images\/screenshots\/12_themes.jpg\" alt=\"Kast - Themes | shoutcast radio player | material design\" \/><br \/>\n        <img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/kast-demo.firebaseapp.com\/images\/screenshots\/15_min-colors.jpg\" alt=\"Kast - Colors | shoutcast mobile player | material design\" \/><br \/>\n        <img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/kast-demo.firebaseapp.com\/images\/screenshots\/16_ultra-mode.jpg\" alt=\"Kast - MobileCare Ultra | shoutcast mobile player | material design\" \/><\/p>\n<h2 id=\"item-description__features\">Options<\/h2>\n<ul>\n<li><strong>Pure HTML5:<\/strong> HTML5 solely audio participant<\/li>\n<li><strong>All SHOUTcast Variations:<\/strong> Performs any SHOUTcast station<\/li>\n<li><strong>SID:<\/strong> Helps a number of streams from a single server<\/li>\n<li><strong>Multi-format Audio Participant:<\/strong> MP3, OGG, AAC, AAC+ (aacPlus)<\/li>\n<li><strong>SHOUTcast Unique:<\/strong> for SHOUTcast servers solely, made with love<\/li>\n<li><strong>Sticky Participant:<\/strong> Runs peacefully at your internet browser nook.<\/li>\n<li><strong>Popup Participant<\/strong><\/li>\n<li><strong>Present and Performed Info:<\/strong> Shows numerous data and stats a couple of SHOUTcast server (server title, present listeners, style, observe title, artist title and extra)<\/li>\n<li><strong>Album and Artist Artworks:<\/strong> Good album art work retrieving from the most important music database (utilizing lastFM API), or Artist art work as a fallback<\/li>\n<li><strong>Cellular-compatible with MobileCare:<\/strong> Kast is memory-efficient, runs completely on Cellular units (Premium characteristic)<\/li>\n<li><strong>Responsive Design:<\/strong> Extremely Responsive Design with Cellular-first method<\/li>\n<li><strong>Materials Design:<\/strong> Kast UI Following Google&#8217;s Materials Design pointers<\/li>\n<li><strong>Colourful:<\/strong> All Materials Design Colours (Pink, Pink, Purple, Deep Purple, Indigo, Blue, Mild Blue, Cyan, Teal, Inexperienced, Mild Inexperienced, Lime, Yellow, Amber, Orange, Deep Orange, Brown, Gray, Blue Gray, Carolina, Black, White)<\/li>\n<li><strong>Mild and Darkish Themes:<\/strong> Materials Mild Theme and Materials Darkish Theme<\/li>\n<li><strong>Dynamic Theme, Colours and Distinction:<\/strong> Dynamically modifications colours and theme based mostly on the dominated colours (shade palette) from the art work picture with additionally shade distinction examine for textual content colours (mild or darkish).<\/li>\n<li><strong>Anyplace:<\/strong> You&#8217;ll be able to insert it anyplace into your internet web page (Non-sticky).<\/li>\n<li><strong>Cross-browser:<\/strong> Chrome, Firefox, Safari, Opera, Edge, IE<\/li>\n<li><strong>Contact-friendly and Retina-ready<\/strong><\/li>\n<li><strong>Unbiased participant, simply jQuery<\/strong><\/li>\n<li><strong>Steady and LiveStream play<\/strong><\/li>\n<li><strong>SHOUTcast Direct Metadata through DNAS JSONP Assist<\/strong><\/li>\n<li><strong>Multi Language Assist<\/strong><\/li>\n<li><strong>HTTPS (SSL) Assist:<\/strong> Stream your radio station in your SSL secured web site (HTTPS)<\/li>\n<li><strong>Offline Detection:<\/strong> Show message on SHOUTcast server offline or Web connection loss.<\/li>\n<li><strong>Efficiency-focused:<\/strong> Utterly written in plain JavaScript.<\/li>\n<li><strong>Straightforward-to-use:<\/strong> Meant for everybody<\/li>\n<li><strong>Extremely customizable:<\/strong> Straightforward to customise and totally customizable<\/li>\n<li><strong>Developer API:<\/strong> Wealthy API and occasions for Builders<\/li>\n<li><strong>Further:<\/strong> Quantity controls (Mute \/ Unmute), reduce and maximize the participant and extra<\/li>\n<\/ul>\n<h2 id=\"item-description__more-screenshots\">Extra Screenshots?<\/h2>\n<p>Click on on the Screenshots button to view the gallery.<\/p>\n<h2 id=\"item-description__live-preview\">Stay Preview<\/h2>\n<p>Click on on the Stay Preview button to view the demo.<\/p>\n<h2 id=\"item-description__usage\">Utilization<\/h2>\n<p>First be sure jQuery is included, If not, embrace it<\/p>\n<pre>&lt;script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/2.1.4\/jquery.min.js\"&gt;&lt;\/script&gt;<\/pre>\n<p>Then embrace Kast recordsdata<\/p>\n<pre>&lt;hyperlink href=\"path\/to\/kast.min.css\" kind=\"textual content\/css\" rel=\"stylesheet\"&gt;\n&lt;script src=\"path\/to\/kast.min.js\"&gt;&lt;\/script&gt;<\/pre>\n<p>Name it<\/p>\n<pre>&lt;script&gt;\n    $.kast({\n       host: \"myshoutcastserver.com\",\n       port: 8080,\n       model: 2\n    })\n&lt;\/script&gt;\n<\/pre>\n<p>Advisable: embrace Google&#8217;s Roboto font<\/p>\n<pre>&lt;hyperlink href=\"https:\/\/fonts.googleapis.com\/css?household=Roboto:400\" kind=\"textual content\/css\" rel=\"stylesheet\"&gt;<\/pre>\n<h2 id=\"item-description__options\">Choices<\/h2>\n<p>Customise Kast simply the best way you prefer it, Utilization:<\/p>\n<pre>$.kast({\n   host: \"...\",\n   port: ...,\n   optionName: ...    \n})<\/pre>\n<ul>\n<li><strong>host<\/strong>: <code>String<\/code> Server IP or area title <code>Required<\/code><\/li>\n<li><strong>port<\/strong>: <code>Integer<\/code> Server port (<i>80<\/i> by default)<\/li>\n<li><strong>protocol<\/strong>: <code>String<\/code> Server protocol (<i>&#8220;http&#8221;<\/i> by default)<\/li>\n<li><strong>model<\/strong>: <code>Integer<\/code> SHOUTcast model (<i>2<\/i> by default) (<i>1 or 2<\/i>)<\/li>\n<li><strong>sid<\/strong>: <code>Integer<\/code> SHOUTcast V2 server stream ID * If in case you have a number of stations * (<i>1<\/i> by default)<\/li>\n<li><strong>statsPath<\/strong>: <code>String<\/code> SHOUTcast V2 path to statistics (<i>&#8220;stats&#8221;<\/i> by default)<\/li>\n<li><strong>playedPath<\/strong>: <code>String<\/code> Path to performed listing (<i>&#8220;performed&#8221;<\/i> by default)<\/li>\n<li><strong>directStreamURL<\/strong>: <code>Boolean or String<\/code> Add direct audio stream URL (<i>false<\/i> by default)<\/li>\n<li><strong>ui<\/strong>: <code>String<\/code> Consumer Interface (<i>&#8220;coloured&#8221;<\/i> by default) (<i>&#8220;clear&#8221; or &#8220;coloured&#8221;<\/i>)<\/li>\n<li><strong>theme<\/strong>: <code>String<\/code> Materials Design theme (<i>&#8220;mild&#8221;<\/i> by default) (<i>&#8220;darkish&#8221;, &#8220;mild&#8221; or &#8220;dynamic&#8221;<\/i>)<\/li>\n<li><strong>colours<\/strong>: <code>String or Object<\/code> Materials Design colours (<i>{main: &#8220;cyan&#8221;, accent: &#8220;yellow&#8221;}<\/i> by default) (<i>{main: &#8220;shade title&#8221;, accent: &#8220;shade title&#8221;} or &#8220;dynamic&#8221;<\/i>)<br \/>\n                <br \/><i>Coloration names:<\/i> crimson, pink, purple, deep purple, indigo, blue, mild blue, cyan, teal, inexperienced, mild inexperienced, lime, yellow, amber, orange, deep orange, brown, gray, blue Gray, carolina, black, white<br \/>\n                <br \/><i>Be aware: Carolina shade it&#8217;s an additional shade<\/i><\/li>\n<li><strong>startTemplate<\/strong>: <code>String<\/code> Beginning template (<i>&#8220;maximized&#8221;<\/i> by default) (<i>&#8220;minimized&#8221; or &#8220;maximized&#8221;<\/i>)<\/li>\n<li><strong>place<\/strong>: <code>String<\/code> Participant sticky place (<i>&#8220;proper&#8221;<\/i> by default) (<i>&#8220;proper&#8221; or &#8220;left&#8221;<\/i>)<\/li>\n<li><strong>container<\/strong>: <code>String<\/code> Participant container ingredient, class or ID. (<i>&#8220;physique&#8221;<\/i> by default)<\/li>\n<li><strong>autoPlay<\/strong>: <code>Boolean<\/code> Autoplay radio (<i>false<\/i> by default) (<i>true or false<\/i>)<\/li>\n<li><strong>autoUpdate<\/strong>: <code>Boolean or String<\/code> Auto replace data * Present enjoying data, performed listing, server stats * (<i>true<\/i> by default) (<i>true, false or &#8220;all&#8221;<\/i>)<br \/>\n                <br \/><i>Be aware:<\/i> &#8220;all&#8221; Auto updates all the data together with server stats (present listeners, and so on..)<\/li>\n<li><strong>art work<\/strong>: <code>Boolean or Array<\/code> Retrieve album art work (or artist art work as a fallback) utilizing lastFM API or set a customized picture (<i>true<\/i> by default) (<i>true, false or [&#8220;<a href=\"https:\/\/my-website-or-some-cors-website.com\/my-custom-artwork.jpg&#8221;]\" rel=\"nofollow\">https:\/\/my-website-or-some-cors-website.com\/my-custom-artwork.jpg&#8221;]<\/a><\/i>)<br \/>\n                <br \/><i>Be aware about customized picture:<\/i> It&#8217;s really helpful so as to add 64&#215;64 (small) picture with customized picture array. i.e [&#8220;images\/video-games-music.jpg&#8217;, &#8216;images\/video-games-music-optional-64&#215;64.jpg&#8221;]<\/li>\n<li><strong>statusBar<\/strong>: <code>Boolean<\/code> Present standing bar on the prime of the participant (<i>true<\/i> by default) (<i>true or false<\/i>)<\/li>\n<li><strong>minimizeMaximize<\/strong>: <code>Boolean<\/code> Present reduce \/ maximize button within the standing bar (<i>true<\/i> by default) (<i>true or false<\/i>)<\/li>\n<li><strong>muteUnmute<\/strong>: <code>Boolean<\/code> Present mute \/ unmute button within the standing bar (<i>true<\/i> by default) (<i>true or false<\/i>)<\/li>\n<li><strong>startMuted<\/strong>: <code>Boolean<\/code> Begin audio muted (<i>false<\/i> by default) (<i>true or false<\/i>)<\/li>\n<li><strong>serverInfo<\/strong>: <code>Boolean, String or Array<\/code> Present server data \/ stats within the standing bar or set a customized textual content (<i>false<\/i> by default) (<i>false, &#8220;My Customized textual content&#8221;, [&#8220;servertitle&#8221;, &#8220;servergenre&#8221;, etc..]<\/i>)<br \/>\n                <br \/><i>SHOUTcast V1 server data:<\/i> &#8220;currentlisteners&#8221;, &#8220;streamstatus&#8221;, &#8220;peaklisteners&#8221;, &#8220;maxlisteners&#8221;, &#8220;uniquelisteners&#8221;, &#8220;bitrate&#8221;, &#8220;songtitle&#8221;<br \/>\n                <br \/><i>SHOUTcast V2 server data:<\/i> &#8220;averagetime&#8221;, &#8220;backupstatus&#8221;, &#8220;bitrate&#8221;, &#8220;content material&#8221;, &#8220;currentlisteners&#8221;, &#8220;maxlisteners&#8221;, &#8220;peaklisteners&#8221;, &#8220;servergenre&#8221;, &#8220;servertitle&#8221;, &#8220;serverurl&#8221;, &#8220;songtitle&#8221;, &#8220;streamhits&#8221;, &#8220;streamlisted&#8221;, &#8220;streamlistederror&#8221;, &#8220;streampath&#8221;, &#8220;streamstatus&#8221;, &#8220;streamuptime&#8221;, &#8220;uniquelisteners&#8221;, &#8220;model&#8221;\n            <\/li>\n<li><strong>performed<\/strong>: <code>Boolean<\/code> Present performed listing (<i>true<\/i> by default) (<i>true or false<\/i>)<\/li>\n<li><strong>currentTrack<\/strong>: <code>Boolean or String<\/code> Present present observe title or set a customized textual content (<i>true<\/i> by default) (<i>true, false, &#8220;My Monitor Title&#8221;, and so on..<\/i>)<\/li>\n<li><strong>currentArtist<\/strong>: <code>Boolean or String<\/code> Present present artist title or set a customized textual content (<i>true<\/i> by default) (<i>true, false, &#8220;My Artist Title&#8221;, and so on..<\/i>)<\/li>\n<li><strong>playedTracks<\/strong>: <code>Boolean<\/code> Present SHOUTcast V2 performed observe titles (<i>true<\/i> by default) (<i>true or false<\/i>)<\/li>\n<li><strong>playedArtists<\/strong>: <code>Boolean<\/code> Present SHOUTcast V2 performed artist names (<i>true<\/i> by default) (<i>true or false<\/i>)<\/li>\n<li><strong>offlineCheck<\/strong>: <code>Boolean<\/code> Present message on SHOUTcast server offline or Web connection loss within the standing bar (<i>true<\/i> by default) (<i>true or false<\/i>)<\/li>\n<li><strong>mobileCare<\/strong>: <code>Boolean or Array<\/code> Light-weight participant for Cellular Gadgets (<i>true<\/i> by default) (<i>true, false, [&#8220;low&#8221;], [&#8220;medium&#8221;], [&#8220;high&#8221;], [&#8220;very high&#8221;] or [&#8220;ultra&#8221;]<\/i>)<br \/>\n                <br \/><i>Be aware:<\/i> Kast is all the time responsive design, however MobileCare is totally different, you set it by choosing a grade from low to extremely (modes), and If you wish to customise the max-width * when mobileCare get triggered * set [&#8220;medium&#8221;, &#8220;800px&#8221;]. The default max-width is 599px<br \/>\n                <\/p>\n<ol>\n<li><i>false<\/i>: What you see in Desktop, is what you see in Cellular<\/li>\n<li><i>low<\/i>: (true equal low) Autoplay and offlineCheck might be disabled, Kast will all the time begin minimized and lite auto replace<\/li>\n<li><i>medium<\/i>: Medium high quality art work, Server stats replace within the standing bar might be disabled, Dymanic theme and colours might be dropped to mounted theme\/colours and lite auto replace degree 2<\/li>\n<li><i>excessive<\/i>: Art work and performed listing might be disabled<\/li>\n<li><i>very excessive<\/i>: Auto replace and reduce\/maximize might be disabled<\/li>\n<li><i>extremely<\/i>: Only a play\/pause button. Takes solely 3MB of RAM<\/li>\n<\/ol>\n<\/li>\n<li><strong>language<\/strong>: <code>Object<\/code> Set textual content * for Multi-language * (<i>{offlineText: &#8220;Quickly Offline&#8221;, playedText: &#8220;Performed&#8221;, unknownTrackText: &#8220;Unknown Monitor&#8221;, unknownArtistText: &#8220;Unknown Artist&#8221;}<\/i> by default)<\/li>\n<li><strong>irrelevantWords<\/strong>: <code>Boolean or Array<\/code> Let Kast pay attention to some irrelavent phrases inside the present track title to assist Kast get the appropriate art work from lastFM API (<i>[&#8220;feat.&#8221;, &#8220;ft.&#8221;, &#8220;Feat.&#8221;, &#8220;Ft.&#8221;]<\/i> by default) (false, [&#8220;blah&#8221;, &#8220;blah.com&#8221;, &#8220;mumbo jumbo&#8221;], and so on..)<\/li>\n<li><strong>skipInfo<\/strong>: <code>Boolean or Array of objects<\/code> Skip data based mostly on observe names or artist names. i.e. skip advert titles (<i>false<\/i> by default) (<i>false, [{track: &#8216;track name to skip&#8217;, artist: &#8216;Artist name to skip&#8217;}, {track: &#8216;another track to skip&#8217;}], and so on..<\/i>)<\/li>\n<li><strong>defaultArtwork<\/strong>: <code>Boolean or Array<\/code> Set default album art work, It reveals when art work not discovered. (<i>false<\/i> by default) (<i>false, [&#8220;<a href=\"https:\/\/my-website-or-some-cors-website.com\/my-default-artwork.jpg&#8221;]\" rel=\"nofollow\">https:\/\/my-website-or-some-cors-website.com\/my-default-artwork.jpg&#8221;]<\/a><\/i>)<br \/>\n                <br \/><i>Be aware about default picture:<\/i> It&#8217;s really helpful so as to add 64&#215;64 (small) picture with default picture array. i.e [&#8220;images\/my-default-artwork.jpg&#8217;, &#8216;images\/my-default-artwork-optional-64&#215;64.jpg&#8221;]\n            <\/li>\n<li><strong>customCheckerInterval<\/strong>: <code>Boolean or Integer<\/code> Set customized stats checker interval in ms (<i>false<\/i> by default) (<i>false, 7000, 10000, and so on..<\/i>)<\/li>\n<li><strong>popup<\/strong>: <code>Boolean<\/code> Allow Kast popup participant (<i>false<\/i> by default) (<i>false, true<\/i>)<\/li>\n<li><strong>popupCSSLink<\/strong>: <code>String<\/code> Kast CSS hyperlink for Kast popup participant (<i>&#8217;&#8217;<\/i> by default) (<i>&#8216;<a href=\"http:\/\/to-kast-css-link-file.css'\" rel=\"nofollow\">http:\/\/to-kast-css-link-file.css&#8217;<\/a><\/i>)<\/li>\n<li><strong>popupWidth<\/strong>: <code>Integer<\/code> Set popup participant width (<i>380<\/i> by default)<\/li>\n<li><strong>popupHeight<\/strong>: <code>Integer<\/code> Set popup participant peak (<i>570<\/i> by default)<\/li>\n<li><strong>overHTTPS<\/strong>: <code>Boolean<\/code> Stream secured SHOUTcast audio for secured HTTPS web sites (experimental) (<i>false<\/i> by default) (<i>true or false<\/i>)<br \/>\n                <br \/><i>Be aware:<\/i> Presently SHOUTcast serve audio solely via an HTTP protocol. And HTTPS web page ought to solely have HTTPS content material, with overHTTPS, you serve your internet guests a secured stream through the use of a secured HTTPS proxy.<\/li>\n<li><strong>direct<\/strong>: <code>Boolean<\/code> Fetch SHOUTcast metadata direclty from the servers (<i>false<\/i> by default) (<i>true or false<\/i>)<br \/>\n                <br \/><i>Be aware:<\/i> Supported from &gt;=2.2 DNAS through JSONP.<\/li>\n<li><strong>betaProxies<\/strong>: <code>Boolean<\/code> Use beta proxies to fetch SHOUTcast metadata (<i>false<\/i> by default) (<i>true or false<\/i>)<\/li>\n<li><strong>steady<\/strong>: <code>Boolean<\/code> Allow steady play (Play\/Pause radio) (<i>true<\/i> by default) (<i>true or false<\/i>)<\/li>\n<\/ul>\n<h2 id=\"item-description__api\">API<\/h2>\n<p>Kast Developer API<\/p>\n<ul>\n<li><strong>$.kast()<\/strong>; Begin with default choices<\/li>\n<li><strong>$.kast(&#8220;play&#8221;)<\/strong>; Play audio<\/li>\n<li><strong>$.kast(&#8220;play&#8221;, true)<\/strong>; Reload audio and play it<\/li>\n<li><strong>$.kast(&#8220;pause&#8221;)<\/strong>; Pause audio<\/li>\n<li><strong>$.kast(&#8220;cease&#8221;)<\/strong>; Cease audio<\/li>\n<li><strong>$.kast(&#8220;mute&#8221;)<\/strong>; Mute audio<\/li>\n<li><strong>$.kast(&#8220;unmute&#8221;)<\/strong>; Unmute audio<\/li>\n<li><strong>$.kast(&#8220;reduce&#8221;)<\/strong>; Reduce participant<\/li>\n<li><strong>$.kast(&#8220;maximize&#8221;)<\/strong>; Maximize participant<\/li>\n<li><strong>$.kast(&#8220;stats&#8221;)<\/strong>; Replace the present enjoying data<\/li>\n<li><strong>$.kast(&#8220;stats&#8221;, callback)<\/strong>; Entry to the present enjoying data<\/li>\n<li><strong>$.kast(&#8220;performed&#8221;)<\/strong>; Replace the present performed data<\/li>\n<li><strong>$.kast(&#8220;performed&#8221;, callback)<\/strong>; Entry to the present performed data<\/li>\n<li><strong>$.kast(&#8220;autoUpdate&#8221;, &#8220;all&#8221;)<\/strong>; Allow auto replace together with server stats<\/li>\n<li><strong>$.kast(&#8220;autoUpdate&#8221;, true)<\/strong>; Allow auto replace<\/li>\n<li><strong>$.kast(&#8220;autoUpdate&#8221;, false)<\/strong>; Disable auto replace<\/li>\n<li><strong>$.kast(&#8220;destroy&#8221;)<\/strong>; Destroy plugin occasion<\/li>\n<\/ul>\n<h2 id=\"item-description__events\">Occasions<\/h2>\n<p>Kast Developer Occasions, Utilization:<\/p>\n<pre>$.kast({\n   host: \"...\",\n   port: ...,\n   eventName: callback    \n})<\/pre>\n<li><strong>onReady<\/strong>: callback operate when Kast is prepared<\/li>\n<li><strong>onAudioLoad<\/strong>: callback operate when audio is loaded. @return HTMLAudioElement<\/li>\n<li><strong>onMobile<\/strong>: callback operate when Kast is operating on Cellular gadget<\/li>\n<li><strong>onPlay<\/strong>: callback operate when audio is enjoying. @return HTMLAudioElement<\/li>\n<li><strong>onPause<\/strong>: callback operate when audio is paused. @return HTMLAudioElement<\/li>\n<li><strong>onStop<\/strong>: callback operate when audio is stopped. @return HTMLAudioElement<\/li>\n<li><strong>onMute<\/strong>: callback operate on audio mute. @return HTMLAudioElement<\/li>\n<li><strong>onUnmute<\/strong>: callback operate on audio unmute. @return HTMLAudioElement<\/li>\n<li><strong>onMinimize<\/strong>: callback operate on participant reduce<\/li>\n<li><strong>onMaximize<\/strong>: callback operate on participant maximize<\/li>\n<li><strong>onUpdate<\/strong>: callback operate on present \/ performed data replace. @return stats<\/li>\n<li><strong>onUpdateAll<\/strong>: callback operate on server stats within the standing bar replace * each 8s\/12s\/16s <strong>. @return stats<\/strong><\/li>\n<li><strong>onOffline<\/strong>: callback operate on offline. @return stats<\/li>\n<li><strong>onOnline<\/strong>: callback operate on again on-line. @return stats<\/li>\n<li><strong>onCurrentArtwork<\/strong>: callback operate on present art work replace. @return present (Album \/ Artist) art work picture<\/li>\n<li><strong>onPlayedArtworks<\/strong>: callback operate on performed artworks replace. @return performed (Album \/ Artist) art work picture. * might be referred to as for every of 1 *<\/li>\n<li><strong>onCurrentInfo<\/strong>: callback operate on present enjoying data change. @return currentTrack and currentArtist<\/li>\n<li><strong>onPlayedInfo<\/strong>: callback operate on performed data change. @return playedTrack and playedArtist. * might be referred to as for every of 1 *<\/li>\n<li><strong>onDynamicColors<\/strong>: callback operate on dynamic colours change. @return primaryColor and accentColor<\/li>\n<li><strong>onDynamicColorsContrast<\/strong>: callback operate on dynamic colours distinction change. @return primaryColorContrast and accentColorContrast<\/li>\n<li><strong>onDynamicTheme<\/strong>: callback operate on dynamic them change. @return present theme<\/li>\n<h2 id=\"item-description__audio-formats-support\">Audio Codecs Assist<\/h2>\n<ul>\n<li><strong>MP3 (audio\/mpeg):<\/strong> Chrome (Sure), Firefox (Sure), Safari (Sure), Opera (Sure), IE9+ (Sure), Edge (Sure), Android Browser (Sure), iOS Safari (Sure)<\/li>\n<li><strong>OGG (audio\/ogg):<\/strong> Chrome (Sure), Firefox (Sure), Safari (No), Opera (Sure), IE (No), Edge (No), Android Browser (Sure), iOS Safari (No)<\/li>\n<li><strong>AAC (audio\/aac):<\/strong> Chrome (Sure), Firefox (Sure), Safari (Sure), Opera (Sure), IE9+ (Sure), Edge (Sure), Android Browser (Sure), iOS Safari (Sure)<\/li>\n<li><strong>AAC+ (audio\/aacp):<\/strong> Desktop Chrome Solely (Sure)<\/li>\n<\/ul>\n<h2 id=\"item-description__before-you-buy-important\">Earlier than You Purchase *IMPORTANT<\/h2>\n<ul>\n<li><strong>Not a Music Participant:<\/strong> It&#8217;s SHOUTcast Radio Participant, it&#8217;s not designed for Music\/MP3 playlists<\/li>\n<li><strong>SHOUTcast Solely:<\/strong> Icecast and different streaming media servers will not be supported<\/li>\n<li><strong>A number of Servers will not be supported but<\/strong><\/li>\n<li><strong>About Steady Play:<\/strong> Steady Play is for Play\/Pause or Play\/Cease, It&#8217;s not for Gapless Radio Playback, so once you navigate from one web page to a different, Kast reloads itself. If you&#8217;d like Gapless Radio Playback then you need to use AJAX\/Dynamic navigation system<\/li>\n<li><strong>Autoplay on iOS isn&#8217;t supported<\/strong><\/li>\n<li><strong>Direct:<\/strong> In case your SHOUTcast server is V2+ and assist direct connection, allow direct.<\/li>\n<li><strong>SHOUTcast V1 Streams unplayable on Chrome 55.x \/ Safari 10:<\/strong> SHOUTcast V1 servers are over 10 years previous, they&#8217;re operating on deprecated HTTP 0.9. These trendy browsers are breaking the power for the outdated SHOUTcast V1.x servers to be performed with HTML5. Non-Port 80 V1 streams are now not playable. Upgrading to the most recent SHOUTcast V2 ought to resolve your downside.<br \/>\n                <br \/> Learn extra: <a href=\"https:\/\/bugs.chromium.org\/p\/chromium\/issues\/detail?id=669800\" rel=\"nofollow\">https:\/\/bugs.chromium.org\/p\/chromium\/issues\/detail?id=669800<\/a><br \/>\n                <br \/> <a href=\"https:\/\/www.internet-radio.com\/community\/threads\/latest-chrome-browser-update-v55-breaks-shoutcast-v1-x-html5-players.27560\/\" rel=\"nofollow\">https:\/\/www.internet-radio.com\/community\/threads\/latest-chrome-browser-update-v55-breaks-shoutcast-v1-x-html5-players.27560\/<\/a>\n            <\/li>\n<li><strong>&lt;![CDAT.. Bug:<\/strong> If Kast is showing these texts, then switch to beta proxies to fix this problem for now.<br \/>\n            <br \/><i>Update: Fixed in the new Kast 1.3<\/i><\/li>\n<\/ul>\n<h2 id=\"item-description__before-you-ask-important\">Before You Ask <strong>IMPORTANT<\/strong><\/h2>\n<ul>\n<li><strong>Please provide your SHOUTcast server address.<\/strong><\/li>\n<li><strong>We don&#8217;t do custom projects.<\/strong><\/li>\n<li><strong>You can use\/install it like any jQuery\/WordPress plugin:<\/strong> If this is your first time, then please check basic YouTube videos on how to use\/install jQuery\/WordPress plugins.<\/li>\n<li><strong>No ETA for the next versions.<\/strong><\/li>\n<li><strong>English only.<\/strong><\/li>\n<\/ul>\n<h2 id=\"item-description__browser-compatibility\">Browser Compatibility<\/h2>\n<p>Google Chrome, Mozilla Firefox, Apple Safari, Opera, Microsoft Edge, Internet Explorer 9 and above (Basically any HTML5 web browser)<\/p>\n<h2 id=\"item-description__changelog\">Changelog<\/h2>\n<pre>v1.3.1 - Spotify API has been replaced with lastFM API\nv1.3 - New features, new options and bug fixes (Read changelog.txt for more info)\nv1.2 - New features, new options and improvements (Read changelog.txt for more info)\nv1.1.2 - Bug fixes and a new feature (Read changelog.txt for more info)\nv1.1.1 - SHOUTcast V1 played list are now supported and Minor bug fixes\nv1.1.0 - The biggest update yet (Read UPGRADE.txt !Important)\nv1.0.2 - Build 10250: Bug fixes and improvements\nv1.0.2: Improvements and a new feature (Read changelog.txt for more info)\nv1.0.1 - Build 10150: Fixed cross-browser support\nv1.0.1: Improvements and a new feature (Read changelog.txt for more info)\nv1.0.0: Initial release<\/pre>\n<p>\n        <strong>\u00a9 Kast &#8211; Made with love. Don&#8217;t forget to rate &lt;3<\/strong><\/p>\n<iframe data-lazy=\"true\" data-src=\"https:\/\/www.fiverr.com\/gig_widgets?id=U2FsdGVkX18x7XQvttUTrv1oEqmGNGTgvvCUiUoJ\/AP4z\/UyMz8lXGOLpu15jIMxBbTR0gmD5uBoFvhC4KWeALQRp3h\/X\/AwcVD0K8Wj9H\/ZzYKzcCNHosB9oS4SCJJFWiN85P9ICAc4OgCoE\/wHKIY7CDkf2\/DQ1vqGvk4smVe5cRDEmrLPCWi4FC8p40VUhSmWQ5udCm0zoJtorgWv3vbDQw0kKYkwn39ozAnQXDe+YvWMxkLFWA+O3TFwkJvdkIK+\/AUSnRssPKt5WHY0FhNOxnSPcLslEL4G4\/RfP95ve99U+kRnDy3X+KtzdQLY+u935ghON\/o3UE4IMv9oN6JX9RnxzL\/LRcOgnHigxStSGPKsZYtnz8RWNVT\/rOLAibqiWJadC5MYHRbekF3eg6FOGrQGkXYbsn0+a5aovnlLCbLwIqY9fcS17UX8J235iQ6cdmHNbrPeS84CMm34RA==&affiliate_id=1052423&strip_google_tagmanager=true\" loading=\"lazy\" data-with-title=\"true\" class=\"fiverr_nga_frame\" frameborder=\"0\" height=\"350\" width=\"100%\" referrerpolicy=\"no-referrer-when-downgrade\" data-mode=\"random_gigs\" onload=\" var frame = this; var script = document.createElement('script'); script.addEventListener('load', function() { window.FW_SDK.register(frame); }); script.setAttribute('src', 'https:\/\/www.fiverr.com\/gig_widgets\/sdk'); document.body.appendChild(script); \" ><\/iframe>\n<br \/>\n<a href=\"https:\/\/1.envato.market\/c\/2840012\/950273\/4415?u=https%3A%2F%2Fcodecanyon.net%2Fitem%2Fkast-extraordinary-shoutcast-html5-radio-player-for-jquery-material-design%2F14396614\">Source<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>LIVE PREVIEWBUY FOR $39 Overview Kast &#8211; Extraordinary SHOUTcast HTML5 Sticky Radio Participant on your web site (jQuery and Zepto Plugin). Permits you to stream&#8230;<\/p>\n","protected":false},"author":1,"featured_media":82917,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[15763,15764,4405,2917,15765,1678,2183,6106,15766,15767,15768,15769,15770,15771,14127],"class_list":["post-82916","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codes","tag-kast","tag-lastfm-api","tag-live-stream","tag-material-design","tag-mobile-radio","tag-radio","tag-responsive","tag-shoutcast","tag-shoutcast-album-artist-artwork","tag-shoutcast-html5-player","tag-shoutcast-jquery-plugin","tag-shoutcast-played","tag-shoutcast-radio-player","tag-shoutcast-stats","tag-sticky-player"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Kast - Extraordinary SHOUTcast HTML5 Radio Player for jQuery - Material Design - mailinvest.blog<\/title>\n<meta name=\"description\" content=\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mailinvest.blog\/index.php\/2025\/06\/25\/kast-extraordinary-shoutcast-html5-radio-player-for-jquery-material-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Kast - Extraordinary SHOUTcast HTML5 Radio Player for jQuery - Material Design - mailinvest.blog\" \/>\n<meta property=\"og:description\" content=\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mailinvest.blog\/index.php\/2025\/06\/25\/kast-extraordinary-shoutcast-html5-radio-player-for-jquery-material-design\/\" \/>\n<meta property=\"og:site_name\" content=\"mailinvest.blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/freelanceracademic\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-06-25T12:57:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-25T12:58:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/06\/1750856225_preview.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"590\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin@mailinvest.blog\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin@mailinvest.blog\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/25\\\/kast-extraordinary-shoutcast-html5-radio-player-for-jquery-material-design\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/25\\\/kast-extraordinary-shoutcast-html5-radio-player-for-jquery-material-design\\\/\"},\"author\":{\"name\":\"admin@mailinvest.blog\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/person\\\/012701c4c204d4e4ebd34f926cfd31a4\"},\"headline\":\"Kast &#8211; Extraordinary SHOUTcast HTML5 Radio Player for jQuery &#8211; Material Design\",\"datePublished\":\"2025-06-25T12:57:04+00:00\",\"dateModified\":\"2025-06-25T12:58:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/25\\\/kast-extraordinary-shoutcast-html5-radio-player-for-jquery-material-design\\\/\"},\"wordCount\":2125,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/25\\\/kast-extraordinary-shoutcast-html5-radio-player-for-jquery-material-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/1750856225_preview.jpg\",\"keywords\":[\"kast\",\"lastfm api\",\"live stream\",\"material design\",\"mobile radio\",\"radio\",\"responsive\",\"shoutcast\",\"shoutcast album artist artwork\",\"shoutcast html5 player\",\"shoutcast jquery plugin\",\"shoutcast played\",\"shoutcast radio player\",\"shoutcast stats\",\"sticky player\"],\"articleSection\":[\"Code's\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/25\\\/kast-extraordinary-shoutcast-html5-radio-player-for-jquery-material-design\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/25\\\/kast-extraordinary-shoutcast-html5-radio-player-for-jquery-material-design\\\/\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/25\\\/kast-extraordinary-shoutcast-html5-radio-player-for-jquery-material-design\\\/\",\"name\":\"Kast - Extraordinary SHOUTcast HTML5 Radio Player for jQuery - Material Design - mailinvest.blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/25\\\/kast-extraordinary-shoutcast-html5-radio-player-for-jquery-material-design\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/25\\\/kast-extraordinary-shoutcast-html5-radio-player-for-jquery-material-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/1750856225_preview.jpg\",\"datePublished\":\"2025-06-25T12:57:04+00:00\",\"dateModified\":\"2025-06-25T12:58:16+00:00\",\"description\":\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/25\\\/kast-extraordinary-shoutcast-html5-radio-player-for-jquery-material-design\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/25\\\/kast-extraordinary-shoutcast-html5-radio-player-for-jquery-material-design\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/25\\\/kast-extraordinary-shoutcast-html5-radio-player-for-jquery-material-design\\\/#primaryimage\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/1750856225_preview.jpg\",\"contentUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/1750856225_preview.jpg\",\"width\":590,\"height\":300},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/25\\\/kast-extraordinary-shoutcast-html5-radio-player-for-jquery-material-design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mailinvest.blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Kast &#8211; Extraordinary SHOUTcast HTML5 Radio Player for jQuery &#8211; Material Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#website\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/\",\"name\":\"mailinvest.blog\",\"description\":\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis. mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\",\"publisher\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mailinvest.blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#organization\",\"name\":\"mailinvest\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/default.png\",\"contentUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/default.png\",\"width\":1000,\"height\":1000,\"caption\":\"mailinvest\"},\"image\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/freelanceracademic\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/person\\\/012701c4c204d4e4ebd34f926cfd31a4\",\"name\":\"admin@mailinvest.blog\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g\",\"caption\":\"admin@mailinvest.blog\"},\"sameAs\":[\"https:\\\/\\\/mailinvest.blog\",\"admin@mailinvest.blog\"],\"url\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/author\\\/adminmailinvest-blog\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Kast - Extraordinary SHOUTcast HTML5 Radio Player for jQuery - Material Design - mailinvest.blog","description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","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:\/\/mailinvest.blog\/index.php\/2025\/06\/25\/kast-extraordinary-shoutcast-html5-radio-player-for-jquery-material-design\/","og_locale":"en_US","og_type":"article","og_title":"Kast - Extraordinary SHOUTcast HTML5 Radio Player for jQuery - Material Design - mailinvest.blog","og_description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","og_url":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/25\/kast-extraordinary-shoutcast-html5-radio-player-for-jquery-material-design\/","og_site_name":"mailinvest.blog","article_publisher":"https:\/\/www.facebook.com\/freelanceracademic\/","article_published_time":"2025-06-25T12:57:04+00:00","article_modified_time":"2025-06-25T12:58:16+00:00","og_image":[{"width":590,"height":300,"url":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/06\/1750856225_preview.jpg","type":"image\/jpeg"}],"author":"admin@mailinvest.blog","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin@mailinvest.blog","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/25\/kast-extraordinary-shoutcast-html5-radio-player-for-jquery-material-design\/#article","isPartOf":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/25\/kast-extraordinary-shoutcast-html5-radio-player-for-jquery-material-design\/"},"author":{"name":"admin@mailinvest.blog","@id":"https:\/\/mailinvest.blog\/#\/schema\/person\/012701c4c204d4e4ebd34f926cfd31a4"},"headline":"Kast &#8211; Extraordinary SHOUTcast HTML5 Radio Player for jQuery &#8211; Material Design","datePublished":"2025-06-25T12:57:04+00:00","dateModified":"2025-06-25T12:58:16+00:00","mainEntityOfPage":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/25\/kast-extraordinary-shoutcast-html5-radio-player-for-jquery-material-design\/"},"wordCount":2125,"commentCount":0,"publisher":{"@id":"https:\/\/mailinvest.blog\/#organization"},"image":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/25\/kast-extraordinary-shoutcast-html5-radio-player-for-jquery-material-design\/#primaryimage"},"thumbnailUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/06\/1750856225_preview.jpg","keywords":["kast","lastfm api","live stream","material design","mobile radio","radio","responsive","shoutcast","shoutcast album artist artwork","shoutcast html5 player","shoutcast jquery plugin","shoutcast played","shoutcast radio player","shoutcast stats","sticky player"],"articleSection":["Code's"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/mailinvest.blog\/index.php\/2025\/06\/25\/kast-extraordinary-shoutcast-html5-radio-player-for-jquery-material-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/25\/kast-extraordinary-shoutcast-html5-radio-player-for-jquery-material-design\/","url":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/25\/kast-extraordinary-shoutcast-html5-radio-player-for-jquery-material-design\/","name":"Kast - Extraordinary SHOUTcast HTML5 Radio Player for jQuery - Material Design - mailinvest.blog","isPartOf":{"@id":"https:\/\/mailinvest.blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/25\/kast-extraordinary-shoutcast-html5-radio-player-for-jquery-material-design\/#primaryimage"},"image":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/25\/kast-extraordinary-shoutcast-html5-radio-player-for-jquery-material-design\/#primaryimage"},"thumbnailUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/06\/1750856225_preview.jpg","datePublished":"2025-06-25T12:57:04+00:00","dateModified":"2025-06-25T12:58:16+00:00","description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","breadcrumb":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/25\/kast-extraordinary-shoutcast-html5-radio-player-for-jquery-material-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mailinvest.blog\/index.php\/2025\/06\/25\/kast-extraordinary-shoutcast-html5-radio-player-for-jquery-material-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/25\/kast-extraordinary-shoutcast-html5-radio-player-for-jquery-material-design\/#primaryimage","url":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/06\/1750856225_preview.jpg","contentUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/06\/1750856225_preview.jpg","width":590,"height":300},{"@type":"BreadcrumbList","@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/25\/kast-extraordinary-shoutcast-html5-radio-player-for-jquery-material-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mailinvest.blog\/"},{"@type":"ListItem","position":2,"name":"Kast &#8211; Extraordinary SHOUTcast HTML5 Radio Player for jQuery &#8211; Material Design"}]},{"@type":"WebSite","@id":"https:\/\/mailinvest.blog\/#website","url":"https:\/\/mailinvest.blog\/","name":"mailinvest.blog","description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis. mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","publisher":{"@id":"https:\/\/mailinvest.blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mailinvest.blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/mailinvest.blog\/#organization","name":"mailinvest","url":"https:\/\/mailinvest.blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mailinvest.blog\/#\/schema\/logo\/image\/","url":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2022\/01\/default.png","contentUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2022\/01\/default.png","width":1000,"height":1000,"caption":"mailinvest"},"image":{"@id":"https:\/\/mailinvest.blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/freelanceracademic\/"]},{"@type":"Person","@id":"https:\/\/mailinvest.blog\/#\/schema\/person\/012701c4c204d4e4ebd34f926cfd31a4","name":"admin@mailinvest.blog","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g","caption":"admin@mailinvest.blog"},"sameAs":["https:\/\/mailinvest.blog","admin@mailinvest.blog"],"url":"https:\/\/mailinvest.blog\/index.php\/author\/adminmailinvest-blog\/"}]}},"_links":{"self":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts\/82916","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/comments?post=82916"}],"version-history":[{"count":1,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts\/82916\/revisions"}],"predecessor-version":[{"id":82918,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts\/82916\/revisions\/82918"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/media\/82917"}],"wp:attachment":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/media?parent=82916"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/categories?post=82916"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/tags?post=82916"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}