{"id":144026,"date":"2019-07-17T16:10:12","date_gmt":"2019-07-17T14:10:12","guid":{"rendered":"https:\/\/www.iphone-ticker.de\/?p=144026"},"modified":"2019-07-17T16:13:31","modified_gmt":"2019-07-17T14:13:31","slug":"neu-in-ios-13-link-vorschau-spielt-auch-musik","status":"publish","type":"post","link":"https:\/\/www.iphone-ticker.de\/neu-in-ios-13-link-vorschau-spielt-auch-musik-144026\/","title":{"rendered":"Neu in iOS 13: Link-Vorschau spielt auch Musik"},"content":{"rendered":"<p>Unter iOS 13 k\u00f6nnen \u00fcber die Nachrichten-App geteilte Links nicht nur Bilder, Videos und Icons der jeweiligen Webseite darstellen auf die sie verweisen, das neue Betriebssystem sieht auch die Anzeige eines Play\/Pause-Knopfes vor, der auf verf\u00fcgbare Audio-Inhalte aufmerksam macht, die sich direkt in der Nachrichten-App abspielen lassen.<\/p>\n<p><a href=\"https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2019\/07\/nachrichten-audio-ios-13.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-144027\" src=\"https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2019\/07\/nachrichten-audio-ios-13.gif\" alt=\"Nachrichten Audio Ios 13\" width=\"500\" height=\"371\" \/><\/a><\/p>\n<p>Solltet ihr Zugriff auf eine aktuelle Betaversion haben, dann k\u00f6nnt ihr diese Anzeige selbst erleben, indem ihr etwa den Link zu einem Spotify-Song teilt.<\/p>\n<p>Wer wissen will, wie genau sich die neue Funktion auch in die private Webseite bzw. in die Seite der eigenen Band integrieren l\u00e4sst, sucht in Apples Entwickler-Dokumentation erst mal vergeblich.<br \/>\nZwar finden sich an mehreren Stellen Verweise auf die &#8222;Link Preview&#8220; und die Erstellung der sogenannten &#8222;Rich Links&#8220; &#8211; viele Hinweise sind jedoch veraltet oder nur in Videoform verf\u00fcgbar<\/p>\n<p>Insofern mussten wir selbst probieren was genau die Nachrichten-Applikation unter iOS 13 zur Anzeige des Audio-Buttons \u00fcberredet.<\/p>\n<h2>og:audio wird ausgewertet<\/h2>\n<p>Apple ber\u00fccksichtigt nun auch das <a href=\"http:\/\/ogp.me\/\">Open Graph<\/a>-Tag &#8222;og:audio&#8220;. Hat der Webseiten-Betreiber, auf dessen URL der geteilte Link verweist, im Quelltext den &#8222;og:audio&#8220;-Tag und eine Audiodatei angegeben, wird diese in der Link-Vorschau dargestellt. Folgender Meta-Tag reicht bereits aus.<\/p>\n<p><code>&lt;meta property=\"og:audio\" content=\"https:\/\/example.com\/audio.mp3\"&gt;<\/code><\/p>\n<p>Gleiches gilt mit &#8222;og:image&#8220; und &#8222;og:video&#8220; schon seit einer ganzen Weile auch f\u00fcr Grafiken und Video.<\/p>\n<h2>Zum Reinlesen:<\/h2>\n<ul>\n<li><a href=\"https:\/\/developer.apple.com\/documentation\/businesschatapi\/messages_sent\/sending_rich_link_messages?language=data\">Sending Rich Link Messages<\/a><\/li>\n<li><a href=\"https:\/\/developer.apple.com\/library\/archive\/technotes\/tn2444\/_index.html#\/\/apple_ref\/doc\/uid\/DTS40017677-CH1-ENABLING_LINK_PREVIEWS\">Best Practices for Link Previews in Messages<\/a><\/li>\n<li><a href=\"https:\/\/developer.apple.com\/videos\/play\/tech-talks\/205\">Techtalk-Video: Ensuring Beautiful Rich Links<\/a><\/li>\n<li><a href=\"https:\/\/developer.apple.com\/videos\/play\/wwdc2019\/262\/\">WWDC-Video: Embedding and Sharing Visually Rich Links<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<a href=\"https:\/\/www.iphone-ticker.de\/neu-in-ios-13-link-vorschau-spielt-auch-musik-144026\/\"><img width=\"150\" height=\"150\" src=\"https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2019\/07\/mp3-vorschau-ios-13-150x150.jpg\" class=\"alignright tfe wp-post-image\" alt=\"Mp3 Vorschau Ios 13\" decoding=\"async\" loading=\"lazy\" \/><\/a><p>Unter iOS 13 k\u00f6nnen \u00fcber die Nachrichten-App geteilte Links nicht nur Bilder, Videos und Icons der jeweiligen Webseite darstellen auf die sie verweisen, das neue Betriebssystem sieht auch die Anzeige eines Play\/Pause-Knopfes vor, der auf verf\u00fcgbare Audio-Inhalte aufmerksam macht, die sich direkt in der Nachrichten-App abspielen lassen. Solltet ihr Zugriff auf eine aktuelle Betaversion haben, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":144028,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[39],"tags":[4596,509,4733],"class_list":["post-144026","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-apps","tag-ios-13","tag-nachrichten","tag-neu-in-ios-13"],"aioseo_notices":[],"featured_image":["https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2019\/07\/mp3-vorschau-ios-13.jpg"],"subheadline":["og:audio wird ausgewertet"],"rest_api_enabler":{"featured_image":"https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2019\/07\/mp3-vorschau-ios-13.jpg","subheadline":"og:audio wird ausgewertet"},"_links":{"self":[{"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/posts\/144026","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/comments?post=144026"}],"version-history":[{"count":3,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/posts\/144026\/revisions"}],"predecessor-version":[{"id":144031,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/posts\/144026\/revisions\/144031"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/media\/144028"}],"wp:attachment":[{"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/media?parent=144026"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/categories?post=144026"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/tags?post=144026"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}