{"id":2451,"date":"2025-11-27T09:10:04","date_gmt":"2025-11-27T08:10:04","guid":{"rendered":"https:\/\/medienarchiv.phwien.ac.at\/?page_id=2451"},"modified":"2026-01-26T13:38:29","modified_gmt":"2026-01-26T12:38:29","slug":"2451-2","status":"publish","type":"page","link":"https:\/\/medienarchiv.phwien.ac.at\/index.php\/2451-2\/","title":{"rendered":"Multi-Cam-PHiewer"},"content":{"rendered":"\n    <div class=\"p4q-app\" tabindex=\"0\"\n         data-uid=\"p4q_9d4c7cae_933a_4e99_98a3_06124e6957ba\"\n         data-server=\"phwien.cloud.panopto.eu\"\n         data-persist=\"1\"\n         data-autoload=\"1\"\n         data-allow-server-input=\"0\"\n         data-codes=\"\">\n\n      <div class=\"p4q-config\" role=\"group\" aria-label=\"Panopto Quad Konfiguration\">\n        <div class=\"p4q-row\">\n          <strong>Panopto IDs\/Links eingeben<\/strong>\n          <span class=\"p4q-hint\">Du kannst entweder die GUID (UUID) eingeben <em>oder<\/em> die ganze Panopto-Viewer\/Embed-URL \u2013 das Plugin zieht automatisch <code>id=\u2026<\/code> heraus.<\/span>\n        <\/div>\n\n        <div class=\"p4q-row p4q-config-grid\">\n          <label>Video 1 (GUID oder URL)\n            <input class=\"p4q-sid\" data-i=\"0\" type=\"text\" placeholder=\"GUID oder https:\/\/\u2026\/Viewer.aspx?id=\u2026\" \/>\n          <\/label>\n          <label>Video 2 (GUID oder URL)\n            <input class=\"p4q-sid\" data-i=\"1\" type=\"text\" placeholder=\"GUID oder https:\/\/\u2026\/Viewer.aspx?id=\u2026\" \/>\n          <\/label>\n          <label>Video 3 (GUID oder URL)\n            <input class=\"p4q-sid\" data-i=\"2\" type=\"text\" placeholder=\"GUID oder https:\/\/\u2026\/Viewer.aspx?id=\u2026\" \/>\n          <\/label>\n          <label>Video 4 (GUID oder URL)\n            <input class=\"p4q-sid\" data-i=\"3\" type=\"text\" placeholder=\"GUID oder https:\/\/\u2026\/Viewer.aspx?id=\u2026\" \/>\n          <\/label>\n\n                  <\/div>\n\n        <div class=\"p4q-row p4q-config-actions\">\n          <button type=\"button\" class=\"p4q-load\">Videos laden<\/button>\n          <button type=\"button\" class=\"p4q-clear\">Leeren<\/button>\n\n          <label class=\"p4q-check\">\n            <input type=\"checkbox\" class=\"p4q-remember\" \/>\n            IDs merken (dieser Browser)\n          <\/label>\n\n          <button type=\"button\" class=\"p4q-loadcache\" title=\"L\u00e4dt zuvor gemerkte IDs aus diesem Browser (localStorage) in die Eingabefelder\">Aus Browser laden<\/button>\n\n          <span class=\"p4q-hint p4q-sharehint\">Tipp: Nach dem Laden kannst du einen Link inkl. IDs teilen.<\/span>\n          <button type=\"button\" class=\"p4q-copylink\" style=\"display:none;\">Copy Link<\/button>\n        <\/div>\n\n        <div class=\"p4q-config-status\" aria-live=\"polite\"><\/div>\n      <\/div>\n\n      <div class=\"p4q-controls\" role=\"group\" aria-label=\"Panopto Quad Controls\">\n        <div class=\"p4q-row\">\n          <label class=\"p4q-label\">Master:<\/label>\n          <select class=\"p4q-master\">\n            <option value=\"0\">Video 1<\/option>\n            <option value=\"1\">Video 2<\/option>\n            <option value=\"2\">Video 3<\/option>\n            <option value=\"3\">Video 4<\/option>\n          <\/select>\n\n          <button type=\"button\" class=\"p4q-play\" disabled>Play<\/button>\n          <button type=\"button\" class=\"p4q-pause\" disabled>Pause<\/button>\n          <button type=\"button\" class=\"p4q-stop\" disabled>Stop<\/button>\n          <button type=\"button\" class=\"p4q-sync\" disabled>Sync now<\/button>\n\n          <label class=\"p4q-check\">\n            <input type=\"checkbox\" class=\"p4q-autosync\" \/>\n            Auto-sync\n          <\/label>\n\n          <label class=\"p4q-check\">\n            <input type=\"checkbox\" class=\"p4q-soloaudio\" checked \/>\n            Solo Master Audio\n          <\/label>\n\n          <button type=\"button\" class=\"p4q-toggle-config\" title=\"Konfiguration ein-\/ausblenden\">Konfiguration<\/button>\n          <button type=\"button\" class=\"p4q-toggle-offsets\" title=\"Offsets ein-\/ausblenden\">Offsets<\/button>\n          <button type=\"button\" class=\"p4q-toggle-windows\" title=\"Zeitfenster (synchron) ein-\/ausblenden\">Zeitfenster<\/button>\n          <button type=\"button\" class=\"p4q-toggle-notes\" title=\"Notizen \u00f6ffnen (N)\">Notizen<\/button>\n          <button type=\"button\" class=\"p4q-toggle-fullscreen\" title=\"Arbeitsoberfl\u00e4che im Vollbild\">Vollbild<\/button>\n        <\/div>\n\n        <div class=\"p4q-row p4q-offsets\">\n          <span class=\"p4q-hint\">Offsets (Sekunden) relativ zum Master:<\/span>\n          <label>V1 <input class=\"p4q-off\" data-i=\"0\" type=\"number\" step=\"0.1\" value=\"0.0\"><\/label>\n          <label>V2 <input class=\"p4q-off\" data-i=\"1\" type=\"number\" step=\"0.1\" value=\"0.0\"><\/label>\n          <label>V3 <input class=\"p4q-off\" data-i=\"2\" type=\"number\" step=\"0.1\" value=\"0.0\"><\/label>\n          <label>V4 <input class=\"p4q-off\" data-i=\"3\" type=\"number\" step=\"0.1\" value=\"0.0\"><\/label>\n        <\/div>\n\n        <div class=\"p4q-row p4q-windows\">\n          <label class=\"p4q-check\" title=\"Wenn aktiv, wird beim synchronen Abspielen nur innerhalb der definierten Zeitfenster gespielt.\">\n            <input type=\"checkbox\" class=\"p4q-win-enable\" \/>\n            Nur Zeitfenster synchron abspielen\n          <\/label>\n          <label class=\"p4q-check\" title=\"Wenn aktiv, springt der Master am Ende eines Fensters automatisch zum n\u00e4chsten Fenster.\">\n            <input type=\"checkbox\" class=\"p4q-win-autonext\" checked \/>\n            Auto-Weiter\n          <\/label>\n          <span class=\"p4q-hint\">Format: <code>mm:ss<\/code> oder <code>hh:mm:ss<\/code> (z.B. <code>05:10<\/code>).<\/span>\n          <div class=\"p4q-win-grid\" aria-label=\"Sync Zeitfenster\">\n            <div class=\"p4q-win-row\">\n              <span class=\"p4q-win-label\">1<\/span>\n              <input class=\"p4q-win\" data-win=\"0\" data-kind=\"start\" type=\"text\" placeholder=\"von\" \/>\n              <span class=\"p4q-win-sep\">\u2013<\/span>\n              <input class=\"p4q-win\" data-win=\"0\" data-kind=\"end\" type=\"text\" placeholder=\"bis\" \/>\n            <\/div>\n            <div class=\"p4q-win-row\">\n              <span class=\"p4q-win-label\">2<\/span>\n              <input class=\"p4q-win\" data-win=\"1\" data-kind=\"start\" type=\"text\" placeholder=\"von\" \/>\n              <span class=\"p4q-win-sep\">\u2013<\/span>\n              <input class=\"p4q-win\" data-win=\"1\" data-kind=\"end\" type=\"text\" placeholder=\"bis\" \/>\n            <\/div>\n            <div class=\"p4q-win-row\">\n              <span class=\"p4q-win-label\">3<\/span>\n              <input class=\"p4q-win\" data-win=\"2\" data-kind=\"start\" type=\"text\" placeholder=\"von\" \/>\n              <span class=\"p4q-win-sep\">\u2013<\/span>\n              <input class=\"p4q-win\" data-win=\"2\" data-kind=\"end\" type=\"text\" placeholder=\"bis\" \/>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"p4q-grid\" aria-label=\"Panopto Quad Grid\">\n        <div class=\"p4q-cell\"><div class=\"p4q-frame\" id=\"p4q_9d4c7cae_933a_4e99_98a3_06124e6957ba_1\"><\/div><div class=\"p4q-badge\">1<\/div><\/div>\n        <div class=\"p4q-cell\"><div class=\"p4q-frame\" id=\"p4q_9d4c7cae_933a_4e99_98a3_06124e6957ba_2\"><\/div><div class=\"p4q-badge\">2<\/div><\/div>\n        <div class=\"p4q-cell\"><div class=\"p4q-frame\" id=\"p4q_9d4c7cae_933a_4e99_98a3_06124e6957ba_3\"><\/div><div class=\"p4q-badge\">3<\/div><\/div>\n        <div class=\"p4q-cell\"><div class=\"p4q-frame\" id=\"p4q_9d4c7cae_933a_4e99_98a3_06124e6957ba_4\"><\/div><div class=\"p4q-badge\">4<\/div><\/div>\n      <\/div>\n\n      <!-- Notes overlay (\u00f6ffnet per Button oder Shortcut N), damit die Video-Spuren gro\u00df bleiben -->\n      <div class=\"p4q-notes-backdrop\" aria-hidden=\"true\"><\/div>\n      <div class=\"p4q-notes p4q-notes-overlay\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Notizen\">\n        <div class=\"p4q-row p4q-notes-head\">\n          <strong>Notizen f\u00fcr die Diskussion sammeln & exportieren<\/strong>\n          <span class=\"p4q-hint\">Lokal im Browser (localStorage) \u2014 unabh\u00e4ngig von Panopto-Notizen.<\/span>\n          <span style=\"flex:1 1 auto;\"><\/span>\n          <button type=\"button\" class=\"p4q-notes-close\" title=\"Schlie\u00dfen (Esc)\">Schlie\u00dfen<\/button>\n        <\/div>\n\n        <div class=\"p4q-row p4q-notes-add\">\n          <label class=\"p4q-label\">Spur:<\/label>\n          <select class=\"p4q-note-track\" aria-label=\"Spur w\u00e4hlen\">\n            <option value=\"0\">Spur 1<\/option>\n            <option value=\"1\">Spur 2<\/option>\n            <option value=\"2\">Spur 3<\/option>\n            <option value=\"3\">Spur 4<\/option>\n          <\/select>\n\n          <button type=\"button\" class=\"p4q-mark-in\" disabled title=\"Setzt den Start-Zeitpunkt (In) aus der gew\u00e4hlten Spur\">In<\/button>\n          <button type=\"button\" class=\"p4q-mark-out\" disabled title=\"Setzt den End-Zeitpunkt (Out) aus der gew\u00e4hlten Spur\">Out<\/button>\n          <button type=\"button\" class=\"p4q-mark-clear\" disabled title=\"L\u00f6scht In\/Out-Markierungen\">Reset<\/button>\n\n          <textarea class=\"p4q-note-text\" rows=\"2\" placeholder=\"Notiz \/ Kommentar\u2026\" aria-label=\"Notiz\"><\/textarea>\n\n          <button type=\"button\" class=\"p4q-note-add\" disabled>Notiz hinzuf\u00fcgen<\/button>\n          <button type=\"button\" class=\"p4q-note-clear\" disabled>Notizen l\u00f6schen<\/button>\n          <button type=\"button\" class=\"p4q-note-copy\" disabled title=\"Kopiert den aktuellen Notiz-Text in die Zwischenablage\">Notiz kopieren<\/button>\n        <\/div>\n\n        <div class=\"p4q-row p4q-codebar\" aria-label=\"Codes\">\n          <span class=\"p4q-hint\">Codes: Klick f\u00fcgt an der Cursor-Position ein. <code>@<\/code> f\u00fcgt zus\u00e4tzlich die aktuelle Zeit ein (z.B. <code>@ 05:08<\/code>).<\/span>\n          <div class=\"p4q-code-buttons\" aria-label=\"Code Buttons\"><\/div>\n          <div class=\"p4q-code-addrow\" aria-label=\"Code hinzuf\u00fcgen\">\n            <label>Symbol\n              <input type=\"text\" class=\"p4q-code-symbol\" maxlength=\"10\" placeholder=\"z.B. @ oder ><\" \/>\n            <\/label>\n            <label>Tooltip\n              <input type=\"text\" class=\"p4q-code-tip\" maxlength=\"120\" placeholder=\"z.B. exakte Position\" \/>\n            <\/label>\n            <button type=\"button\" class=\"p4q-code-add\">Hinzuf\u00fcgen<\/button>\n          <\/div>\n          <div class=\"p4q-code-list\" aria-label=\"Code Liste\"><\/div>\n        <\/div>\n\n        <div class=\"p4q-row p4q-notes-actions\">\n          <button type=\"button\" class=\"p4q-notes-export\" disabled>Export aktualisieren<\/button>\n          <button type=\"button\" class=\"p4q-notes-copy\" disabled>Kopieren<\/button>\n          <button type=\"button\" class=\"p4q-notes-txt\" disabled>Download TXT<\/button>\n          <button type=\"button\" class=\"p4q-notes-csv\" disabled>Download CSV<\/button>\n          <span class=\"p4q-sep\"><\/span>\n          <label class=\"p4q-label\">Export Spur:<\/label>\n          <select class=\"p4q-export-track\" aria-label=\"Spur f\u00fcr Export w\u00e4hlen\">\n            <option value=\"0\">Spur 1<\/option>\n            <option value=\"1\">Spur 2<\/option>\n            <option value=\"2\">Spur 3<\/option>\n            <option value=\"3\">Spur 4<\/option>\n          <\/select>\n          <button type=\"button\" class=\"p4q-export-track-txt\" disabled>Spur TXT<\/button>\n          <button type=\"button\" class=\"p4q-export-track-csv\" disabled>Spur CSV<\/button>\n          <span class=\"p4q-sep\"><\/span>\n          <label class=\"p4q-label\">Import:<\/label>\n          <input type=\"file\" class=\"p4q-import-file\" accept=\".txt,.csv,text\/plain,text\/csv\" \/>\n          <label class=\"p4q-check\" title=\"Wenn aktiv, werden bestehende Notizen ersetzt\">\n            <input type=\"checkbox\" class=\"p4q-import-replace\" \/>\n            ersetzen\n          <\/label>\n          <button type=\"button\" class=\"p4q-import-do\" disabled>Importieren<\/button>\n          <span class=\"p4q-hint\">Shortcuts: <kbd>N<\/kbd> Notizen, <kbd>Leertaste<\/kbd> Play\/Pause, <kbd>1\u20134<\/kbd> Master, <kbd>S<\/kbd> Sync, <kbd>F<\/kbd> Vollbild, <kbd>Esc<\/kbd> schlie\u00dfen.<\/span>\n        <\/div>\n\n        <div class=\"p4q-notes-list\" aria-label=\"Notizliste\"><\/div>\n        <textarea class=\"p4q-export-text\" rows=\"6\" readonly aria-label=\"Export\"><\/textarea>\n        <div class=\"p4q-notes-status\" aria-live=\"polite\"><\/div>\n      <\/div>\n\n      <div class=\"p4q-status\" aria-live=\"polite\"><\/div>\n    <\/div>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"urbannoises","meta":{"footnotes":""},"class_list":["post-2451","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/medienarchiv.phwien.ac.at\/index.php\/wp-json\/wp\/v2\/pages\/2451","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/medienarchiv.phwien.ac.at\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/medienarchiv.phwien.ac.at\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/medienarchiv.phwien.ac.at\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/medienarchiv.phwien.ac.at\/index.php\/wp-json\/wp\/v2\/comments?post=2451"}],"version-history":[{"count":6,"href":"https:\/\/medienarchiv.phwien.ac.at\/index.php\/wp-json\/wp\/v2\/pages\/2451\/revisions"}],"predecessor-version":[{"id":2523,"href":"https:\/\/medienarchiv.phwien.ac.at\/index.php\/wp-json\/wp\/v2\/pages\/2451\/revisions\/2523"}],"wp:attachment":[{"href":"https:\/\/medienarchiv.phwien.ac.at\/index.php\/wp-json\/wp\/v2\/media?parent=2451"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}