{"id":1875,"date":"2019-02-28T15:23:58","date_gmt":"2019-02-28T15:23:58","guid":{"rendered":"https:\/\/vibra.edge-themes.com\/?page_id=1875"},"modified":"2019-02-28T15:23:58","modified_gmt":"2019-02-28T15:23:58","slug":"album-player","status":"publish","type":"page","link":"https:\/\/lethallabs.com\/?page_id=1875","title":{"rendered":"Album Player"},"content":{"rendered":"<p>[vc_row row_content_width=&#8221;grid&#8221; css=&#8221;.vc_custom_1551368233461{padding-bottom: 142px !important;}&#8221;][vc_column][vc_column_text css=&#8221;.vc_custom_1551368410088{margin-top: -32px !important;}&#8221;]<\/p>\n<h4>Standard<\/h4>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;45px&#8221;]<div class=\"edgtf-audio-player-wrapper \"   >\n    <div id= \"edgtf-player-1740139105\" class=\"jp-jplayer\"><\/div>\n        <div class=\"edgtf-container\">\n        <div class=\"clearfix edgtf-grid\">\n                        <div id= \"edgtf-player-container-1740139105\" class=\"edgtf-audio-player-holder\" data-album-id=\"1237\">\n                                    <div class=\"edgtf-audio-player-image-holder\">\n                        <img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/lethallabs.com\/wp-content\/uploads\/2019\/02\/album-img-16-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail wp-post-image\" alt=\"i\" srcset=\"https:\/\/lethallabs.com\/wp-content\/uploads\/2019\/02\/album-img-16-150x150.jpg 150w, https:\/\/lethallabs.com\/wp-content\/uploads\/2019\/02\/album-img-16-300x300.jpg 300w, https:\/\/lethallabs.com\/wp-content\/uploads\/2019\/02\/album-img-16-768x768.jpg 768w, https:\/\/lethallabs.com\/wp-content\/uploads\/2019\/02\/album-img-16-650x650.jpg 650w, https:\/\/lethallabs.com\/wp-content\/uploads\/2019\/02\/album-img-16-600x600.jpg 600w, https:\/\/lethallabs.com\/wp-content\/uploads\/2019\/02\/album-img-16-100x100.jpg 100w, https:\/\/lethallabs.com\/wp-content\/uploads\/2019\/02\/album-img-16.jpg 800w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/>                    <\/div>\n                                <div class=\"edgtf-audio-player-holder-inner\">\n                    <div class=\"edgtf-audio-player-info-holder\">\n                        <h5 class=\"edgtf-audio-player-title\"><\/h5>\n                        <div class=\"edgtf-audio-player-progress-holder\">\n                            <div class=\"jp-audio player-box\">\n                                <div class=\"jp-gui jp-interface\">\n                                    <div class=\"jp-progress\">\n                                        <div class=\"jp-seek-bar\">\n                                            <div class=\"jp-play-bar\"><\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"edgtf-audio-player-current-time-holder\">\n                            <div class=\"jp-audio player-box\">\n                                <div class=\"jp-gui jp-interface\">\n                                    <div class=\"time-box\">\n                                        <span class=\"jp-current-time\"><\/span>\/<span class=\"jp-duration\"><\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <span class=\"edgtf-audio-player-album\"><\/span>\n                    <\/div>\n                    <div class=\"edgtf-audio-player-controls-holder\">\n\n                        <div class=\"jp-audio player-box\">\n                            <div class=\"jp-gui jp-interface\">\n                                <ul class=\"jp-controls\">\n                                    <li >\n                                        <a class=\"jp-previous\" >\n                                            <svg x=\"0px\" y=\"0px\" viewBox=\"0 0 24 20\">\n                                                <path d=\"M23.7,1.9c0-0.3-0.1-0.6-0.4-0.8V1c-0.6-0.5-1.2-0.5-1.8,0L14,8V1.9c0-0.3-0.1-0.6-0.4-0.8V1c-0.6-0.5-1.2-0.5-1.8,0l-8,7.3\n                                                V2.6c0-0.5-0.2-0.9-0.5-1.2C3.1,1,2.6,0.9,2.1,0.9C1.6,0.9,1.2,1,0.9,1.3C0.6,1.6,0.4,2.1,0.4,2.6V18c0,0.5,0.2,0.9,0.5,1.2\n                                                s0.7,0.5,1.3,0.5c0.5,0,0.9-0.2,1.2-0.5C3.7,19,3.8,18.5,3.8,18v-6.4l8,7.3c0.6,0.5,1.2,0.5,1.8,0h-0.1c0.3-0.2,0.4-0.5,0.4-0.9V12\n                                                l7.5,6.9c0.6,0.5,1.2,0.5,1.8,0h-0.1c0.3-0.2,0.4-0.5,0.4-0.9L23.7,1.9L23.7,1.9z\"\/>\n                                            <\/svg>\n                                        <\/a>\n                                    <\/li>\n                                    <li >\n                                        <a class=\"jp-play\" >\n                                            <i class=\"icon arrow_triangle-right\"><\/i>\n                                            <i class=\"icon icon_pause\"><\/i>\n                                        <\/a>\n                                    <\/li>\n                                    <li >\n                                        <a class=\"jp-next\" >\n                                            <svg x=\"0px\" y=\"0px\" viewBox=\"0 0 24 20\">\n                                                <path d=\"M23.1,1.2c-0.3-0.3-0.7-0.5-1.2-0.5c-0.5,0-0.9,0.2-1.2,0.5c-0.3,0.3-0.5,0.7-0.5,1.2v5.8l-7.9-7.3c-0.6-0.5-1.2-0.5-1.8,0\n                                                V1c-0.2,0.2-0.4,0.5-0.4,0.8v6L2.6,0.9C2,0.4,1.4,0.4,0.8,0.9V1C0.6,1.2,0.5,1.5,0.5,1.8v16c0,0.3,0.1,0.6,0.4,0.9H0.8\n                                                c0.6,0.5,1.2,0.5,1.8,0l7.5-6.9v6c0,0.3,0.1,0.6,0.4,0.9h-0.1c0.6,0.5,1.2,0.5,1.8,0l7.9-7.3v6.4c0,0.5,0.2,0.9,0.5,1.2\n                                                c0.3,0.3,0.7,0.5,1.2,0.5c0.5,0,0.9-0.2,1.2-0.5c0.3-0.3,0.5-0.7,0.5-1.2V2.4C23.5,1.9,23.4,1.5,23.1,1.2z\"\/>\n                                            <\/svg>\n                                        <\/a>\n                                    <\/li>\n                                <\/ul>\n                            <\/div>\n                            <div class=\"jp-type-playlist\">\n                                <div class=\"jp-playlist\">\n                                    <ul class=\"tracks-list\">\n                                        <li><\/li>\n                                    <\/ul>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"edgtf-audio-player-volume-holder\">\n                        <div class=\"jp-volume-controls\">\n                            <a class=\"jp-mute\" role=\"button\" tabindex=\"0\">\n                                <i class=\"icon icon_volume-high\" aria-hidden=\"true\"><\/i><i class=\"icon icon_vol-mute\" aria-hidden=\"true\"><\/i>\n                            <\/a>\n                            <span class=\"jp-volume-bar\">\n                        <span class=\"jp-volume-bar-value\"><\/span>\n                    <\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n                    <\/div>\n    <\/div>\n<\/div>[\/vc_column][\/vc_row][vc_row row_content_width=&#8221;grid&#8221; css=&#8221;.vc_custom_1551368239739{padding-bottom: 107px !important;}&#8221;][vc_column][vc_column_text css=&#8221;.vc_custom_1551368033225{margin-top: -25px !important;}&#8221;]<\/p>\n<h4>Simple<\/h4>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;12px&#8221;]<div class=\"edgtf-audio-player-wrapper edgtf-player-simple\"   >\n    <div id= \"edgtf-player-1508237182\" class=\"jp-jplayer\"><\/div>\n        <div class=\"edgtf-container\">\n        <div class=\"clearfix edgtf-grid\">\n                        <div id= \"edgtf-player-container-1508237182\" class=\"edgtf-audio-player-holder\" data-album-id=\"1237\">\n                                    <div class=\"edgtf-audio-player-image-holder\">\n                        <img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/lethallabs.com\/wp-content\/uploads\/2019\/02\/album-img-16-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail wp-post-image\" alt=\"i\" srcset=\"https:\/\/lethallabs.com\/wp-content\/uploads\/2019\/02\/album-img-16-150x150.jpg 150w, https:\/\/lethallabs.com\/wp-content\/uploads\/2019\/02\/album-img-16-300x300.jpg 300w, https:\/\/lethallabs.com\/wp-content\/uploads\/2019\/02\/album-img-16-768x768.jpg 768w, https:\/\/lethallabs.com\/wp-content\/uploads\/2019\/02\/album-img-16-650x650.jpg 650w, https:\/\/lethallabs.com\/wp-content\/uploads\/2019\/02\/album-img-16-600x600.jpg 600w, https:\/\/lethallabs.com\/wp-content\/uploads\/2019\/02\/album-img-16-100x100.jpg 100w, https:\/\/lethallabs.com\/wp-content\/uploads\/2019\/02\/album-img-16.jpg 800w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/>                    <\/div>\n                                <div class=\"edgtf-audio-player-holder-inner\">\n                    <div class=\"edgtf-audio-player-info-holder\">\n                        <h5 class=\"edgtf-audio-player-title\"><\/h5>\n                        <div class=\"edgtf-audio-player-progress-holder\">\n                            <div class=\"jp-audio player-box\">\n                                <div class=\"jp-gui jp-interface\">\n                                    <div class=\"jp-progress\">\n                                        <div class=\"jp-seek-bar\">\n                                            <div class=\"jp-play-bar\"><\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"edgtf-audio-player-current-time-holder\">\n                            <div class=\"jp-audio player-box\">\n                                <div class=\"jp-gui jp-interface\">\n                                    <div class=\"time-box\">\n                                        <span class=\"jp-current-time\"><\/span>\/<span class=\"jp-duration\"><\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <span class=\"edgtf-audio-player-album\"><\/span>\n                    <\/div>\n                    <div class=\"edgtf-audio-player-controls-holder\">\n\n                        <div class=\"jp-audio player-box\">\n                            <div class=\"jp-gui jp-interface\">\n                                <ul class=\"jp-controls\">\n                                    <li >\n                                        <a class=\"jp-previous\" >\n                                            <svg x=\"0px\" y=\"0px\" viewBox=\"0 0 24 20\">\n                                                <path d=\"M23.7,1.9c0-0.3-0.1-0.6-0.4-0.8V1c-0.6-0.5-1.2-0.5-1.8,0L14,8V1.9c0-0.3-0.1-0.6-0.4-0.8V1c-0.6-0.5-1.2-0.5-1.8,0l-8,7.3\n                                                V2.6c0-0.5-0.2-0.9-0.5-1.2C3.1,1,2.6,0.9,2.1,0.9C1.6,0.9,1.2,1,0.9,1.3C0.6,1.6,0.4,2.1,0.4,2.6V18c0,0.5,0.2,0.9,0.5,1.2\n                                                s0.7,0.5,1.3,0.5c0.5,0,0.9-0.2,1.2-0.5C3.7,19,3.8,18.5,3.8,18v-6.4l8,7.3c0.6,0.5,1.2,0.5,1.8,0h-0.1c0.3-0.2,0.4-0.5,0.4-0.9V12\n                                                l7.5,6.9c0.6,0.5,1.2,0.5,1.8,0h-0.1c0.3-0.2,0.4-0.5,0.4-0.9L23.7,1.9L23.7,1.9z\"\/>\n                                            <\/svg>\n                                        <\/a>\n                                    <\/li>\n                                    <li >\n                                        <a class=\"jp-play\" >\n                                            <i class=\"icon arrow_triangle-right\"><\/i>\n                                            <i class=\"icon icon_pause\"><\/i>\n                                        <\/a>\n                                    <\/li>\n                                    <li >\n                                        <a class=\"jp-next\" >\n                                            <svg x=\"0px\" y=\"0px\" viewBox=\"0 0 24 20\">\n                                                <path d=\"M23.1,1.2c-0.3-0.3-0.7-0.5-1.2-0.5c-0.5,0-0.9,0.2-1.2,0.5c-0.3,0.3-0.5,0.7-0.5,1.2v5.8l-7.9-7.3c-0.6-0.5-1.2-0.5-1.8,0\n                                                V1c-0.2,0.2-0.4,0.5-0.4,0.8v6L2.6,0.9C2,0.4,1.4,0.4,0.8,0.9V1C0.6,1.2,0.5,1.5,0.5,1.8v16c0,0.3,0.1,0.6,0.4,0.9H0.8\n                                                c0.6,0.5,1.2,0.5,1.8,0l7.5-6.9v6c0,0.3,0.1,0.6,0.4,0.9h-0.1c0.6,0.5,1.2,0.5,1.8,0l7.9-7.3v6.4c0,0.5,0.2,0.9,0.5,1.2\n                                                c0.3,0.3,0.7,0.5,1.2,0.5c0.5,0,0.9-0.2,1.2-0.5c0.3-0.3,0.5-0.7,0.5-1.2V2.4C23.5,1.9,23.4,1.5,23.1,1.2z\"\/>\n                                            <\/svg>\n                                        <\/a>\n                                    <\/li>\n                                <\/ul>\n                            <\/div>\n                            <div class=\"jp-type-playlist\">\n                                <div class=\"jp-playlist\">\n                                    <ul class=\"tracks-list\">\n                                        <li><\/li>\n                                    <\/ul>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"edgtf-audio-player-volume-holder\">\n                        <div class=\"jp-volume-controls\">\n                            <a class=\"jp-mute\" role=\"button\" tabindex=\"0\">\n                                <i class=\"icon icon_volume-high\" aria-hidden=\"true\"><\/i><i class=\"icon icon_vol-mute\" aria-hidden=\"true\"><\/i>\n                            <\/a>\n                            <span class=\"jp-volume-bar\">\n                        <span class=\"jp-volume-bar-value\"><\/span>\n                    <\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n                    <\/div>\n    <\/div>\n<\/div>[\/vc_column][\/vc_row][vc_row row_content_width=&#8221;grid&#8221; css=&#8221;.vc_custom_1551368226382{padding-bottom: 150px !important;}&#8221;][vc_column][vc_column_text css=&#8221;.vc_custom_1551368047236{margin-top: -25px !important;}&#8221;]<\/p>\n<h4>Divided<\/h4>\n<p>[\/vc_column_text]<div class=\"edgtf-audio-player-wrapper edgtf-audio-player-divided \"   >\n    <div id= \"edgtf-player-868027880\" class=\"jp-jplayer\"><\/div>\n        <div class=\"edgtf-container\">\n        <div class=\"clearfix edgtf-grid\">\n                        <div id= \"edgtf-player-container-868027880\" class=\"edgtf-audio-player-holder\" data-album-id=\"1237\">\n                <div class=\"edgtf-audio-player-holder-top\">\n                    <div class=\"edgtf-audio-player-controls-holder\">\n                        <div class=\"jp-audio player-box\">\n                            <div class=\"jp-gui jp-interface\">\n                                <ul class=\"jp-controls\">\n                                    <li >\n                                        <a class=\"jp-previous\" >\n                                            <svg x=\"0px\" y=\"0px\" viewBox=\"0 0 24 20\">\n                                                <path d=\"M23.7,1.9c0-0.3-0.1-0.6-0.4-0.8V1c-0.6-0.5-1.2-0.5-1.8,0L14,8V1.9c0-0.3-0.1-0.6-0.4-0.8V1c-0.6-0.5-1.2-0.5-1.8,0l-8,7.3\n                                                V2.6c0-0.5-0.2-0.9-0.5-1.2C3.1,1,2.6,0.9,2.1,0.9C1.6,0.9,1.2,1,0.9,1.3C0.6,1.6,0.4,2.1,0.4,2.6V18c0,0.5,0.2,0.9,0.5,1.2\n                                                s0.7,0.5,1.3,0.5c0.5,0,0.9-0.2,1.2-0.5C3.7,19,3.8,18.5,3.8,18v-6.4l8,7.3c0.6,0.5,1.2,0.5,1.8,0h-0.1c0.3-0.2,0.4-0.5,0.4-0.9V12\n                                                l7.5,6.9c0.6,0.5,1.2,0.5,1.8,0h-0.1c0.3-0.2,0.4-0.5,0.4-0.9L23.7,1.9L23.7,1.9z\"\/>\n                                            <\/svg>\n                                        <\/a>\n                                    <\/li>\n                                    <li >\n                                        <a class=\"jp-play\" >\n                                            <i class=\"icon arrow_triangle-right\"><\/i>\n                                            <i class=\"icon icon_pause\"><\/i>\n                                        <\/a>\n                                    <\/li>\n                                    <li >\n                                        <a class=\"jp-next\" >\n                                            <svg x=\"0px\" y=\"0px\" viewBox=\"0 0 24 20\">\n                                                <path d=\"M23.1,1.2c-0.3-0.3-0.7-0.5-1.2-0.5c-0.5,0-0.9,0.2-1.2,0.5c-0.3,0.3-0.5,0.7-0.5,1.2v5.8l-7.9-7.3c-0.6-0.5-1.2-0.5-1.8,0\n                                                V1c-0.2,0.2-0.4,0.5-0.4,0.8v6L2.6,0.9C2,0.4,1.4,0.4,0.8,0.9V1C0.6,1.2,0.5,1.5,0.5,1.8v16c0,0.3,0.1,0.6,0.4,0.9H0.8\n                                                c0.6,0.5,1.2,0.5,1.8,0l7.5-6.9v6c0,0.3,0.1,0.6,0.4,0.9h-0.1c0.6,0.5,1.2,0.5,1.8,0l7.9-7.3v6.4c0,0.5,0.2,0.9,0.5,1.2\n                                                c0.3,0.3,0.7,0.5,1.2,0.5c0.5,0,0.9-0.2,1.2-0.5c0.3-0.3,0.5-0.7,0.5-1.2V2.4C23.5,1.9,23.4,1.5,23.1,1.2z\"\/>\n                                            <\/svg>\n                                        <\/a>\n                                    <\/li>\n                                <\/ul>\n                            <\/div>\n                            <div class=\"jp-type-playlist\">\n                                <div class=\"jp-playlist\">\n                                    <ul class=\"tracks-list\">\n                                        <li><\/li>\n                                    <\/ul>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"edgtf-audio-player-holder-bottom\">\n                    <div class=\"edgtf-audio-player-info-holder\">\n                        <div class=\"edgtf-audio-player-text-holder\">\n                            <span class=\"edgtf-audio-player-title\"><\/span>\n                            <div class=\"edgtf-audio-player-time-holder\">\n                                <div class=\"edgtf-audio-player-progress-holder\">\n                                    <div class=\"jp-audio player-box\">\n                                        <div class=\"jp-gui jp-interface\">\n                                            <div class=\"jp-progress\">\n                                                <div class=\"jp-seek-bar\">\n                                                    <div class=\"jp-play-bar\"><\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"edgtf-audio-player-current-time-holder\">\n                                    <div class=\"jp-audio player-box\">\n                                        <div class=\"jp-gui jp-interface\">\n                                            <div class=\"time-box\">\n                                                <span class=\"jp-current-time\"><\/span>\/<span class=\"jp-duration\"><\/span>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <span class=\"edgtf-audio-player-album\"><\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"edgtf-audio-player-volume-holder\">\n                        <div class=\"jp-volume-controls\">\n                            <a class=\"jp-mute\" role=\"button\" tabindex=\"0\"> <i class=\"icon icon_volume-high\" aria-hidden=\"true\"><\/i><i class=\"icon icon_vol-mute\" aria-hidden=\"true\"><\/i><\/a>\n                            <span class=\"jp-volume-bar\">\n                        <span class=\"jp-volume-bar-value\"><\/span>\n                    <\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n                    <\/div>\n    <\/div>\n<\/div>[\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row row_content_width=&#8221;grid&#8221; css=&#8221;.vc_custom_1551368233461{padding-bottom: 142px !important;}&#8221;][vc_column][vc_column_text css=&#8221;.vc_custom_1551368410088{margin-top: -32px !important;}&#8221;] Standard [\/vc_column_text][vc_empty_space height=&#8221;45px&#8221;][\/vc_column][\/vc_row][vc_row row_content_width=&#8221;grid&#8221; css=&#8221;.vc_custom_1551368239739{padding-bottom: 107px !important;}&#8221;][vc_column][vc_column_text css=&#8221;.vc_custom_1551368033225{margin-top: -25px !important;}&#8221;] Simple [\/vc_column_text][vc_empty_space height=&#8221;12px&#8221;][\/vc_column][\/vc_row][vc_row row_content_width=&#8221;grid&#8221; css=&#8221;.vc_custom_1551368226382{padding-bottom: 150px !important;}&#8221;][vc_column][vc_column_text css=&#8221;.vc_custom_1551368047236{margin-top: -25px !important;}&#8221;] Divided [\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":273,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full-width.php","meta":{"footnotes":""},"class_list":["post-1875","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lethallabs.com\/index.php?rest_route=\/wp\/v2\/pages\/1875","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lethallabs.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lethallabs.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lethallabs.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lethallabs.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1875"}],"version-history":[{"count":0,"href":"https:\/\/lethallabs.com\/index.php?rest_route=\/wp\/v2\/pages\/1875\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/lethallabs.com\/index.php?rest_route=\/wp\/v2\/pages\/273"}],"wp:attachment":[{"href":"https:\/\/lethallabs.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1875"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}