Free Codecanyon Kast - Extraordinary SHOUTcast HTML5 Radio Player for jQuery - Material Design theme download

FREE DOWNLOAD links for Kast - Extraordinary SHOUTcast HTML5 Radio Player for jQuery - Material Design is BELOW - click on the RED BUTTON. Logged-in users can see links to download above the main picture.

Category: Codecanyon | JavaScript
Tags: Graphicriver | Logo Templates | nulled | free download | theme | script | rip | Kast | Extraordinary | Shoutcast | HTML5 | Radio | Player | for | jQuery | Material | Design
In archive: 2016 | April 2016 | 20.April 2016


Codecanyon Kast - Extraordinary SHOUTcast HTML5 Radio Player for jQuery - Material Design free download

Buy this item



Overview

Kast – Extraordinary SHOUTcast HTML5 Sticky Radio Player for your website
(jQuery and Zepto Plugin).

Allows you to stream your live radio station to your web visitors on Desktops, Tablets and Mobile devices.
SHOUTcast exclusive, Colorful, Responsive design, Fully-customizable, Production-ready, Mobile-compatible, Touch-friendly, Retina-ready and more.
Following Google’s Material Design guidelines.

Kast v1.1 has arrived: the biggest update yet.

Kast WordPress VersionKast - Preview | shoutcast html5 player | material designKast - Nowplaying | shoutcast artist artwork | material designKast - Themes | shoutcast radio player | material designKast - Colors | shoutcast mobile player | material designKast - MobileCare Ultra | shoutcast mobile player | material designFeatures
  • Pure HTML5: HTML5 only audio player
  • All SHOUTcast Versions: Plays any SHOUTcast station
  • Multiple Streams: Supports multiple streams from a single server (SID)
  • Multi-format Audio Player: MP3, OGG, AAC, AAC+ (aacPlus)
  • SHOUTcast Exclusive: for SHOUTcast servers only, made with love
  • Sticky Player: Runs peacefully at your web browser corner.
  • Current and Played Information: Displays various information and stats about a SHOUTcast server (server title, current listeners, genre, track title, artist name and more)
  • Album and Artist Artworks: Smart album artwork retrieving from the biggest music database (using Spotify API), or Artist artwork as a fallback
  • Mobile-compatible with MobileCare: Kast is memory-efficient, runs perfectly on Mobile devices (Premium feature)
  • Responsive Design: Ultra Responsive Design with Mobile-first approach
  • Material Design: Kast UI Following Google’s Material Design guidelines
  • Colorful: All Material Design Colors (Red, Pink, Purple, Deep Purple, Indigo, Blue, Light Blue, Cyan, Teal, Green, Light Green, Lime, Yellow, Amber, Orange, Deep Orange, Brown, Grey, Blue Grey, Carolina, Black, White)
  • Light and Dark Themes: Material Light Theme and Material Dark Theme
  • Dynamic Theme, Colors and Contrast: Dynamically changes colors and theme based on the dominated colors (color palette) from the artwork image with also color contrast check for text colors (light or dark).
  • Anywhere: You can insert it anywhere into your web page (Non-sticky).
  • Cross-browser: Chrome, Firefox, Safari, Opera, Edge, IE
  • Touch-friendly and Retina-ready
  • Independent player, just jQuery
  • Continuous play
  • Multi Language Support
  • HTTPS (SSL) Support: Stream your radio station on your SSL secured website (HTTPS)
  • Offline Detection: Display message on SHOUTcast server offline or Internet connection loss.
  • Performance-focused: Completely written in plain JavaScript.
  • Easy-to-use: Meant for everyone
  • Highly customizable: Easy to customize and fully customizable
  • Developer API: Rich API and events for Developers
  • Extra: Volume controls (Mute / Unmute), minimize and maximize the player and more
More Screenshots?

Click on the Screenshots button to view the gallery.

Live Preview

Click on the Live Preview button to view the demo.

Usage

First make sure jQuery is included, If not, include it

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

Then include Kast files

<link href="path/to/kast.min.css" type="text/css" rel="stylesheet"><script src="path/to/kast.min.js"></script>

Call it

<script>$.kast({host: "myshoutcastserver.com",port: 8080,version: 2})</script>

Recommended: include Google’s Roboto font

<link href="https://fonts.googleapis.com/css?family=Roboto:400" type="text/css" rel="stylesheet">
Options

Customize Kast just the way you like it, Usage:

