{"id":111,"date":"2016-02-22T16:26:00","date_gmt":"2016-02-22T21:26:00","guid":{"rendered":"http:\/\/bbn1.bbnradio.org\/spanish\/?page_id=111"},"modified":"2021-02-18T15:29:49","modified_gmt":"2021-02-18T20:29:49","slug":"embedded-player-for-chromecast","status":"publish","type":"page","link":"https:\/\/bbn1.bbnradio.org\/spanish\/embedded-player-for-chromecast\/","title":{"rendered":"Embedded player for Chromecast"},"content":{"rendered":"\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-s48o7-f1142f4a8f8f8512816ffcd733d5503d\">\n.flex_column.av-s48o7-f1142f4a8f8f8512816ffcd733d5503d{\nborder-radius:0px 0px 0px 0px;\npadding:0px 0px 0px 0px;\n}\n<\/style>\n<div  class='flex_column av-s48o7-f1142f4a8f8f8512816ffcd733d5503d av_one_third  avia-builder-el-0  avia-builder-el-no-sibling  first flex_column_div av-zero-column-padding  '     ><p>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-lp7jj-2c33ee8c9f0575219469c16b307a0f7c\">\n.avia-image-container.av-lp7jj-2c33ee8c9f0575219469c16b307a0f7c img.avia_image{\nbox-shadow:none;\n}\n.avia-image-container.av-lp7jj-2c33ee8c9f0575219469c16b307a0f7c .av-image-caption-overlay-center{\ncolor:#ffffff;\n}\n<\/style>\n<div  class='avia-image-container av-lp7jj-2c33ee8c9f0575219469c16b307a0f7c av-styling-no-styling avia-align-center  avia-builder-el-1  el_before_av_sidebar  avia-builder-el-first '   itemprop=\"image\" itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\" ><div class=\"avia-image-container-inner\"><div class=\"avia-image-overlay-wrap\"><img decoding=\"async\" fetchpriority=\"high\" class='wp-image-110 avia-img-lazy-loading-not-110 avia_image ' src=\"https:\/\/i0.wp.com\/bbn1.bbnradio.org\/spanish\/wp-content\/uploads\/sites\/5\/2016\/02\/BBN-Welcome.jpg?fit=300%2C157&ssl=1\" alt='BBN' title='BBN'  height=\"157\" width=\"300\"  itemprop=\"thumbnailUrl\" srcset=\"https:\/\/i0.wp.com\/bbn1.bbnradio.org\/spanish\/wp-content\/uploads\/sites\/5\/2016\/02\/BBN-Welcome.jpg?w=600&amp;ssl=1 600w, https:\/\/i0.wp.com\/bbn1.bbnradio.org\/spanish\/wp-content\/uploads\/sites\/5\/2016\/02\/BBN-Welcome.jpg?resize=300%2C157&amp;ssl=1 300w, https:\/\/i0.wp.com\/bbn1.bbnradio.org\/spanish\/wp-content\/uploads\/sites\/5\/2016\/02\/BBN-Welcome.jpg?resize=450%2C235&amp;ssl=1 450w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div><\/div><\/div><br \/>\n<div  class='avia-builder-widget-area clearfix  avia-builder-el-2  el_after_av_image  el_before_av_hr '><div id=\"custom_html-21\" class=\"widget_text widget clearfix widget_custom_html\"><div class=\"textwidget custom-html-widget\"><!DOCTYPE html>\r\n\r\n<html>\r\n\r\n<head>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n  <link href=\"https:\/\/fonts.googleapis.com\/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n  <link href=\"https:\/\/unpkg.com\/material-components-web@v4.0.0\/dist\/material-components-web.min.css\" rel=\"stylesheet\">\r\n  <script src=\"https:\/\/unpkg.com\/material-components-web@v4.0.0\/dist\/material-components-web.min.js\"><\/script>\r\n\t\r\n <\/head>\r\n<style>\r\n  .mdc-button {\r\n    position: relative;\r\n    overflow: hidden;\r\n    margin: auto;\r\n background: linear-gradient(275deg,#008852,#c3512f);\r\n  background-size: 180% 180%;\r\n  animation: gradient-animation 10s ease infinite;\r\n    \/*background-color: #008852 !important;*\/\r\n    border: solid 0px #008852;\r\n    border-radius: 16px;\r\n    width: 310px;\r\n    height: 75px;\r\n    text-align: center;\r\n    cursor: pointer;\r\n    transition: all 0.5s;\r\n    transition-timing-function: ease-in-out !important;\r\n  }\r\n\r\n\t@keyframes gradient-animation {\r\n  0% {\r\n    background-position: 0% 50%;\r\n  }\r\n  50% {\r\n    background-position: 100% 50%;\r\n  }\r\n  100% {\r\n    background-position: 0% 50%;\r\n  }\r\n}\r\n\t\r\n  .material-icons {\r\n    margin-top: 0px;\r\n    font-size: 74px;\r\n    color: #ffffff;\r\n    cursor: pointer;\r\n\r\n  }\r\n\r\n  .mdc-button:hover {\r\n\/*background-color: #005533 !important;*\/\r\n\tbackground: linear-gradient(107deg, rgba(0,136,82,1) 0%, rgba(0,136,82,1) 100%);\r\n     transition: all 0.4s !important;\r\n    transition-timing-function: ease-in-out !important;\r\n  }\r\n\r\n   \r\n\t#myWave {\r\n    width: 55px;\r\n    height: auto;\r\n    position: absolute;\r\n    margin: 20px 0 2px 206px !important;\r\n\t}\r\n\t\r\n\t\t.mdc-button__ripple:before,\r\n.mdc-button__ripple:after {\r\n  background-color:   #ffffff !important;\r\n}\r\n<\/style>\r\n\r\n<body>\r\n  <span id=\"playAudio\">\r\n    <button class=\"mdc-button mdc-button--raised\">\r\n\t\t\t<canvas id=\"myWave\"><\/canvas>\r\n      <span class=\"mdc-button__ripple\"><\/span>\r\n      <i class=\"material-icons\">play_circle_outline<\/i>\r\n    <\/button>\r\n  <\/span>\r\n  <audio id=\"myAudio\" preload=\"auto\"  src=\"https:\/\/streams.radiomast.io\/475ebed1-595e-4717-b888-64fe8fc6b09f\" type=\"audio\/aac\">\r\n  <\/audio>\r\n\r\n  <script>\r\n   \r\n\r\n\t\tmdc.ripple.MDCRipple.attachTo(document.querySelector('.mdc-button--raised'));\r\n\r\n    document.getElementById(\"playAudio\").addEventListener(\"click\", function () {\r\n      \r\n      var audio = document.getElementById('myAudio');\r\n      if (this.className == 'is-playing') {\r\n        this.className = \"\";\r\n        this.innerHTML = ' <span id=\"playAudio\"><button class=\"mdc-button mdc-button--raised\"><canvas id=\"myWave\"><\/canvas><span class=\"mdc-button__ripple\"><\/span><i class=\"material-icons\">play_circle_outline<\/i><\/button><\/span>';\r\n\t\t\t\tmdc.ripple.MDCRipple.attachTo(document.querySelector('.mdc-button--raised'));\r\n        audio.pause();\r\n      } else {\r\n        this.className = \"is-playing\";\r\n        this.innerHTML = ' <span id=\"playAudio\"><button class=\"mdc-button mdc-button--raised\"><canvas id=\"myWave\"><\/canvas><span class=\"mdc-button__ripple\"><\/span><i class=\"material-icons\">pause_circle_outline<\/i><\/button><\/span>';\r\n        mdc.ripple.MDCRipple.attachTo(document.querySelector('.mdc-button--raised'));\r\n\t\t\t\taudio.play();\r\n      }\r\n    });\r\n\r\n\t \r\n    document.querySelector('audio').addEventListener('error', () => {\r\n  \t var audio = document.getElementById('myAudio');\r\n  \t    this.className = \"is-playing\";\r\n  \/\/ alert('You got an error!');\r\n  audio.load();\r\n  audio.play();\r\n});\r\n\t\t\r\n\t document.querySelector('audio').addEventListener('seeked', () => {\r\n  \t var audio = document.getElementById('myAudio');\r\n  \t    this.className = \"is-playing\";\r\n  \/\/ alert('You got an error!');\r\n  audio.load();\r\n  audio.play();\r\n});  \t  \r\n  \r\n\t\t document.querySelector('audio').addEventListener('ended', () => {\r\n  \tvar audio = document.getElementById('myAudio');\r\n        \r\n      if (this.className == 'is-playing') {\r\n          \r\n         this.className = \"\";\r\n        this.innerHTML = ' <span id=\"playAudio\"><button class=\"mdc-button mdc-button--raised\"><canvas id=\"myWave\"><\/canvas><span class=\"mdc-button__ripple\"><\/span><i class=\"material-icons\">play_circle_outline<\/i><\/button><\/span>';\r\n  \/\/ audio.load();        \r\naudio.pause();\r\n        mdc.ripple.MDCRipple.attachTo(document.querySelector('.mdc-button--raised'));\r\n      } else {\r\n     \r\n        this.className = \"is-playing\";\r\n        this.innerHTML = ' <span id=\"playAudio\"><button class=\"mdc-button mdc-button--raised\"><canvas id=\"myWave\"><\/canvas><span class=\"mdc-button__ripple\"><\/span><i class=\"material-icons\">pause_circle_outline<\/i><\/button><\/span>';\r\n  audio.load();        \r\naudio.play();\r\n        mdc.ripple.MDCRipple.attachTo(document.querySelector('.mdc-button--raised'));\r\n      }\r\n\r\n});\r\n\t\t\r\n    document.onkeyup = function (e) {\r\n      var audio = document.getElementById('myAudio');\r\n      if (e.which == 68 && 16) {\r\n        audio.volume -= 0.2;\r\n      } else if (e.which == 85 && 16) {\r\n        audio.volume += 0.2;\r\n      } else if (e.which == 83 && 16) {\r\n        audio.volume = 0.0;\r\n      }\r\n    };\r\n  <\/script>\r\n<\/body>\r\n\r\n<\/html><\/div><\/div><\/div><br \/>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-71pkn-aa4b5fd57a89bb99c1378fcc0d4627e4\">\n#top .hr.hr-invisible.av-71pkn-aa4b5fd57a89bb99c1378fcc0d4627e4{\nheight:20px;\n}\n<\/style>\n<div  class='hr av-71pkn-aa4b5fd57a89bb99c1378fcc0d4627e4 hr-invisible  avia-builder-el-3  el_after_av_sidebar  avia-builder-el-last '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div><\/p><\/div>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p><!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"jetpack_post_was_ever_published":false,"footnotes":""},"categories":[],"tags":[],"class_list":["post-111","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.8 (Yoast SEO v24.8.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Embedded player for Chromecast - BBN<\/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:\/\/bbn1.bbnradio.org\/spanish\/embedded-player-for-chromecast\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Embedded player for Chromecast\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bbn1.bbnradio.org\/spanish\/embedded-player-for-chromecast\/\" \/>\n<meta property=\"og:site_name\" content=\"BBN\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/BBNEspanol\" \/>\n<meta property=\"article:modified_time\" content=\"2021-02-18T20:29:49+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@BBNEspanol\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/bbn1.bbnradio.org\/spanish\/embedded-player-for-chromecast\/\",\"url\":\"https:\/\/bbn1.bbnradio.org\/spanish\/embedded-player-for-chromecast\/\",\"name\":\"Embedded player for Chromecast - BBN\",\"isPartOf\":{\"@id\":\"https:\/\/bbn1.bbnradio.org\/spanish\/#website\"},\"datePublished\":\"2016-02-22T21:26:00+00:00\",\"dateModified\":\"2021-02-18T20:29:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/bbn1.bbnradio.org\/spanish\/embedded-player-for-chromecast\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/bbn1.bbnradio.org\/spanish\/embedded-player-for-chromecast\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/bbn1.bbnradio.org\/spanish\/embedded-player-for-chromecast\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/bbn1.bbnradio.org\/spanish\/inicio\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Embedded player for Chromecast\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/bbn1.bbnradio.org\/spanish\/#website\",\"url\":\"https:\/\/bbn1.bbnradio.org\/spanish\/\",\"name\":\"BBN Spanish\",\"description\":\"BBN\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/bbn1.bbnradio.org\/spanish\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Embedded player for Chromecast - BBN","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:\/\/bbn1.bbnradio.org\/spanish\/embedded-player-for-chromecast\/","og_locale":"es_ES","og_type":"article","og_title":"Embedded player for Chromecast","og_url":"https:\/\/bbn1.bbnradio.org\/spanish\/embedded-player-for-chromecast\/","og_site_name":"BBN","article_publisher":"https:\/\/www.facebook.com\/BBNEspanol","article_modified_time":"2021-02-18T20:29:49+00:00","twitter_card":"summary_large_image","twitter_site":"@BBNEspanol","twitter_misc":{"Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bbn1.bbnradio.org\/spanish\/embedded-player-for-chromecast\/","url":"https:\/\/bbn1.bbnradio.org\/spanish\/embedded-player-for-chromecast\/","name":"Embedded player for Chromecast - BBN","isPartOf":{"@id":"https:\/\/bbn1.bbnradio.org\/spanish\/#website"},"datePublished":"2016-02-22T21:26:00+00:00","dateModified":"2021-02-18T20:29:49+00:00","breadcrumb":{"@id":"https:\/\/bbn1.bbnradio.org\/spanish\/embedded-player-for-chromecast\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bbn1.bbnradio.org\/spanish\/embedded-player-for-chromecast\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/bbn1.bbnradio.org\/spanish\/embedded-player-for-chromecast\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bbn1.bbnradio.org\/spanish\/inicio\/"},{"@type":"ListItem","position":2,"name":"Embedded player for Chromecast"}]},{"@type":"WebSite","@id":"https:\/\/bbn1.bbnradio.org\/spanish\/#website","url":"https:\/\/bbn1.bbnradio.org\/spanish\/","name":"BBN Spanish","description":"BBN","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bbn1.bbnradio.org\/spanish\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/P85nNm-1N","_links":{"self":[{"href":"https:\/\/bbn1.bbnradio.org\/spanish\/wp-json\/wp\/v2\/pages\/111","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bbn1.bbnradio.org\/spanish\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bbn1.bbnradio.org\/spanish\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bbn1.bbnradio.org\/spanish\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/bbn1.bbnradio.org\/spanish\/wp-json\/wp\/v2\/comments?post=111"}],"version-history":[{"count":3,"href":"https:\/\/bbn1.bbnradio.org\/spanish\/wp-json\/wp\/v2\/pages\/111\/revisions"}],"predecessor-version":[{"id":16694,"href":"https:\/\/bbn1.bbnradio.org\/spanish\/wp-json\/wp\/v2\/pages\/111\/revisions\/16694"}],"wp:attachment":[{"href":"https:\/\/bbn1.bbnradio.org\/spanish\/wp-json\/wp\/v2\/media?parent=111"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bbn1.bbnradio.org\/spanish\/wp-json\/wp\/v2\/categories?post=111"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bbn1.bbnradio.org\/spanish\/wp-json\/wp\/v2\/tags?post=111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}