{"id":6,"date":"2026-05-25T08:37:56","date_gmt":"2026-05-25T06:37:56","guid":{"rendered":"https:\/\/schalte.studio-dome.de\/?page_id=6"},"modified":"2026-05-25T08:59:39","modified_gmt":"2026-05-25T06:59:39","slug":"schalte","status":"publish","type":"page","link":"https:\/\/schalte.studio-dome.de\/","title":{"rendered":"schalte"},"content":{"rendered":"\n<script type=\"module\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/@cloudflare\/realtimekit-web-ui@beta\/dist\/realtimekit-ui\/realtimekit-ui.esm.js\"><\/script>\n\n<style>\n  .meeting-window {\n    display: none; \n    width: 100%; \n    height: 80vh; \/* Nutzt 80% der Bildschirmh\u00f6he *\/\n    background: #141414; \n    border-radius: 12px; \n    overflow: hidden;\n    box-shadow: 0 8px 32px rgba(0,0,0,0.5);\n  }\n  .btn-container {\n    text-align: center; \n    padding: 100px 20px;\n  }\n  .join-btn {\n    padding: 18px 36px; \n    font-size: 20px; \n    background-color: #ff6600; \n    color: white; \n    border: none; \n    border-radius: 6px; \n    cursor: pointer; \n    font-weight: bold;\n    transition: background 0.2s;\n  }\n  .join-btn:hover {\n    background-color: #e05500;\n  }\n  .join-btn:disabled {\n    background-color: #555;\n    cursor: not-allowed;\n  }\n<\/style>\n\n<div id=\"join-zone\" class=\"btn-container\">\n  <button id=\"start-meeting-btn\" class=\"join-btn\">\n    Dem Studio-Meeting beitreten\n  <\/button>\n<\/div>\n\n<div id=\"meeting-zone\" class=\"meeting-window\">\n  <rtk-ui-provider id=\"cloudflare-provider\">\n    <div style=\"display: flex; flex-direction: column; height: 100%;\">\n      \n      <rtk-mixed-grid style=\"flex-grow: 1; min-height: 200px; padding: 20px;\"><\/rtk-mixed-grid>\n      \n      <rtk-controlbar style=\"background: #1f1f1f; padding: 15px; display: flex; justify-content: center; gap: 10px;\">\n        <rtk-mic-toggle><\/rtk-mic-toggle>\n        <rtk-camera-toggle><\/rtk-camera-toggle>\n        <rtk-screen-share-toggle><\/rtk-screen-share-toggle>\n        <rtk-leave-button id=\"leave-btn\"><\/rtk-leave-button>\n      <\/rtk-controlbar>\n\n    <\/div>\n  <\/rtk-ui-provider>\n<\/div>\n\n<script>\ndocument.getElementById('start-meeting-btn').addEventListener('click', async () => {\n  const button = document.getElementById('start-meeting-btn');\n  button.innerText = \"Verbindung wird aufgebaut...\";\n  button.disabled = true;\n\n  try {\n    \/\/ Ruft deinen Cloudflare Worker auf\n    const response = await fetch('https:\/\/schalteworker.u-wiegmann.workers.dev\/');\n    \n    if (!response.ok) {\n      throw new Error('Server-Antwort war nicht OK');\n    }\n    \n    const data = await response.json();\n    \n    if(data.token) {\n      \/\/ Speist das Token in das Cloudflare UI Kit ein\n      const provider = document.getElementById('cloudflare-provider');\n      provider.setAttribute('auth-token', data.token);\n      \n      \/\/ Schaltet die Ansicht um\n      document.getElementById('join-zone').style.display = 'none';\n      document.getElementById('meeting-zone').style.display = 'block';\n    } else {\n      alert(\"Fehler: Kein g\u00fcltiges Token vom Server erhalten.\");\n      resetButton(button);\n    }\n  } catch (error) {\n    console.error(\"Details zum Fehler:\", error);\n    alert(\"Verbindung fehlgeschlagen. Bitte pr\u00fcfe die Browser-Konsole (F12).\");\n    resetButton(button);\n  }\n});\n\nfunction resetButton(btn) {\n  btn.innerText = \"Dem Studio-Meeting beitreten\";\n  btn.disabled = false;\n}\n\n\/\/ Bei Klick auf \"Auflegen\"\ndocument.getElementById('leave-btn').addEventListener('click', () => {\n  location.reload(); \n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Dem Studio-Meeting beitreten<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ocean_post_layout":"full-screen","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"on","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"off","ocean_display_header":"off","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"on","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"off","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"off","ocean_display_footer_bottom":"off","ocean_custom_footer_template":"","footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/schalte.studio-dome.de\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/schalte.studio-dome.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/schalte.studio-dome.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/schalte.studio-dome.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/schalte.studio-dome.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":5,"href":"https:\/\/schalte.studio-dome.de\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":18,"href":"https:\/\/schalte.studio-dome.de\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/18"}],"wp:attachment":[{"href":"https:\/\/schalte.studio-dome.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}