{"id":244516,"date":"2023-12-22T11:39:16","date_gmt":"2023-12-22T11:39:16","guid":{"rendered":"https:\/\/quincepartyestudio.com\/?page_id=244516"},"modified":"2023-12-22T11:40:52","modified_gmt":"2023-12-22T11:40:52","slug":"music-test","status":"publish","type":"page","link":"https:\/\/quincepartyestudio.com\/index.php\/music-test\/","title":{"rendered":"music test"},"content":{"rendered":"<p>[et_pb_section fb_built=\u00bb1&#8243; _builder_version=\u00bb4.23.1&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_row _builder_version=\u00bb4.23.1&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb4.23.1&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_code _builder_version=\u00bb4.23.1&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n<div class=\"audio-player\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div id=\"play-btn\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"audio-wrapper\" id=\"player-container\" href=\"javascript:;\"><!-- [et_pb_line_break_holder] -->      <audio id=\"player\" ontimeupdate=\"initProgressBar()\"><!-- [et_pb_line_break_holder] --><source src=\"http:\/\/www.lukeduncan.co\/oslo.mp3\" type=\"audio\/mp3\"><!-- [et_pb_line_break_holder] --><\/audio><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"player-controls scrubber\"><!-- [et_pb_line_break_holder] -->      <pee>Marry you <small>by<\/small> zz<\/pee><!-- [et_pb_line_break_holder] -->      <span id=\"seekObjContainer\"><!-- [et_pb_line_break_holder] -->\t\t\t  <progress id=\"seekObj\" value=\"0\" max=\"1\"><\/progress><!-- [et_pb_line_break_holder] -->\t\t\t<\/span><!-- [et_pb_line_break_holder] -->      <!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] -->      <small style=\"float: left; position: relative; left: 15px;\" class=\"start-time\"><\/small><!-- [et_pb_line_break_holder] -->      <small style=\"float: right; position: relative; right: 20px;\" class=\"end-time\"><\/small><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"album-image\" style=\"background-image: url('https:\/\/artwork-cdn.7static.com\/static\/img\/sleeveart\/00\/051\/614\/0005161476_350.jpg')\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.audio-player {<!-- [et_pb_line_break_holder] -->  background: white;<!-- [et_pb_line_break_holder] -->  border: 1px solid #dfdfdf;<!-- [et_pb_line_break_holder] -->  width: 100%;<!-- [et_pb_line_break_holder] -->  text-align: center;<!-- [et_pb_line_break_holder] -->  display: flex;<!-- [et_pb_line_break_holder] -->  flex-flow: row;<!-- [et_pb_line_break_holder] -->  margin: 4rem 0 4rem 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.audio-player .album-image {<!-- [et_pb_line_break_holder] -->  min-height: 100px;<!-- [et_pb_line_break_holder] -->  width: 110px;<!-- [et_pb_line_break_holder] -->  background-size: cover;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.audio-player .player-controls {<!-- [et_pb_line_break_holder] -->  align-items: center;<!-- [et_pb_line_break_holder] -->  justify-content: center;<!-- [et_pb_line_break_holder] -->  margin-top: 1rem;<!-- [et_pb_line_break_holder] -->  flex: 3;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.audio-player .player-controls progress {<!-- [et_pb_line_break_holder] -->  width: 90%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.audio-player .player-controls progress[value] {<!-- [et_pb_line_break_holder] -->  -webkit-appearance: none;<!-- [et_pb_line_break_holder] -->  appearance: none;<!-- [et_pb_line_break_holder] -->  background-color: white;<!-- [et_pb_line_break_holder] -->  color: black;<!-- [et_pb_line_break_holder] -->  height: 5px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.audio-player .player-controls progress[value]::-webkit-progress-bar {<!-- [et_pb_line_break_holder] -->  background-color: white;<!-- [et_pb_line_break_holder] -->  border-radius: 2px;<!-- [et_pb_line_break_holder] -->  border: 1px solid #dfdfdf;<!-- [et_pb_line_break_holder] -->  color: black;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.audio-player .player-controls progress::-webkit-progress-value {<!-- [et_pb_line_break_holder] -->  background-color: black;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.audio-player .player-controls p {<!-- [et_pb_line_break_holder] -->  font-size: 18px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.audio-player #play-btn {<!-- [et_pb_line_break_holder] -->  background-image: url(\"https:\/\/cdn.fastly.picmonkey.com\/content4\/previews\/arrows_2\/arrows_2_44_550.png\");<!-- [et_pb_line_break_holder] -->  background-size: cover;<!-- [et_pb_line_break_holder] -->  width: 55px;<!-- [et_pb_line_break_holder] -->  height: 55px;<!-- [et_pb_line_break_holder] -->  margin: 30px 0 30px 10px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.audio-player #play-btn.pause {<!-- [et_pb_line_break_holder] -->  background-image: url(\"https:\/\/img.icons8.com\/ios\/452\/circled-pause.png\");<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->function calculateTotalValue(length) {<!-- [et_pb_line_break_holder] -->  var minutes = Math.floor(length \/ 60),<!-- [et_pb_line_break_holder] -->    seconds_int = length - minutes * 60,<!-- [et_pb_line_break_holder] -->    seconds_str = seconds_int.toString(),<!-- [et_pb_line_break_holder] -->    seconds = seconds_str.substr(0, 2),<!-- [et_pb_line_break_holder] -->    time = minutes + ':' + seconds<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  return time;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->function calculateCurrentValue(currentTime) {<!-- [et_pb_line_break_holder] -->  var current_hour = parseInt(currentTime \/ 3600) % 24,<!-- [et_pb_line_break_holder] -->    current_minute = parseInt(currentTime \/ 60) % 60,<!-- [et_pb_line_break_holder] -->    current_seconds_long = currentTime % 60,<!-- [et_pb_line_break_holder] -->    current_seconds = current_seconds_long.toFixed(),<!-- [et_pb_line_break_holder] -->    current_time = (current_minute < 10 ? \"0\" + current_minute : current_minute) + \":\" + (current_seconds < 10 ? \"0\" + current_seconds : current_seconds);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  return current_time;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->function initProgressBar() {<!-- [et_pb_line_break_holder] -->  var player = document.getElementById('player');<!-- [et_pb_line_break_holder] -->  var length = player.duration<!-- [et_pb_line_break_holder] -->  var current_time = player.currentTime;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/\/ calculate total length of value<!-- [et_pb_line_break_holder] -->  var totalLength = calculateTotalValue(length)<!-- [et_pb_line_break_holder] -->  jQuery(\".end-time\").html(totalLength);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/\/ calculate current value time<!-- [et_pb_line_break_holder] -->  var currentTime = calculateCurrentValue(current_time);<!-- [et_pb_line_break_holder] -->  jQuery(\".start-time\").html(currentTime);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  var progressbar = document.getElementById('seekObj');<!-- [et_pb_line_break_holder] -->  progressbar.value = (player.currentTime \/ player.duration);<!-- [et_pb_line_break_holder] -->  progressbar.addEventListener(\"click\", seek);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  if (player.currentTime == player.duration) {<!-- [et_pb_line_break_holder] -->    $('#play-btn').removeClass('pause');<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  function seek(evt) {<!-- [et_pb_line_break_holder] -->    var percent = evt.offsetX \/ this.offsetWidth;<!-- [et_pb_line_break_holder] -->    player.currentTime = percent * player.duration;<!-- [et_pb_line_break_holder] -->    progressbar.value = percent \/ 100;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->};<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->function initPlayers(num) {<!-- [et_pb_line_break_holder] -->  \/\/ pass num in if there are multiple audio players e.g 'player' + i<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  for (var i = 0; i < num; i++) {<!-- [et_pb_line_break_holder] -->    (function() {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/\/ Variables<!-- [et_pb_line_break_holder] -->      \/\/ ----------------------------------------------------------<!-- [et_pb_line_break_holder] -->      \/\/ audio embed object<!-- [et_pb_line_break_holder] -->      var playerContainer = document.getElementById('player-container'),<!-- [et_pb_line_break_holder] -->        player = document.getElementById('player'),<!-- [et_pb_line_break_holder] -->        isPlaying = false,<!-- [et_pb_line_break_holder] -->        playBtn = document.getElementById('play-btn');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/\/ Controls Listeners<!-- [et_pb_line_break_holder] -->      \/\/ ----------------------------------------------------------<!-- [et_pb_line_break_holder] -->      if (playBtn != null) {<!-- [et_pb_line_break_holder] -->        playBtn.addEventListener('click', function() {<!-- [et_pb_line_break_holder] -->          togglePlay()<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/\/ Controls & Sounds Methods<!-- [et_pb_line_break_holder] -->      \/\/ ----------------------------------------------------------<!-- [et_pb_line_break_holder] -->      function togglePlay() {<!-- [et_pb_line_break_holder] -->        if (player.paused === false) {<!-- [et_pb_line_break_holder] -->          player.pause();<!-- [et_pb_line_break_holder] -->          isPlaying = false;<!-- [et_pb_line_break_holder] -->          $('#play-btn').removeClass('pause');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        } else {<!-- [et_pb_line_break_holder] -->          player.play();<!-- [et_pb_line_break_holder] -->          $('#play-btn').addClass('pause');<!-- [et_pb_line_break_holder] -->          isPlaying = true;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->    }());<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->initPlayers(jQuery('#player-container').length);<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","_joinchat":[],"footnotes":""},"class_list":["post-244516","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>music test | Quince Party Estudio<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/quincepartyestudio.com\/index.php\/music-test\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"music test | Quince Party Estudio\" \/>\n<meta property=\"og:url\" content=\"https:\/\/quincepartyestudio.com\/index.php\/music-test\/\" \/>\n<meta property=\"og:site_name\" content=\"Quince Party Estudio\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-22T11:40:52+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/quincepartyestudio.com\/index.php\/music-test\/\",\"url\":\"https:\/\/quincepartyestudio.com\/index.php\/music-test\/\",\"name\":\"music test | Quince Party Estudio\",\"isPartOf\":{\"@id\":\"https:\/\/quincepartyestudio.com\/#website\"},\"datePublished\":\"2023-12-22T11:39:16+00:00\",\"dateModified\":\"2023-12-22T11:40:52+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/quincepartyestudio.com\/index.php\/music-test\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/quincepartyestudio.com\/index.php\/music-test\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/quincepartyestudio.com\/index.php\/music-test\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/quincepartyestudio.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"music test\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/quincepartyestudio.com\/#website\",\"url\":\"https:\/\/quincepartyestudio.com\/\",\"name\":\"Quince Party Estudio\",\"description\":\"Invitaciones Digitales Personalizadas\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/quincepartyestudio.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"music test | Quince Party Estudio","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:\/\/quincepartyestudio.com\/index.php\/music-test\/","og_locale":"es_ES","og_type":"article","og_title":"music test | Quince Party Estudio","og_url":"https:\/\/quincepartyestudio.com\/index.php\/music-test\/","og_site_name":"Quince Party Estudio","article_modified_time":"2023-12-22T11:40:52+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/quincepartyestudio.com\/index.php\/music-test\/","url":"https:\/\/quincepartyestudio.com\/index.php\/music-test\/","name":"music test | Quince Party Estudio","isPartOf":{"@id":"https:\/\/quincepartyestudio.com\/#website"},"datePublished":"2023-12-22T11:39:16+00:00","dateModified":"2023-12-22T11:40:52+00:00","breadcrumb":{"@id":"https:\/\/quincepartyestudio.com\/index.php\/music-test\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/quincepartyestudio.com\/index.php\/music-test\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/quincepartyestudio.com\/index.php\/music-test\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/quincepartyestudio.com\/"},{"@type":"ListItem","position":2,"name":"music test"}]},{"@type":"WebSite","@id":"https:\/\/quincepartyestudio.com\/#website","url":"https:\/\/quincepartyestudio.com\/","name":"Quince Party Estudio","description":"Invitaciones Digitales Personalizadas","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/quincepartyestudio.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"}]}},"_links":{"self":[{"href":"https:\/\/quincepartyestudio.com\/index.php\/wp-json\/wp\/v2\/pages\/244516","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/quincepartyestudio.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/quincepartyestudio.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/quincepartyestudio.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/quincepartyestudio.com\/index.php\/wp-json\/wp\/v2\/comments?post=244516"}],"version-history":[{"count":2,"href":"https:\/\/quincepartyestudio.com\/index.php\/wp-json\/wp\/v2\/pages\/244516\/revisions"}],"predecessor-version":[{"id":244519,"href":"https:\/\/quincepartyestudio.com\/index.php\/wp-json\/wp\/v2\/pages\/244516\/revisions\/244519"}],"wp:attachment":[{"href":"https:\/\/quincepartyestudio.com\/index.php\/wp-json\/wp\/v2\/media?parent=244516"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}