$.kast({host: "...",port: ...,optionName: ...})
  • host: String Server IP or domain name Required
  • port: Integer Server port (80 by default)
  • version: Integer SHOUTcast version (2 by default) (1 or 2)
  • sid: Integer SHOUTcast V2 server stream ID * If you have multiple stations * (1 by default)
  • statsPath: String SHOUTcast V2 path to stats (“stats” by default)
  • playedPath: String Path to played list (“played” by default)
  • directStreamURL: Boolean or String Add direct audio stream URL (false by default)
  • ui: String User Interface (“colored” by default) (“transparent” or “colored”)
  • theme: String Material Design theme (“light” by default) (“dark”, “light” or “dynamic”)
  • colors: String or Object Material Design colors ({primary: “cyan”, accent: “yellow”} by default) ({primary: “color name”, accent: “color name”} or “dynamic”)
    Color names: red, pink, purple, deep purple, indigo, blue, light blue, cyan, teal, green, light green, lime, yellow, amber, orange, deep orange, brown, grey, blue Grey, carolina, black, white
    Note: Carolina color it’s an extra color
  • startTemplate: String Starting template (“maximized” by default) (“minimized” or “maximized”)
  • position: String Player sticky position (“right” by default) (“right” or “left”)
  • container: String Player container element, class or ID. (“body” by default)
  • autoPlay: Boolean Autoplay radio (false by default) (true or false)
  • autoUpdate: Boolean or String Auto update info * Current playing info, played list, server stats * (true by default) (true, false or “all”)
    Note: “all” Auto updates all the information including server stats (current listeners, etc..)
  • artwork: Boolean or Array Retrieve album artwork (or artist artwork as a fallback) using Spotify API or set a custom image (true by default) (true, false or [“https://my-website-or-some-cors-website.com/my-custom-artwork.jpg”])
    Note about custom image: It’s recommended to add 64×64 (small) image with custom image array. i.e [“images/video-games-music.jpg’, ‘images/video-games-music-optional-64×64.jpg”]
  • statusBar: Boolean Show status bar at the top of the player (true by default) (true or false)
  • minimizeMaximize: Boolean Show minimize / maximize button in the status bar (true by default) (true or false)
  • muteUnmute: Boolean Show mute / unmute button in the status bar (true by default) (true or false)
  • startMuted: Boolean Start audio muted (false by default) (true or false)
  • serverInfo: Boolean, String or Array Show server info / stats in the status bar or set a custom text (false by default) (false, “My Custom text”, [“servertitle”, “servergenre”, etc..])
    SHOUTcast V1 server info: “currentlisteners”, “streamstatus”, “peaklisteners”, “maxlisteners”, “uniquelisteners”, “bitrate”, “songtitle”
    SHOUTcast V2 server info: “averagetime”, “backupstatus”, “bitrate”, “content”, “currentlisteners”, “maxlisteners”, “peaklisteners”, “servergenre”, “servertitle”, “serverurl”, “songtitle”, “streamhits”, “streamlisted”, “streamlistederror”, “streampath”, “streamstatus”, “streamuptime”, “uniquelisteners”, “version”
  • played: Boolean Show played list (true by default) (true or false)
  • currentTrack: Boolean or String Show current track title or set a custom text (true by default) (true, false, “My Track Title”, etc..)
  • currentArtist: Boolean or String Show current artist name or set a custom text (true by default) (true, false, “My Artist Name”, etc..)
  • playedTracks: Boolean Show SHOUTcast V2 played track titles (true by default) (true or false)
  • playedArtists: Boolean Show SHOUTcast V2 played artist names (true by default) (true or false)
  • offlineCheck: Boolean Show message on SHOUTcast server offline or Internet connection loss in the status bar (true by default) (true or false)
  • mobileCare: Boolean or Array Lightweight player for Mobile Devices (true by default) (true, false, [“low”], [“medium”], [“high”], [“very high”] or [“ultra”])
    Note: Kast is always responsive design, but MobileCare is different, you set it by selecting a grade from low to ultra (modes), and If you want to customize the max-width * when mobileCare get triggered * set [“medium”, “800px”]. The default max-width is 599px
  • false: What you see in Desktop, is what you see in Mobile
  • low: (true equal low) Autoplay and offlineCheck will be disabled, Kast will always start minimized and lite auto update
  • medium: Medium quality artwork, Server stats update in the status bar will be disabled, Dymanic theme and colors will be dropped to fixed theme/colors and lite auto update level 2
  • high: Artwork and played list will be disabled
  • very high: Auto update and minimize/maximize will be disabled
  • ultra: Just a play/pause button. Takes only 3MB of RAM
  • language: Object Set text * for Multi-language * ({offlineText: “Temporarily Offline”, playedText: “Played”, unknownTrackText: “Unknown Track”, unknownArtistText: “Unknown Artist”} by default)
  • irrelevantWords: Boolean or Array Let Kast be aware of some irrelavent words inside the current song title to help Kast get the right artwork from Spotify API ([“feat.”, “ft.”, “Feat.”, “Ft.”] by default) (false, [“blah”, “blah.com”, “mumbo jumbo”], etc..)
  • overHTTPS: Boolean Stream secured SHOUTcast audio for secured HTTPS websites (experimental) (false by default) (true or false)
    Note: Currently SHOUTcast serve audio only through an HTTP protocol. And HTTPS page should only have HTTPS content, with overHTTPS, you serve your web visitors a secured stream by using a secured HTTPS proxy.
API

Kast Developer API

  • $.kast(); Start with default options
  • $.kast(“play”); Play audio
  • $.kast(“play”, true); Reload audio and play it
  • $.kast(“pause”); Pause audio
  • $.kast(“mute”); Mute audio
  • $.kast(“unmute”); Unmute audio
  • $.kast(“minimize”); Minimize player
  • $.kast(“maximize”); Maximize player
  • $.kast(“stats”); Update the current playing info
  • $.kast(“stats”, callback); Access to the current playing info
  • $.kast(“played”); Update the current played info
  • $.kast(“played”, callback); Access to the current played info
  • $.kast(“autoUpdate”, “all”); Enable auto update including server stats
  • $.kast(“autoUpdate”, true); Enable auto update
  • $.kast(“autoUpdate”, false); Disable auto update
  • $.kast(“destroy”); Destroy plugin instance
Events

Kast Developer Events, Usage:

$.kast({host: "...",port: ...,eventName: callback})
  • onReady: callback function when Kast is ready
  • onAudioLoad: callback function when audio is loaded. @return HTMLAudioElement
  • onMobile: callback function when Kast is running on Mobile device
  • onPlay: callback function when audio is playing. @return HTMLAudioElement
  • onPause: callback function when audio is paused. @return HTMLAudioElement
  • onMute: callback function on audio mute. @return HTMLAudioElement
  • onUnmute: callback function on audio unmute. @return HTMLAudioElement
  • onMinimize: callback function on player minimize
  • onMaximize: callback function on player maximize
  • onUpdate: callback function on current / played info update. @return stats
  • onUpdateAll: callback function on server stats in the status bar update * every 8s/12s/16s *. @return stats
  • onOffline: callback function on offline. @return stats
  • onOnline: callback function on back online. @return stats
  • onCurrentArtwork: callback function on current artwork update. @return current (Album / Artist) artwork image
  • onPlayedArtworks: callback function on played artworks update. @return played (Album / Artist) artwork image. * will be called for each of one *
  • onCurrentInfo: callback function on current playing info change. @return currentTrack and currentArtist
  • onPlayedInfo: callback function on played info change. @return playedTrack and playedArtist. * will be called for each of one *
  • onDynamicColors: callback function on dynamic colors change. @return primaryColor and accentColor
  • onDynamicColorsContrast: callback function on dynamic colors contrast change. @return primaryColorContrast and accentColorContrast
  • onDynamicTheme: callback function on dynamic them change. @return current theme
  • Audio Formats Support
    • MP3 (audio/mpeg): Chrome (Yes), Firefox (Yes), Safari (Yes), Opera (Yes), IE9+ (Yes), Edge (Yes), Android Browser (Yes), iOS Safari (Yes)
    • OGG (audio/ogg): Chrome (Yes), Firefox (Yes), Safari (No), Opera (Yes), IE (No), Edge (No), Android Browser (Yes), iOS Safari (No)
    • AAC (audio/aac): Chrome (Yes), Firefox (Yes), Safari (Yes), Opera (Yes), IE9+ (Yes), Edge (Yes), Android Browser (Yes), iOS Safari (Yes)
    • AAC+ (audio/aacp): Desktop Chrome Only (Yes)
    Browser Compatibility

    Google Chrome, Mozilla Firefox, Apple Safari, Opera, Microsoft Edge, Internet Explorer 9 and above (Basically any HTML5 web browser)

    Changelog
    v1.1.2 - Bug fixes and a new feature (Read changelog.txt for more info)v1.1.1 - SHOUTcast V1 played list are now supported and Minor bug fixesv1.1.0 - The biggest update yet (Read UPGRADE.txt !Important)v1.0.2 - Build 10250: Bug fixes and improvementsv1.0.2: Improvements and a new feature (Read changelog.txt for more info)v1.0.1 - Build 10150: Fixed cross-browser supportv1.0.1: Improvements and a new feature (Read changelog.txt for more info)v1.0.0: Initial release

    © Kast – Made with love. Don’t forget to rate <3

    Source: codecanyon.net
    Report this item


    Free download

    Show FREE DOWNLOAD links



    Related free downloads

    Free download Codecanyon AIO Radio Station Player - Shoutcast, Icecast and more

    Free Codecanyon AIO Radio Station Player - Shoutcast, Icecast and more theme download

    Category: Codecanyon | PHP Scripts
    Tags: Photodune | Misc | nulled | free download | theme | script | rip | AIO | Radio | Station | Player | Shoutcast, | Icecast | and | more
    Archives: 2016 | April 2016 | 20.April 2016

    Control Panel DemoLink: https://prahec.com/projects/aio-radio/demo/panel/Username: adminPassword: passwordFeaturesRespo...1.11.2 (Improved older browsers support)- Removed: Useless language preferences (Channels List &amp; Settings input's shown twice)
    Free download Codecanyon Radio Player With Playlist - Shoutcast and Icecast

    Free Codecanyon Radio Player With Playlist - Shoutcast and Icecast theme download

    Category: Codecanyon | HTML5
    Tags: Photodune | Misc | nulled | free download | theme | script | rip | Radio | Player | with | Playlist | Shoutcast | and | Icecast
    Archives: 2016 | April 2016 | 20.April 2016

     IF YOU NEED THE WORDPRESS PLUGIN FOR THIS PRODUCT, YOU CAN DOWNLOAD IT FROM HERE : http://codecanyon.net/item/radio-player-... 1.1 Release Date: July 11, 2014- feature: option to manually set the radio name and categories***Version 1.0 Release Date: July 05, 2014
    Free download Codecanyon Sticky Shoutcast & Icecast Radio Player — «Line-R» w/ AAC+

    Free Codecanyon Sticky Shoutcast & Icecast Radio Player — «Line-R» w/ AAC+ theme download

    Category: Codecanyon | HTML5
    Tags: Photodune | Misc | nulled | free download | theme | script | rip | Sticky | Shoutcast | Icecast | Radio | Player | «Line-R» | AAC+
    Archives: 2016 | April 2016 | 20.April 2016

    AboutLiner Radio Player it’s a simple beautiful tiny radio player for your site (fig.1). Find the best sizes and colors for yourself and ...ports in Firefox and IE (Edge), if your Icecast server can convert flow to FLV format.v1.2 – Added multistreamingTry it now!
    Free download Codecanyon Radio Player Shoutcast & Icecast WordPress Plugin

    Free Codecanyon Radio Player Shoutcast & Icecast WordPress Plugin theme download

    Category: Codecanyon | WordPress
    Tags: Photodune | Misc | nulled | free download | theme | script | rip | Radio | Player | Shoutcast | Icecast | WordPress | Plugin
    Archives: 2016 | April 2016 | 20.April 2016

     IF YOU NEED ONLY THE JQUERY PLUGIN FOR THIS PRODUCT , YOU CAN DOWNLOAD IT FROM HERE : http://codecanyon.net/item/radio-player-with-pl...o will start playing on IOS and Android devices, with only one touch instead of two touches***Version 1.4.3 Release Date: October 02, 2014
    Free download Codecanyon WP Shoutcast & Icecast Radio Player — «Line-R» w/ AAC+

    Free Codecanyon WP Shoutcast & Icecast Radio Player — «Line-R» w/ AAC+ theme download

    Category: Codecanyon | WordPress
    Tags: aac | aac plus | audio player | eCommerce | Facebook | html5 player | Icecast | MP3 | music player | Playlist | Radio | Shoutcast | Stream | WordPress | wp | Codecanyon | WordPress | nulled | free download | theme | script | rip | Shoutcast | Icecast | Radio | Player | liner | aac
    Archives: 2016 | May 2016 | 22.May 2016

    AboutIt’s a WordPress edition of the popular Radio Plugin – Sticky Shoutcast &amp; Icecast Radio Player — «Line-R»: 125 Purchases, almost...t Toggle ButtonMute ButtonWaveForm BarVolume BarTry it now!Note: Cookies may used for saving radio volume value.


    Free download Videohive FM Radio Tuner that Stops on a Radio Mode

    Free Videohive FM Radio Tuner that Stops on a Radio Mode theme download

    Category: Videohive | Stock Footage
    Tags: broadcasting | Digital | Display | fm | frequency | Mono | Radio | radio station | Search | Station | Stereo | tuner | Videohive | Stock Footage | nulled | free download | theme | script | rip | Radio | tuner | that | Stops | Mode
    Archives: 2016 | June 2016 | 03.June 2016

    FM radio tuner that stops on a radio mode. It is a black screen with white letters on it.Shot on professional Cinema Camera in 4K. You ca...tate, crop and zoom without losing quality.Have a look at similar or my favourite clips from my Portfolio!Some of my videos in Vimeo
    Free download Codecanyon Sticky Radio Player - Full Width Shoutcast and Icecast HTML5 Player

    Free Codecanyon Sticky Radio Player - Full Width Shoutcast and Icecast HTML5 Player theme download

    Category: Codecanyon | HTML5
    Tags: Audio | HTML5 | Icecast | IOS | Mobile | MP3 | Music | Player | Playlist | Radio | Responsive | Search | Shoutcast | Sticky | Streaming | Codecanyon | HTML5 | nulled | free download | theme | script | rip | Sticky | Radio | Player | Full | Width | Shoutcast | Icecast
    Archives: 2016 | July 2016 | 10.July 2016

     FEATURES:Only Radio Stream NeededJust add the radio stream and the player will get radio name, radio categories, curre...ertgroup.ro. We’ll try to answer you as quickly as possible.Enjoy!UPDATES / RELEASE LOG***Version 1.0 Release Date: July 04, 2016
    Free download Codecanyon TIMES - Extraordinary Newspaper Magazine Theme

    Free Codecanyon TIMES - Extraordinary Newspaper Magazine Theme theme download

    Category: Codecanyon | WordPress
    Tags: blog | Clean | Developer | Magazine | Modern | Newspaper | Parallax | Professional | Publishing | Simple | social media | social sharing | Typography | Themeforest | WordPress | nulled | free download | theme | script | rip | Times | Extraordinary | Newspaper | Magazine | theme
    Archives: 2016 | September 2016 | 18.September 2016

    TIMES is an extraordinary newspaper / magazine WordPress theme designed...eme supports menus only one level deep as more than this is a burden for users to navigate. If you have more questions, please email support.
    Free download Codecanyon Coolest Music Player & Shoutcast Stream

    Free Codecanyon Coolest Music Player & Shoutcast Stream theme download

    Category: Codecanyon | HTML5
    Tags: Audio | audio player | HTML5 | lastm | Minimal | MP3 | Music | online stream | Player | Playlist | shoutcast streamer | Stream | Vinyl | Codecanyon | HTML5 | nulled | free download | theme | script | rip | coolest | Music | Player | Shoutcast | Stream
    Archives: 2016 | October 2016 | 13.October 2016

    The album cover changes its look for an every song with different animation effects. You needn’t download a cover, the player uploads it dire...for your song and users will purchase it from you. You can even provide referral links.You won’t believe but it plays even at IE7!
    Free download Codecanyon Radio Raag - Streaming App with Shoutcast API

    Free Codecanyon Radio Raag - Streaming App with Shoutcast API theme download

    Category: Codecanyon | Mobile
    Tags: aac | aac plus | Drake | eminem | live streaming | m3u | MP3 | Music | pls | Radio | rihana | Shoutcast | tunein | Codecanyon | Mobile | nulled | free download | theme | script | rip | Radio | Raag | Streaming | with | Shoutcast
    Archives: 2016 | October 2016 | 24.October 2016

    Radio Raag : Now you can listen to over million of radio stations on the go from all over the World. You can listen to station by artis...You can read more about item support on the Codecanyon wikiThanks for reading.Version 1 – Initial release.

    Login Free register

    Search Free Themes Download

    Free Themes Download Archives

    • Mon
    • Tue
    • Wed
    • Thu
    • Fri
    • Sat
    • Sun
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31