{"id":53,"date":"2016-02-22T16:28:46","date_gmt":"2016-02-22T21:28:46","guid":{"rendered":"http:\/\/bbn1.bbnradio.org\/german\/?page_id=53"},"modified":"2021-02-18T15:31:19","modified_gmt":"2021-02-18T20:31:19","slug":"embedded-player-for-chromecast","status":"publish","type":"page","link":"https:\/\/bbn1.bbnradio.org\/german\/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-2kuv5-ea4b4c351084b37c63e1e6196ad83d40\">\n.flex_column.av-2kuv5-ea4b4c351084b37c63e1e6196ad83d40{\nborder-radius:0px 0px 0px 0px;\npadding:0px 0px 0px 0px;\n}\n<\/style>\n<div  class='flex_column av-2kuv5-ea4b4c351084b37c63e1e6196ad83d40 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-22glh-be15004e18b7f75d519b64cb01365a21\">\n.avia-image-container.av-22glh-be15004e18b7f75d519b64cb01365a21 img.avia_image{\nbox-shadow:none;\n}\n.avia-image-container.av-22glh-be15004e18b7f75d519b64cb01365a21 .av-image-caption-overlay-center{\ncolor:#ffffff;\n}\n<\/style>\n<div  class='avia-image-container av-22glh-be15004e18b7f75d519b64cb01365a21 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-52 avia-img-lazy-loading-not-52 avia_image ' src=\"https:\/\/bbn1.bbnradio.org\/german\/wp-content\/uploads\/sites\/9\/2016\/02\/BBN-Welcome-300x157.jpg\" alt='BBN' title='BBN-Welcome'  height=\"157\" width=\"300\"  itemprop=\"thumbnailUrl\" srcset=\"https:\/\/bbn1.bbnradio.org\/german\/wp-content\/uploads\/sites\/9\/2016\/02\/BBN-Welcome-300x157.jpg 300w, https:\/\/bbn1.bbnradio.org\/german\/wp-content\/uploads\/sites\/9\/2016\/02\/BBN-Welcome-450x235.jpg 450w, https:\/\/bbn1.bbnradio.org\/german\/wp-content\/uploads\/sites\/9\/2016\/02\/BBN-Welcome.jpg 600w\" 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-25\" 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\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\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\/79ce8dd0-c0e9-4443-b887-0fdc1617f8bc\" type=\"audio\/aac\">\r\n  <\/audio>\r\n\r\n  <script>\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-1g4yx-8bd3d5552d111a1d33c8b844d83a15e8\">\n#top .hr.hr-invisible.av-1g4yx-8bd3d5552d111a1d33c8b844d83a15e8{\nheight:20px;\n}\n<\/style>\n<div  class='hr av-1g4yx-8bd3d5552d111a1d33c8b844d83a15e8 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":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-53","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\/german\/embedded-player-for-chromecast\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\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\/german\/embedded-player-for-chromecast\/\" \/>\n<meta property=\"og:site_name\" content=\"BBN\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/BBNGerman\/\" \/>\n<meta property=\"article:modified_time\" content=\"2021-02-18T20:31:19+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@BBNDeutsch\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"1\u00a0Minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/bbn1.bbnradio.org\/german\/embedded-player-for-chromecast\/\",\"url\":\"https:\/\/bbn1.bbnradio.org\/german\/embedded-player-for-chromecast\/\",\"name\":\"Embedded player for Chromecast - BBN\",\"isPartOf\":{\"@id\":\"https:\/\/bbn1.bbnradio.org\/german\/#website\"},\"datePublished\":\"2016-02-22T21:28:46+00:00\",\"dateModified\":\"2021-02-18T20:31:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/bbn1.bbnradio.org\/german\/embedded-player-for-chromecast\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/bbn1.bbnradio.org\/german\/embedded-player-for-chromecast\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/bbn1.bbnradio.org\/german\/embedded-player-for-chromecast\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/bbn1.bbnradio.org\/german\/home\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Embedded player for Chromecast\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/bbn1.bbnradio.org\/german\/#website\",\"url\":\"https:\/\/bbn1.bbnradio.org\/german\/\",\"name\":\"BBN\",\"description\":\"BBN\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/bbn1.bbnradio.org\/german\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"}]}<\/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\/german\/embedded-player-for-chromecast\/","og_locale":"de_DE","og_type":"article","og_title":"Embedded player for Chromecast","og_url":"https:\/\/bbn1.bbnradio.org\/german\/embedded-player-for-chromecast\/","og_site_name":"BBN","article_publisher":"https:\/\/www.facebook.com\/BBNGerman\/","article_modified_time":"2021-02-18T20:31:19+00:00","twitter_card":"summary_large_image","twitter_site":"@BBNDeutsch","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"1\u00a0Minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bbn1.bbnradio.org\/german\/embedded-player-for-chromecast\/","url":"https:\/\/bbn1.bbnradio.org\/german\/embedded-player-for-chromecast\/","name":"Embedded player for Chromecast - BBN","isPartOf":{"@id":"https:\/\/bbn1.bbnradio.org\/german\/#website"},"datePublished":"2016-02-22T21:28:46+00:00","dateModified":"2021-02-18T20:31:19+00:00","breadcrumb":{"@id":"https:\/\/bbn1.bbnradio.org\/german\/embedded-player-for-chromecast\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bbn1.bbnradio.org\/german\/embedded-player-for-chromecast\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/bbn1.bbnradio.org\/german\/embedded-player-for-chromecast\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bbn1.bbnradio.org\/german\/home\/"},{"@type":"ListItem","position":2,"name":"Embedded player for Chromecast"}]},{"@type":"WebSite","@id":"https:\/\/bbn1.bbnradio.org\/german\/#website","url":"https:\/\/bbn1.bbnradio.org\/german\/","name":"BBN","description":"BBN","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bbn1.bbnradio.org\/german\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}},"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/PgZlJB-R","_links":{"self":[{"href":"https:\/\/bbn1.bbnradio.org\/german\/wp-json\/wp\/v2\/pages\/53","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bbn1.bbnradio.org\/german\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bbn1.bbnradio.org\/german\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bbn1.bbnradio.org\/german\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/bbn1.bbnradio.org\/german\/wp-json\/wp\/v2\/comments?post=53"}],"version-history":[{"count":3,"href":"https:\/\/bbn1.bbnradio.org\/german\/wp-json\/wp\/v2\/pages\/53\/revisions"}],"predecessor-version":[{"id":15377,"href":"https:\/\/bbn1.bbnradio.org\/german\/wp-json\/wp\/v2\/pages\/53\/revisions\/15377"}],"wp:attachment":[{"href":"https:\/\/bbn1.bbnradio.org\/german\/wp-json\/wp\/v2\/media?parent=53"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bbn1.bbnradio.org\/german\/wp-json\/wp\/v2\/categories?post=53"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bbn1.bbnradio.org\/german\/wp-json\/wp\/v2\/tags?post=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}