{"id":958,"date":"2026-02-02T01:33:48","date_gmt":"2026-02-01T22:33:48","guid":{"rendered":"https:\/\/xn--b1agpqkjz.xn--p1ai\/?page_id=958"},"modified":"2026-08-09T00:29:26","modified_gmt":"2026-08-08T21:29:26","slug":"stream","status":"publish","type":"page","link":"https:\/\/xn--b1agpqkjz.xn--p1ai\/index.php\/stream\/","title":{"rendered":"\u041e\u043d\u043b\u0430\u0439\u043d \u0442\u0440\u0430\u043d\u0441\u043b\u044f\u0446\u0438\u044f"},"content":{"rendered":"\n<div class=\"wp-block-columns alignwide is-style-default is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style data-wp-block-html=\"css\">\n.ck-player-shell {\n  position: relative;\n  width: 100%;\n  height: min(90vh, 800px);\n  background: #000;\n  border-radius: 18px;\n  overflow: hidden;\n  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.45);\n}\n.ck-live-header {\n  display: none !important;\n}\n\n.ck-title,\n.ck-subtitle,\n.ck-status {\n  display: none !important;\n}\n\n.ck-player-shell {\n  margin-top: 0 !important;\n}\n<\/style>\n\n<div id=\"ck-live-page\">\n  <style>\n    #ck-live-page {\n      min-height: 100vh;\n      background: #0b0b0b;\n      color: #f2f2f2;\n      font-family: -apple-system, BlinkMacSystemFont, \"Inter\", \"Segoe UI\", sans-serif;\n      padding: 32px 16px;\n      box-sizing: border-box;\n    }\n\n    #ck-live-page * {\n      box-sizing: border-box;\n    }\n\n    .ck-live-wrap {\n      max-width: 1200px;\n      margin: 0 auto;\n    }\n\n    .ck-live-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      gap: 16px;\n      margin-bottom: 24px;\n    }\n\n    .ck-brand {\n      font-size: 18px;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      font-weight: 600;\n    }\n\n    .ck-status {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 13px;\n      color: #b8b8b8;\n      white-space: nowrap;\n    }\n\n    .ck-dot {\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      background: #d90000;\n      box-shadow: 0 0 12px rgba(217, 0, 0, 0.8);\n    }\n\n    .ck-title {\n      margin: 0 0 18px;\n      font-size: clamp(28px, 5vw, 56px);\n      line-height: 1.02;\n      font-weight: 500;\n      letter-spacing: -0.04em;\n    }\n\n    .ck-subtitle {\n      max-width: 720px;\n      margin: 0 0 32px;\n      color: #b8b8b8;\n      font-size: 16px;\n      line-height: 1.5;\n    }\n\n    .ck-player-shell {\n      position: relative;\n      width: 100%;\n      aspect-ratio: 16 \/ 9;\n      background: #000;\n      border-radius: 18px;\n      overflow: hidden;\n      box-shadow: 0 24px 80px rgba(0, 0, 0, 0.45);\n    }\n\n    .ck-player-shell iframe {\n      width: 100%;\n      height: 100%;\n      border: 0;\n      display: block;\n      background: #000;\n    }\n\n    .ck-message {\n      min-height: 320px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n      padding: 32px;\n      color: #d0d0d0;\n      font-size: 16px;\n      line-height: 1.5;\n    }\n\n    .ck-message strong {\n      color: #fff;\n      font-weight: 500;\n    }\n\n    .ck-footer {\n      display: flex;\n      justify-content: space-between;\n      gap: 16px;\n      margin-top: 18px;\n      color: #777;\n      font-size: 12px;\n      line-height: 1.4;\n    }\n\n    @media (max-width: 700px) {\n      #ck-live-page {\n        padding: 20px 12px;\n      }\n\n      .ck-live-header {\n        align-items: flex-start;\n        flex-direction: column;\n      }\n\n      .ck-player-shell {\n        border-radius: 12px;\n      }\n\n      .ck-footer {\n        flex-direction: column;\n      }\n    }\n  <\/style>\n\n  <div class=\"ck-live-wrap\">\n    <header class=\"ck-live-header\">\n      <div class=\"ck-brand\">\u0426\u0412\u0415\u0422\u041a\u041e\u0420<\/div>\n      <div class=\"ck-status\">\n        <span class=\"ck-dot\"><\/span>\n        <span id=\"ck-live-status\">Live session<\/span>\n      <\/div>\n    <\/header>\n\n    <h1 class=\"ck-title\">Live Color Session<\/h1>\n\n    <p class=\"ck-subtitle\">\n      \u0417\u0430\u043a\u0440\u044b\u0442\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0434\u043b\u044f \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0430 live-\u0442\u0440\u0430\u043d\u0441\u043b\u044f\u0446\u0438\u0438 \u0446\u0432\u0435\u0442\u043e\u043a\u043e\u0440\u0440\u0435\u043a\u0446\u0438\u0438.\n      \u0421\u0441\u044b\u043b\u043a\u0430 \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f \u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0440\u0430\u043c\u043a\u0430\u0445 \u0441\u0435\u0441\u0441\u0438\u0438.\n    <\/p>\n\n    <div class=\"ck-player-shell\" id=\"ck-player-shell\">\n      <div class=\"ck-message\">\n        \u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0442\u0440\u0430\u043d\u0441\u043b\u044f\u0446\u0438\u0438\u2026\n      <\/div>\n    <\/div>\n\n    <div class=\"ck-footer\">\n      <div>WebRTC live preview<\/div>\n      <div>\u0415\u0441\u043b\u0438 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u043d\u0435 \u043f\u043e\u044f\u0432\u0438\u043b\u043e\u0441\u044c, \u043e\u0431\u043d\u043e\u0432\u0438\u0442\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0438\u043b\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u0438\u0442\u0435 \u043d\u043e\u0432\u0443\u044e \u0441\u0441\u044b\u043b\u043a\u0443.<\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function () {\n      \/*\n        \u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0430\u0434\u0440\u0435\u0441 \u0441\u0435\u0440\u0432\u0435\u0440\u0430 \u0442\u0440\u0430\u043d\u0441\u043b\u044f\u0446\u0438\u0438.\n\n        \u0415\u0441\u043b\u0438 \u043c\u044b \u0441\u0434\u0435\u043b\u0430\u0435\u043c \u043f\u043e\u0434\u0434\u043e\u043c\u0435\u043d live.\u0446\u0432\u0435\u0442\u043a\u043e\u0440.\u0440\u0444:\n        \u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0442\u0430\u043a:\n\n        https:\/\/live.xn--b1agpqkjz.xn--p1ai\n\n        \u0415\u0441\u043b\u0438 \u043f\u043e\u043a\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0448\u044c \u0441\u0442\u0430\u0440\u044b\u0439 \u0434\u043e\u043c\u0435\u043d \u0442\u0440\u0430\u043d\u0441\u043b\u044f\u0446\u0438\u0438,\n        \u0437\u0430\u043c\u0435\u043d\u0438 \u0441\u0442\u0440\u043e\u043a\u0443 \u043d\u0438\u0436\u0435, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u043d\u0430:\n        https:\/\/live.serafimcolorist.ru\n      *\/\n\n      var STREAM_BASE = \"https:\/\/xn--h1aikdf.xn--b1agpqkjz.xn--p1ai\";\n\n      var params = new URLSearchParams(window.location.search);\n      var token = params.get(\"t\") || params.get(\"token\");\n\n      var shell = document.getElementById(\"ck-player-shell\");\n      var status = document.getElementById(\"ck-live-status\");\n\n      function showMessage(html) {\n        shell.innerHTML = '<div class=\"ck-message\">' + html + '<\/div>';\n      }\n\n      if (!token) {\n        status.textContent = \"No access token\";\n        showMessage(\n          \"<div><strong>\u0421\u0441\u044b\u043b\u043a\u0430 \u043d\u0435\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u0430.<\/strong><br>\" +\n          \"\u041e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u043f\u043e \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0439 \u0441\u0441\u044b\u043b\u043a\u0435, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u0432\u0430\u043c \u043f\u0440\u0438\u0441\u043b\u0430\u043b\u0438.<\/div>\"\n        );\n        return;\n      }\n\n      var iframe = document.createElement(\"iframe\");\n\n      iframe.src = STREAM_BASE + \"\/access?t=\" + encodeURIComponent(token);\n      iframe.allow =\n        \"autoplay; fullscreen; picture-in-picture; encrypted-media\";\n      iframe.allowFullscreen = true;\n      iframe.referrerPolicy = \"no-referrer-when-downgrade\";\n      iframe.loading = \"eager\";\n\n      shell.innerHTML = \"\";\n      shell.appendChild(iframe);\n\n      status.textContent = \"Connected\";\n    })();\n  <\/script>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0426\u0412\u0415\u0422\u041a\u041e\u0420 Live session Live Color Session \u0417\u0430\u043a\u0440\u044b\u0442\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0434\u043b\u044f \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0430 live-\u0442\u0440\u0430\u043d\u0441\u043b\u044f\u0446\u0438\u0438 \u0446\u0432\u0435\u0442\u043e\u043a\u043e\u0440\u0440\u0435\u043a\u0446\u0438\u0438. \u0421\u0441\u044b\u043b\u043a\u0430 \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f \u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0440\u0430\u043c\u043a\u0430\u0445 \u0441\u0435\u0441\u0441\u0438\u0438. \u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0442\u0440\u0430\u043d\u0441\u043b\u044f\u0446\u0438\u0438\u2026 WebRTC live preview \u0415\u0441\u043b\u0438 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u043d\u0435 \u043f\u043e\u044f\u0432\u0438\u043b\u043e\u0441\u044c, \u043e\u0431\u043d\u043e\u0432\u0438\u0442\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0438\u043b\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u0438\u0442\u0435 \u043d\u043e\u0432\u0443\u044e \u0441\u0441\u044b\u043b\u043a\u0443.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-958","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xn--b1agpqkjz.xn--p1ai\/index.php\/wp-json\/wp\/v2\/pages\/958","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xn--b1agpqkjz.xn--p1ai\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xn--b1agpqkjz.xn--p1ai\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xn--b1agpqkjz.xn--p1ai\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xn--b1agpqkjz.xn--p1ai\/index.php\/wp-json\/wp\/v2\/comments?post=958"}],"version-history":[{"count":35,"href":"https:\/\/xn--b1agpqkjz.xn--p1ai\/index.php\/wp-json\/wp\/v2\/pages\/958\/revisions"}],"predecessor-version":[{"id":1005,"href":"https:\/\/xn--b1agpqkjz.xn--p1ai\/index.php\/wp-json\/wp\/v2\/pages\/958\/revisions\/1005"}],"wp:attachment":[{"href":"https:\/\/xn--b1agpqkjz.xn--p1ai\/index.php\/wp-json\/wp\/v2\/media?parent=958"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}