{"id":15,"date":"2026-06-19T12:09:12","date_gmt":"2026-06-19T12:09:12","guid":{"rendered":"https:\/\/template-preview.com\/wordpress\/avava\/studio\/?page_id=15"},"modified":"2026-07-04T17:02:32","modified_gmt":"2026-07-04T17:02:32","slug":"playlist","status":"publish","type":"page","link":"https:\/\/template-preview.com\/wordpress\/avava\/studio\/playlist\/","title":{"rendered":"Playlist"},"content":{"rendered":"\n<section class=\"playlist-page-section wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n\t<!-- 1. FEATURED PLAYLIST HEADER CARD -->\n\t\n\t<div class=\"playlist-header-box wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n\t\t\n\t\t<!-- Column 1: Cover image & Info block -->\n\t\t\n\t\t<div class=\"playlist-header-col col-left wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n\t\t\t\n\t\t\t<div class=\"playlist-cover-wrapper wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n\t\t\t\t\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/template-preview.com\/wordpress\/avava\/studio\/wp-content\/themes\/avava-studio-fse\/assets\/images\/tuner-image.jpg\" class=\"playlist-cover-img\" id=\"playlistActiveCover\" alt=\"Active Station Cover\">\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\n\t\t\t<div class=\"playlist-info-block wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n\t\t\t\t\n\t\t\t\t<span class=\"playlist-tag\">FEATURED PLAYLIST<\/span>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<h2 class=\"playlist-title wp-block-heading\" id=\"playlistActiveTitle\">AVAVA Studio Essentials<\/h2>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<p class=\"playlist-description wp-block-paragraph\" id=\"playlistActiveDesc\">Select a radio station below to start listening. Experience high-quality live audio broadcasts direct from our studio.<\/p>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"playlist-controls wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n\t\t\t\t\t\n\t\t\t\t\t<button class=\"btn-play-all\" id=\"playlistPlayAllBtn\">\n\t\t\t\t\t\t<i class=\"fa-solid fa-play\"><\/i> <span>PLAY ALL<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t\t<button class=\"btn-icon-circle\" id=\"playlistHeaderLikeBtn\" aria-label=\"Like Station\">\n\t\t\t\t\t\t<i class=\"fa-regular fa-heart\"><\/i>\n\t\t\t\t\t<\/button>\n\t\t\t\t\t<button class=\"btn-icon-circle\" id=\"playlistHeaderShareBtn\" aria-label=\"Share Station\">\n\t\t\t\t\t\t<i class=\"fa-solid fa-share-nodes\"><\/i>\n\t\t\t\t\t<\/button>\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\n\n\t\t<!-- Divider 1 -->\n\t\t\n\t\t<div class=\"playlist-header-divider wp-block-group is-layout-flow wp-block-group-is-layout-flow\"><\/div>\n\t\t\n\n\t\t<!-- Column 2: Middle Content (20-Band Equalizer) -->\n\t\t\n\t\t<div class=\"playlist-header-col col-mid wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n\t\t\t\n\t\t\t<div class=\"playlist-eq-container wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n\t\t\t\t\n\t\t\t\t<div class=\"playlist-eq-header wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"eq-status-indicator wp-block-group is-layout-flow wp-block-group-is-layout-flow\" id=\"playlist-eq-status-indicator\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t<span class=\"status-dot\"><\/span>\n\t\t\t\t\t\t<span class=\"status-text\">20-Band Graphic Equalizer<\/span>\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t<button class=\"btn-eq-reset\" id=\"playlistEqResetBtn\" title=\"Reset Equalizer\">RESET<\/button>\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"playlist-eq-sliders wp-block-group is-layout-flow wp-block-group-is-layout-flow\" id=\"playlistEqSliders\">\n\t\t\t\t\t\n\t\t\t\t\t<!-- Populated dynamically via JS -->\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\n\n\t\t<!-- Divider 2 -->\n\t\t\n\t\t<div class=\"playlist-header-divider wp-block-group is-layout-flow wp-block-group-is-layout-flow\"><\/div>\n\t\t\n\n\t\t<!-- Column 3: Right Content (Vertical Volume Slider) -->\n\t\t\n\t\t<div class=\"playlist-header-col col-right-placeholder wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n\t\t\t\n\t\t\t<div class=\"vertical-volume-slider-container wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n\t\t\t\t\n\t\t\t\t<div class=\"vertical-volume-slider wp-block-group is-layout-flow wp-block-group-is-layout-flow\" id=\"playlistVolumeSlider\" title=\"Drag or Scroll to Adjust Volume\">\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"slider-track-line wp-block-group is-layout-flow wp-block-group-is-layout-flow\"><\/div>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"slider-fill-line wp-block-group is-layout-flow wp-block-group-is-layout-flow\" id=\"playlistVolumeFill\"><\/div>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"slider-handle wp-block-group is-layout-flow wp-block-group-is-layout-flow\" id=\"playlistVolumeHandle\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t<span class=\"handle-dot\"><\/span>\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<span class=\"volume-slider-label\">Volume<\/span>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\n\t<\/div>\n\t\n\n\t<!-- 2. STATIONS LIST TABLE -->\n\t\n\t<div class=\"playlist-table-container wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n\t\t\n\t\t<table class=\"playlist-table\">\n\t\t\t<thead>\n\t\t\t\t<tr>\n\t\t\t\t\t<th class=\"col-num\">#<\/th>\n\t\t\t\t\t<th class=\"col-title\">TITLE<\/th>\n\t\t\t\t\t<th class=\"col-genre\">GENRE<\/th>\n\t\t\t\t\t<th class=\"col-plays\">PLAYS<\/th>\n\t\t\t\t\t<th class=\"col-likes\">LIKES<\/th>\n\t\t\t\t\t<th class=\"col-action\"><\/th>\n\t\t\t\t<\/tr>\n\t\t\t<\/thead>\n\t\t\t<tbody id=\"playlistTableBody\">\n\t\t\t\t<!-- Populated dynamically via JS -->\n\t\t\t<\/tbody>\n\t\t<\/table>\n\t\t\n\t<\/div>\n\t\n\n\t<!-- Pagination -->\n\t\n\t<div class=\"playlist-pagination wp-block-group is-layout-flow wp-block-group-is-layout-flow\" id=\"playlistPagination\">\n\t\t\n\t\t<!-- Populated dynamically via JS -->\n\t\t\n\t<\/div>\n\t\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/template-preview.com\/wordpress\/avava\/studio\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/template-preview.com\/wordpress\/avava\/studio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/template-preview.com\/wordpress\/avava\/studio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/template-preview.com\/wordpress\/avava\/studio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/template-preview.com\/wordpress\/avava\/studio\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":2,"href":"https:\/\/template-preview.com\/wordpress\/avava\/studio\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":35,"href":"https:\/\/template-preview.com\/wordpress\/avava\/studio\/wp-json\/wp\/v2\/pages\/15\/revisions\/35"}],"wp:attachment":[{"href":"https:\/\/template-preview.com\/wordpress\/avava\/studio\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}