{"id":194,"date":"2014-09-09T21:26:21","date_gmt":"2014-09-09T21:26:21","guid":{"rendered":"http:\/\/staging.blazersix.com\/hyalite\/?page_id=194"},"modified":"2015-01-26T21:59:08","modified_gmt":"2015-01-26T21:59:08","slug":"audio-player","status":"publish","type":"page","link":"https:\/\/demo.cedaro.com\/hyalite\/feature\/audio-player\/","title":{"rendered":"Audio Players"},"content":{"rendered":"<p><em>Hyalite<\/em> has custom styles for the default WordPress audio player and playlist player. These players are also responsive so they&#8217;ll look and play well on all devices. Below is an example of what an audio player with a playlist would look like.<\/p>\n<h2>Playlist Player<\/h2>\n<div class=\"wp-playlist wp-audio-playlist wp-playlist-light\">\n\t\t\t<div class=\"wp-playlist-current-item\"><\/div>\n\t\t<audio controls=\"controls\" preload=\"none\" width=\"1078\"\n\t\t\t><\/audio>\n\t<div class=\"wp-playlist-next\"><\/div>\n\t<div class=\"wp-playlist-prev\"><\/div>\n\t<noscript>\n\t<ol>\n\t\t<li><a href='https:\/\/demo.cedaro.com\/hyalite\/wp-content\/uploads\/sites\/2\/2014\/09\/01-Apollo-11.mp3'>Apollo 11<\/a><\/li><li><a href='https:\/\/demo.cedaro.com\/hyalite\/wp-content\/uploads\/sites\/2\/2014\/09\/01-Keeper-of-the-Winds.mp3'>Keeper of the Winds<\/a><\/li><li><a href='https:\/\/demo.cedaro.com\/hyalite\/wp-content\/uploads\/sites\/2\/2014\/09\/01-The-Burial-of-the-Dead.mp3'>The Burial of the Dead<\/a><\/li>\t<\/ol>\n\t<\/noscript>\n\t<script type=\"application\/json\" class=\"wp-playlist-script\">{\"type\":\"audio\",\"tracklist\":true,\"tracknumbers\":true,\"images\":true,\"artists\":true,\"tracks\":[{\"src\":\"https:\/\/demo.cedaro.com\/hyalite\/wp-content\/uploads\/sites\/2\/2014\/09\/01-Apollo-11.mp3\",\"type\":\"audio\/mpeg\",\"title\":\"Apollo 11\",\"caption\":\"\",\"description\":\"\\\"Apollo 11\\\" from Desolate Moon by Aeolus. Released: 2012. Track 1 of 8. Genre: Indie.\",\"meta\":{\"artist\":\"Aeolus\",\"album\":\"Desolate Moon\",\"genre\":\"Indie\",\"year\":\"2012\",\"length_formatted\":\"2:27\"},\"image\":{\"src\":\"https:\/\/demo.cedaro.com\/hyalite\/wp-content\/uploads\/sites\/2\/2015\/01\/01-Apollo-11-mp3-image.jpg\",\"width\":1000,\"height\":1000},\"thumb\":{\"src\":\"https:\/\/demo.cedaro.com\/hyalite\/wp-content\/uploads\/sites\/2\/2015\/01\/01-Apollo-11-mp3-image-200x200.jpg\",\"width\":200,\"height\":200}},{\"src\":\"https:\/\/demo.cedaro.com\/hyalite\/wp-content\/uploads\/sites\/2\/2014\/09\/01-Keeper-of-the-Winds.mp3\",\"type\":\"audio\/mpeg\",\"title\":\"Keeper of the Winds\",\"caption\":\"\",\"description\":\"\\\"Keeper of the Winds\\\" from Halcyon Daze by Aeolus. Released: 2014. Track 1 of 8. Genre: Indie.\",\"meta\":{\"artist\":\"Aeolus\",\"album\":\"Halcyon Daze\",\"genre\":\"Indie\",\"year\":\"2014\",\"length_formatted\":\"3:26\"},\"image\":{\"src\":\"https:\/\/demo.cedaro.com\/hyalite\/wp-content\/uploads\/sites\/2\/2015\/01\/01-Keeper-of-the-Winds-mp3-image.jpg\",\"width\":1000,\"height\":1000},\"thumb\":{\"src\":\"https:\/\/demo.cedaro.com\/hyalite\/wp-content\/uploads\/sites\/2\/2015\/01\/01-Keeper-of-the-Winds-mp3-image-200x200.jpg\",\"width\":200,\"height\":200}},{\"src\":\"https:\/\/demo.cedaro.com\/hyalite\/wp-content\/uploads\/sites\/2\/2014\/09\/01-The-Burial-of-the-Dead.mp3\",\"type\":\"audio\/mpeg\",\"title\":\"The Burial of the Dead\",\"caption\":\"\",\"description\":\"\\\"The Burial of the Dead\\\" from Wasteland by Aeolus. Released: 2013. Track 1 of 8. Genre: Indie.\",\"meta\":{\"artist\":\"Aeolus\",\"album\":\"Wasteland\",\"genre\":\"Indie\",\"year\":\"2013\",\"length_formatted\":\"2:02\"},\"image\":{\"src\":\"https:\/\/demo.cedaro.com\/hyalite\/wp-content\/uploads\/sites\/2\/2015\/01\/01-The-Burial-of-the-Dead-mp3-image.jpg\",\"width\":1000,\"height\":1000},\"thumb\":{\"src\":\"https:\/\/demo.cedaro.com\/hyalite\/wp-content\/uploads\/sites\/2\/2015\/01\/01-The-Burial-of-the-Dead-mp3-image-200x200.jpg\",\"width\":200,\"height\":200}}]}<\/script>\n<\/div>\n\t\n<h2>Single Audio Player<\/h2>\n<audio class=\"wp-audio-shortcode\" id=\"audio-194-1\" preload=\"none\" style=\"width: 100%;\" controls=\"controls\"><source type=\"audio\/mpeg\" src=\"http:\/\/demo.cedaro.com\/wp-content\/uploads\/sites\/2\/2014\/09\/01-Apollo-11.mp3?_=1\" \/><a href=\"http:\/\/demo.cedaro.com\/wp-content\/uploads\/sites\/2\/2014\/09\/01-Apollo-11.mp3\">http:\/\/demo.cedaro.com\/wp-content\/uploads\/sites\/2\/2014\/09\/01-Apollo-11.mp3<\/a><\/audio>\n<h2>More Audio Examples<\/h2>\n<p>Visit the <a href=\"http:\/\/demo.cedaro.com\/hyalite\/type\/audio\/\">audio archive<\/a> for more examples of how <em>Hyalite<\/em> can showcase your audio, including Soundcloud, Spotify, Bandcamp, and <a href=\"http:\/\/codex.wordpress.org\/Embeds#Okay.2C_So_What_Sites_Can_I_Embed_From.3F\">other embeddable music services<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hyalite has custom styles for the default WordPress audio player and playlist player. These players are also responsive so they&#8217;ll look and play well on all devices. Below is an example of what an audio player with a playlist would look like. Playlist Player Single Audio Player More Audio Examples Visit the audio archive for [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":390,"parent":26,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-194","page","type-page","status-publish","has-post-thumbnail","hentry","summary"],"_links":{"self":[{"href":"https:\/\/demo.cedaro.com\/hyalite\/wp-json\/wp\/v2\/pages\/194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.cedaro.com\/hyalite\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.cedaro.com\/hyalite\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.cedaro.com\/hyalite\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.cedaro.com\/hyalite\/wp-json\/wp\/v2\/comments?post=194"}],"version-history":[{"count":7,"href":"https:\/\/demo.cedaro.com\/hyalite\/wp-json\/wp\/v2\/pages\/194\/revisions"}],"predecessor-version":[{"id":406,"href":"https:\/\/demo.cedaro.com\/hyalite\/wp-json\/wp\/v2\/pages\/194\/revisions\/406"}],"up":[{"embeddable":true,"href":"https:\/\/demo.cedaro.com\/hyalite\/wp-json\/wp\/v2\/pages\/26"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/demo.cedaro.com\/hyalite\/wp-json\/wp\/v2\/media\/390"}],"wp:attachment":[{"href":"https:\/\/demo.cedaro.com\/hyalite\/wp-json\/wp\/v2\/media?parent=194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}