{"id":9901,"date":"2024-08-22T19:17:02","date_gmt":"2024-08-22T17:17:02","guid":{"rendered":"https:\/\/astraopen.pl\/?page_id=9901"},"modified":"2026-08-25T20:35:58","modified_gmt":"2026-08-25T18:35:58","slug":"livestream","status":"publish","type":"page","link":"https:\/\/astraopen.pl\/en\/livestream\/","title":{"rendered":"Livestream"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9901\" class=\"elementor elementor-9901\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-932ce49 gpwf-pagehead e-flex e-con-boxed e-con e-parent\" data-id=\"932ce49\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a948cc gpwf-eyebrow elementor-widget elementor-widget-text-editor\" data-id=\"5a948cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span class=\"gpwf-ed\">Astra Coffee &amp; More Open 2026<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-776e938 gpwf-ph-title elementor-widget elementor-widget-heading\" data-id=\"776e938\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">LIVESTREAM<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-85a36d9 e-flex e-con-boxed e-con e-parent\" data-id=\"85a36d9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1840de9 elementor-widget elementor-widget-html\" data-id=\"1840de9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n<div class=\"ao-ls\" data-live=\"0\">\n\n  <div class=\"ao-ls-head\">\n    <div class=\"ao-ls-eyebrow\">Transmisja na \u017cywo<\/div>\n    <h2>Ogl\u0105daj mecze na kortach AZS<\/h2>\n    <p class=\"ao-ls-lead\">\n      Transmisja z kortu centralnego Astra Coffee &amp; More Open 2026.\n      Realizacja: CRIONET, oficjalny partner technologiczny ITF World Tennis Tour.\n    <\/p>\n  <\/div>\n\n  <div class=\"ao-ls-player\">\n    <!-- Zas\u0142ona: YouTube \u0142aduje si\u0119 dopiero po klikni\u0119ciu.\n         Dzi\u0119ki temu strona jest szybsza, a skrypty Google nie startuj\u0105,\n         zanim widz sam o to poprosi. -->\n    <button class=\"ao-ls-facade\" type=\"button\" aria-label=\"W\u0142\u0105cz transmisj\u0119 na \u017cywo\">\n      <span class=\"ao-ls-badge ao-ls-badge--on\">Na \u017cywo<\/span>\n      <span class=\"ao-ls-badge ao-ls-badge--vod\">Powt\u00f3rki<\/span>\n      <span class=\"ao-ls-badge ao-ls-badge--off\">Przerwa<\/span>\n      <span class=\"ao-ls-play\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" width=\"34\" height=\"34\" fill=\"currentColor\"><path d=\"M8 5.5v13l11-6.5z\"\/><\/svg>\n      <\/span>\n      <span class=\"ao-ls-cta ao-ls-cta--on\">Kliknij, aby ogl\u0105da\u0107<\/span>\n      <span class=\"ao-ls-cta ao-ls-cta--vod\">Kliknij, aby obejrze\u0107 zapisy rozegranych mecz\u00f3w.<\/span>\n      <span class=\"ao-ls-cta ao-ls-cta--off\">Transmisja wr\u00f3ci w kolejnym dniu gry. Zapraszamy ponownie jutro o godzinie 10:00.<\/span>\n    <\/button>\n  <\/div>\n\n  <div class=\"ao-ls-foot\">\n    <div class=\"ao-ls-credit\">Live production by <strong>CRIONET<\/strong><\/div>\n\n  <\/div>\n\n<\/div>\n\n<style>\n\/* Sekcja na tej stronie to kontener Elementora ustawiony w wiersz (flex-row).\n   Wid\u017cet jest w nim elementem elastycznym i domy\u015blnie kurczy si\u0119 do szeroko\u015bci\n   swojej tre\u015bci \u2014 st\u0105d odtwarzacz na p\u00f3\u0142 ekranu. Ta regu\u0142a ka\u017ce wid\u017cetowi,\n   w kt\u00f3rym siedzi nasz blok, zaj\u0105\u0107 ca\u0142\u0105 dost\u0119pn\u0105 szeroko\u015b\u0107. Dotyczy wy\u0142\u0105cznie\n   tego jednego wid\u017cetu, reszta strony jest nietkni\u0119ta. *\/\n.elementor-widget:has(> .elementor-widget-container > .ao-ls){width:100%;flex:1 1 100%}\n\n.ao-ls{--cl:#A9541F;--gd:#E8A857;--ink:#241A12;--mut:#8B7A63;\n  width:100%;max-width:1240px;margin:0 auto;padding:0 0 8px}\n.ao-ls-head{margin-bottom:22px}\n.ao-ls-eyebrow{font-family:Archivo,system-ui,sans-serif;font-size:12px;font-weight:600;\n  letter-spacing:.14em;text-transform:uppercase;color:#C2703A;margin-bottom:6px}\n.ao-ls h2{font-family:Archivo,system-ui,sans-serif;font-size:40px;font-weight:700;\n  line-height:1.05;color:var(--ink);margin:0}\n.ao-ls-lead{font-size:15px;line-height:1.6;color:#5C4B39;max-width:62ch;margin:12px 0 0}\n\n\/* --- odtwarzacz --- *\/\n.ao-ls-player{position:relative;aspect-ratio:16\/9;border-radius:16px;overflow:hidden;\n  background:#1A120C;box-shadow:0 18px 44px rgba(26,18,12,.16)}\n.ao-ls-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}\n\n.ao-ls-facade{position:absolute;inset:0;width:100%;height:100%;display:flex;\n  flex-direction:column;align-items:center;justify-content:center;gap:16px;cursor:pointer;\n  border:0;padding:24px;font:inherit;text-align:center;\n  background:radial-gradient(120% 120% at 50% 0%,#3A2415 0%,#1A120C 62%)}\n.ao-ls-facade::after{content:\"\";position:absolute;inset:0;pointer-events:none;\n  background:repeating-linear-gradient(115deg,rgba(232,168,87,.05) 0 2px,transparent 2px 9px)}\n\n.ao-ls-badge{position:relative;font-family:Archivo,system-ui,sans-serif;font-size:11px;\n  font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:6px 13px;border-radius:999px}\n.ao-ls-badge--on{background:#C42B1C;color:#fff;display:none}\n.ao-ls-badge--on::before{content:\"\";display:inline-block;width:7px;height:7px;border-radius:50%;\n  background:#fff;margin-right:8px;vertical-align:1px;animation:ao-ls-puls 1.6s ease-in-out infinite}\n.ao-ls-badge--off{background:rgba(255,255,255,.1);color:#D9CBB6}\n@keyframes ao-ls-puls{0%,100%{opacity:1}50%{opacity:.25}}\n\n.ao-ls-badge--vod{background:rgba(232,168,87,.16);color:#F3C98A}\n\/* Domyslnie chowamy wszystko, potem pokazujemy to, co pasuje do stanu.\n   Trzy stany, trzy komplety napisow \u2014 bez tego przy zmianie flagi\n   pokazywalyby sie dwa na raz. *\/\n.ao-ls .ao-ls-badge,.ao-ls .ao-ls-cta{display:none}\n.ao-ls[data-live=\"1\"] .ao-ls-badge--on,\n.ao-ls[data-live=\"2\"] .ao-ls-badge--vod,\n.ao-ls[data-live=\"0\"] .ao-ls-badge--off{display:inline-block}\n.ao-ls[data-live=\"1\"] .ao-ls-cta--on,\n.ao-ls[data-live=\"2\"] .ao-ls-cta--vod,\n.ao-ls[data-live=\"0\"] .ao-ls-cta--off{display:block}\n\/* W przerwie nie ma czego odtwarzac \u2014 zaslona przestaje byc przyciskiem. *\/\n.ao-ls[data-live=\"0\"] .ao-ls-facade{cursor:default}\n.ao-ls[data-live=\"0\"] .ao-ls-play{display:none}\n\n.ao-ls-play{position:relative;width:78px;height:78px;border-radius:50%;display:grid;\n  place-items:center;color:var(--ink);background:var(--gd);\n  box-shadow:0 0 0 10px rgba(232,168,87,.16);transition:transform .18s ease,box-shadow .18s ease}\n.ao-ls-facade:hover .ao-ls-play{transform:scale(1.06);box-shadow:0 0 0 14px rgba(232,168,87,.22)}\n.ao-ls-facade:focus-visible{outline:3px solid var(--gd);outline-offset:-3px}\n\n.ao-ls-cta{position:relative;font-size:14px;line-height:1.5;color:#E4D8C6;max-width:38ch}\n\n\/* --- stopka bloku --- *\/\n.ao-ls-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;\n  gap:12px 24px;margin-top:16px}\n.ao-ls-credit{font-family:Archivo,system-ui,sans-serif;font-size:11px;font-weight:600;\n  letter-spacing:.13em;text-transform:uppercase;color:var(--mut)}\n.ao-ls-credit strong{color:var(--ink);font-weight:700}\n.ao-ls-links{display:flex;flex-wrap:wrap;gap:6px 22px}\n.ao-ls-links a{font-family:Archivo,system-ui,sans-serif;font-size:12px;font-weight:600;\n  letter-spacing:.08em;text-transform:uppercase;color:var(--cl);text-decoration:none}\n.ao-ls-links a:hover{text-decoration:underline}\n\n@media(max-width:767px){\n  .ao-ls h2{font-size:clamp(24px,7vw,32px)}\n  .ao-ls-lead{font-size:14px}\n  .ao-ls-player{border-radius:13px}\n  .ao-ls-play{width:62px;height:62px;box-shadow:0 0 0 8px rgba(232,168,87,.16)}\n  .ao-ls-play svg{width:28px;height:28px}\n  .ao-ls-cta{font-size:13px}\n  .ao-ls-foot{flex-direction:column;align-items:flex-start;gap:10px}\n}\n@media(prefers-reduced-motion:reduce){\n  .ao-ls-badge--on::before{animation:none}\n  .ao-ls-play{transition:none}\n}\n<\/style>\n\n<script>\n(function(){\n  var s = document.currentScript;\n  var blok = (s && s.parentNode && s.parentNode.querySelector('.ao-ls')) ||\n             document.querySelector('.ao-ls');\n  if(!blok) return;\n  var zaslona = blok.querySelector('.ao-ls-facade');\n  var ramka   = blok.querySelector('.ao-ls-player');\n  if(!zaslona || !ramka) return;\n\n  \/* Kana\u0142 i playlista \u201eprzes\u0142ane filmy\". Identyfikator playlisty powstaje\n     z identyfikatora kana\u0142u przez podmian\u0119 UC na UU \u2014 to regu\u0142a YouTube'a,\n     nie przypadek. Playlista zawiera zapisy zako\u0144czonych transmisji. *\/\n  var KANAL     = 'UCfVW49r1ZonNEU5Xtz7IlvA';\n  var POWTORKI  = 'UU' + KANAL.slice(2);\n\n  zaslona.addEventListener('click', function(){\n    \/* Po zako\u0144czeniu transmisji adres live_stream pokazuje komunikat\n       \u201eTen film jest niedost\u0119pny\" \u2014 pusty odtwarzacz z b\u0142\u0119dem to najgorsza\n       rzecz, jak\u0105 mo\u017cna postawi\u0107 na stronie turnieju. Dlatego poza godzinami\n       gry \u0142adujemy playlist\u0119 z zapisami zamiast martwego strumienia. *\/\n    var stan = blok.getAttribute('data-live');\n    if (stan !== '1' && stan !== '2') return;   \/* przerwa \u2014 nic nie ladujemy *\/\n    var i = document.createElement('iframe');\n    i.src = (stan === '1')\n      ? 'https:\/\/www.youtube.com\/embed\/live_stream?channel=' + KANAL + '&autoplay=1'\n      : 'https:\/\/www.youtube.com\/embed\/videoseries?list=' + POWTORKI + '&rel=0';\n    i.title = 'Astra Coffee & More Open 2026 \u2014 transmisja na \u017cywo';\n    i.allow = 'accelerometer; autoplay; encrypted-media; picture-in-picture; fullscreen';\n    i.setAttribute('allowfullscreen','');\n    i.referrerPolicy = 'strict-origin-when-cross-origin';\n    ramka.appendChild(i);\n    zaslona.remove();\n  });\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>LIVESTREAM Transmisja na \u017cywo Ogl\u0105daj mecze na kortach AZS Transmisja z kortu centralnego Astra Coffee &amp; More Open 2026. Realizacja: CRIONET, oficjalny partner technologiczny ITF World Tennis Tour. Na \u017cywo Powt\u00f3rki Przerwa Kliknij, aby ogl\u0105da\u0107 Kliknij, aby obejrze\u0107 zapisy rozegranych mecz\u00f3w. Transmisja wr\u00f3ci w kolejnym dniu gry. Zapraszamy ponownie jutro o godzinie 10:00. Live production<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/blocks.php","meta":{"footnotes":""},"class_list":["post-9901","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/astraopen.pl\/en\/wp-json\/wp\/v2\/pages\/9901","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/astraopen.pl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/astraopen.pl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/astraopen.pl\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/astraopen.pl\/en\/wp-json\/wp\/v2\/comments?post=9901"}],"version-history":[{"count":55,"href":"https:\/\/astraopen.pl\/en\/wp-json\/wp\/v2\/pages\/9901\/revisions"}],"predecessor-version":[{"id":13395,"href":"https:\/\/astraopen.pl\/en\/wp-json\/wp\/v2\/pages\/9901\/revisions\/13395"}],"wp:attachment":[{"href":"https:\/\/astraopen.pl\/en\/wp-json\/wp\/v2\/media?parent=9901"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}