{"id":204078,"date":"2023-02-10T20:46:56","date_gmt":"2023-02-10T19:46:56","guid":{"rendered":"https:\/\/www.ifun.de\/?p=204078"},"modified":"2023-02-10T20:46:56","modified_gmt":"2023-02-10T19:46:56","slug":"google-chrome-testet-bild-in-bild-fuer-html-inhalte","status":"publish","type":"post","link":"https:\/\/www.ifun.de\/google-chrome-testet-bild-in-bild-fuer-html-inhalte-204078\/","title":{"rendered":"Google Chrome testet &#8222;Bild in Bild&#8220; f\u00fcr HTML-Inhalte"},"content":{"rendered":"<p>Mit der neu verf\u00fcgbaren <a href=\"https:\/\/developer.chrome.com\/en\/blog\/chrome-111-beta\/\">Vorabversion von Chrome 111<\/a> testet Google eine interessante Funktionserweiterung. W\u00e4hrend die <a href=\"https:\/\/developer.chrome.com\/docs\/web-platform\/document-picture-in-picture\/\">Bild-in-Bild-Funktion<\/a> bislang stets mit der Wiederabe von Videos verkn\u00fcpft war, l\u00e4sst sich das Extrafenster fortan mit beliebigen HTML-Inhalten f\u00fcllen.<\/p>\n<p>In der Folge lassen sich auch Fenster mit beliebigen Webinhalten als \u201eBild in Bild\u201c \u00fcber den restlichen Fenstern schwebend dauerhaft einblenden. Beispielhaft f\u00fcr die Verwendung w\u00e4re beispielsweise eine Webanwendung, die man als Nutzer dauerhaft im Blick haben will. Google nimmt hier die Pomodoro-Web-App <a href=\"https:\/\/lazy-guy.github.io\/tomodoro\/index.html\" title=\"Tomodoro\">Tomodoro<\/a> als Beispiel, die dann in einem separaten Fenster im Sichtfeld des Nutzers bleibt.<\/p>\n<p><a href=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2023\/02\/chrome-bild-in-bild-html-fenster.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2023\/02\/chrome-bild-in-bild-html-fenster-700x476.jpg\" alt=\"Chrome Bild In Bild Html Fenster\" width=\"700\" height=\"476\" class=\"alignnone size-large wp-image-204079\" srcset=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2023\/02\/chrome-bild-in-bild-html-fenster-700x476.jpg 700w, https:\/\/images.ifun.de\/wp-content\/uploads\/2023\/02\/chrome-bild-in-bild-html-fenster-500x340.jpg 500w, https:\/\/images.ifun.de\/wp-content\/uploads\/2023\/02\/chrome-bild-in-bild-html-fenster-768x522.jpg 768w, https:\/\/images.ifun.de\/wp-content\/uploads\/2023\/02\/chrome-bild-in-bild-html-fenster.jpg 1400w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>Die Grundregeln f\u00fcr das klassische Bild-in-Bild-Fenster bleiben dabei erhalten. So bleibt weiterhin die Abh\u00e4ngigkeit von dem das kleine Fenster \u00f6ffnenden Hauptfenster. Zudem bietet das schwebende Fenster keine Navigationsm\u00f6glichkeiten und kann auch keine weiteren Fenster \u00f6ffnen.<\/p>\n<p>Google dokumentiert den neuen Ansatz <a href=\"https:\/\/developer.chrome.com\/docs\/web-platform\/document-picture-in-picture\/\">hier ausf\u00fchrlich<\/a>. Laut aktuellem Stand ist geplant, die Funktion mit Version 115 f\u00fcr alle Nutzer freizuschalten. Aktuell liegt die offizielle Version von Google Chrome bei <a href=\"https:\/\/www.ifun.de\/filmic-chrome-und-volksbank-app-mit-grossen-updates-203847\/\">110<\/a>. <\/p>\n","protected":false},"excerpt":{"rendered":"<a href=\"https:\/\/www.ifun.de\/google-chrome-testet-bild-in-bild-fuer-html-inhalte-204078\/\"><img width=\"150\" height=\"150\" src=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2023\/02\/google-chrome-feature-150x150.jpg\" class=\"alignright tfe wp-post-image\" alt=\"Google Chrome Feature\" decoding=\"async\" loading=\"lazy\" \/><\/a><p>Mit der neu verf\u00fcgbaren Vorabversion von Chrome 111 testet Google eine interessante Funktionserweiterung. W\u00e4hrend die Bild-in-Bild-Funktion bislang stets mit der Wiederabe von Videos verkn\u00fcpft war, l\u00e4sst sich das Extrafenster fortan mit beliebigen HTML-Inhalten f\u00fcllen. In der Folge lassen sich auch Fenster mit beliebigen Webinhalten als \u201eBild in Bild\u201c \u00fcber den restlichen Fenstern schwebend dauerhaft einblenden. [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":204080,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[5],"tags":[1273],"class_list":["post-204078","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-apps","tag-chrome"],"acf":[],"aioseo_notices":[],"subheadline":["Schwebende Web-Apps"],"featured_image":["https:\/\/images.ifun.de\/wp-content\/uploads\/2023\/02\/google-chrome-feature.jpg"],"rest_api_enabler":{"subheadline":"Schwebende Web-Apps","featured_image":"https:\/\/images.ifun.de\/wp-content\/uploads\/2023\/02\/google-chrome-feature.jpg"},"_links":{"self":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts\/204078","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/comments?post=204078"}],"version-history":[{"count":1,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts\/204078\/revisions"}],"predecessor-version":[{"id":204081,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts\/204078\/revisions\/204081"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/media\/204080"}],"wp:attachment":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/media?parent=204078"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/categories?post=204078"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/tags?post=204078"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}