Matthias Heyde / Fraunhofer FOKUS MÖGE DER SCREEN MIT DIR SEIN: SO SEHEN WIR IN ZUKUNFT FERN Dr. Stefan Arbanowski Director Competence Center Future Applications and Media Fraunhofer FOKUS Research Institute for Open Communications Systems
SO SEHEN WIR IN ZUKUNFT FERN Bigger Screens & Ultra High Definition Interactive apps & Smart TVs Over the top devices for the living room 2nd screen Interactive video (ads) App creation 360 video 4
SO SEHEN WIR IN ZUKUNFT FERN Bigger Screens & Ultra High Definition Interactive apps & Smart TVs Over the top devices for the living room 2nd screen Interactive video (ads) App creation 360 video 5
ZUKUNFT WE RE ALMOST THERE 6
DER TREND GEHT ZUM GROßEN BILDSCHIRM Anteil der Zollgrößen bei verkauften TV-Geräten 2009 2017 in Deutschland in Prozent 100% >49'' 80% 40'' 49'' 60% 40% 30'' 39'' 20% <30'' 0% 2009 2010 2011 2012 2013 2014 2015 2016 2017 Prognose; Quelle: IHS Technology
MEDIENWANDEL DURCH BILDSCHIRMBOOM Markt für smarte Bildschirmgeräte in Deutschland 2010 2015 (ohne PC-Monitore) Absatz in Mio. 50 40 35,4 8,0 30 43,3 44,1 7,1 5,7 21,6 22,6 45,8 47,3 5,4 5,5 23,6 24,6 7 von 10 verkauften smarten Screens sind Smartphones und Tablets. 20 10 0 15,9 2,0 5,2 8,0 8,7 9,1 9,5 9,4 7,8 8,1 8,1 2011 2012 2013 2014 2015 Notebooks Smartphones Tablet Computer Flat TV Quelle: GfK, EITO
CURRENT TV TRENDS 4k in Web&TV Content 9
CURRENT TV TRENDS 4k in Web&TV Content 10
CURRENT TV TRENDS 4k in Web&TV Content 11
CURRENT TV TRENDS 4k in Web&TV Content 12
CURRENT TV TRENDS UHD TV - Ultra High Definition Television 4.320 2.160 1.080 576 720 1.920 3.840 7.680 13
HUMAN CAPABILITIES The (theoretical) resolution of the human eye Min 30 Frames Per Second 7 Million Cones (Zapfen) For Color Perception Corresponds to 7 Mega-Pixel Ca. 3072 2304px 3K UHD 120 Million Rods (Stäbchen) For Gray Perception Corresponds to 120 Mega-Pixel Ca. 13.280 9.184 13K UHD 14
CURRENT TV TRENDS HFR / HFR 3D High Frame Rate Regular TV HFR HFR 3D 15
CURRENT TV TRENDS UHD Alliance 16
SO SEHEN WIR IN ZUKUNFT FERN Bigger Screens & Ultra High Definition Interactive apps & Smart TVs Over the top devices for the living room 2nd screen Interactive video (ads) App creation 360 video 17
HBBTV - STANDARD Broadcast-related vs. Broadcast-independent Source: http://www.netrange.com/ How to access HbbTV apps Broadcast-independent application not associated with any broadcast service downloaded via broadband and accesses all of its associated data via broadband Source: http://www.yozzo.com/ Broadcast-related application associated with one or more broadcast services or one or more broadcast events within a service may be launched automatically ("autostart") or explicitly upon user request. may be downloaded broadband or broadcast and may access its data via either 18 Fraunhofer FOKUS
HBBTV 2.0 - SPECIFICATION Broadcast & Audio/ Video Application Environment DRM & Adaptive Streaming, Conditional Access, Subtitles CE-HTML HTML5, CSS3 & DOM3 19
VIDEO: LIVE HBBTV SERVICE 20
VIDEO: LIVE HBBTV SERVICE 21
OLYMPIA 2014 LIVE STREAMS 22
SOCIAL MEDIA INTEGRATION 23
HBBTV APP SERVICES 24
HBBTV MARKET German market Over 10 Mio. HbbTV devices active Over 28% of households covered 77% Smart TV connection rate 97% SmartTVs with HbbTV Available over DVB-S DVB-C DVB-T Source: GfK Retail & Technology GmbH, 08/2014; 2014 August/ 2015 February IHS Electronics and Media gfu Online-Repräsentativ-Befragung, May 2014 HbbTV Tracking SevenOne Media, 09/2014 25 Fraunhofer FOKUS
SMARTTV PORTALS all mayor TV/STB manufacturers have something similar 26
VIDEO: IS24 APP 27
SO SEHEN WIR IN ZUKUNFT FERN Bigger Screens & Ultra High Definition Interactive apps & Smart TVs Over the top devices for the living room 2nd screen Interactive video (ads) App creation 360 video 28
*www.apple.com HOW TO MAKE YOUR TV SMART Apple TV 29
*www.amazon.com HOW TO MAKE YOUR TV SMART FireTV 30
*www.google.com HOW TO MAKE YOUR TV SMART Chromecast 31
HOW TO MAKE YOUR TV SMART Google Nexus Player *www.google.com 32
*www.microsoft.com HOW TO MAKE YOUR TV SMART Microsoft Wireless Display Adapter 33
*wwwsony.com HOW TO MAKE YOUR TV SMART Game Consoles 34
SIMPLE APP INTERACTION Speak to me 35
SO SEHEN WIR IN ZUKUNFT FERN Bigger Screens & Ultra High Definition Interactive apps & Smart TVs Over the top devices for the living room 2nd screen Interactive video (ads) App creation 360 video 36
SECOND SCREEN 37
MEDIA BROADCAST: HbbTV Portal multithek + 2nd screen remote control SECOND SCREEN EXTENSION 38
SECOND SCREEN 39
40
SO SEHEN WIR IN ZUKUNFT FERN Bigger Screens & Ultra High Definition Interactive apps & Smart TVs Over the top devices for the living room 2nd screen Interactive video (ads) App creation 360 video 41
INTERACTIVE VIDEO 42
43
SECOND SCREEN ADVERTISING 44
HBBTV ADVERTISING 45
46
SECOND SCREEN ADVERTISING 47
SO SEHEN WIR IN ZUKUNFT FERN Bigger Screens & Ultra High Definition Interactive apps & Smart TVs Over the top devices for the living room 2nd screen Interactive video (ads) App creation 360 video 48
HBB APPLICATION TOOLKIT 49
SO SEHEN WIR IN ZUKUNFT FERN Bigger Screens & Ultra High Definition Interactive apps & Smart TVs Over the top devices for the living room 2nd screen Interactive video (ads) App creation 360 video 50
VIDEO: IS24 APP 51
360 VIDEO 52
360 VIDEO 53
54
DER SCREEN WIRD IMMER MIT UNS SEIN ;-) Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke erschaffen, immer im Schatten meines großen Bruders»Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Denn esse est percipi - Sein ist wahrgenommen werden. Und weil Sie nun schon die Güte haben, mich ein paar weitere Sätze lang zu begleiten, möchte ich diese Gelegenheit nutzen, Ihnen nicht nur als Lückenfüller zu dienen, sondern auf etwas hinzuweisen, das es ebenso verdient wahrgenommen zu werden: Webstandards nämlich. Sehen Sie, Webstandards sind das Regelwerk, auf dem Webseiten aufbauen. So gibt es Regeln für HTML, CSS, JavaScript oder auch XML; Worte, die Sie vielleicht schon einmal von Ihrem Entwickler gehört haben. Diese Standards sorgen dafür, dass alle Beteiligten aus einer Webseite den größten Nutzen ziehen. Im Gegensatz zu früheren Webseiten müssen wir zum Beispiel nicht mehr zwei verschiedene Webseiten für den Internet Explorer und einen anderen Browser programmieren. Es reicht eine Seite, die - richtig angelegt - sowohl auf verschiedenen Browsern im Netz funktioniert, aber ebenso gut für den Ausdruck oder die Darstellung auf einem Handy geeignet ist. Wohlgemerkt: Eine Seite für alle Formate. Was für eine Erleichterung. Standards sparen Zeit bei den Entwicklungskosten und sorgen dafür, dass sich Webseiten später leichter pflegen lassen. Natürlich nur dann, wenn sich alle an diese Standards halten. Das gilt für Browser wie Firefox, Opera, Safari und den Internet Explorer ebenso wie für die Darstellung in Handys. Und was können Sie für Standards tun? Fordern Sie von Ihren Designern und Programmieren einfach standardkonforme Webseiten. Ihr Budget wird es Ihnen auf Dauer danken. Ebenso möchte ich Ihnen dafür danken, dass Sie mich bin zum Ende gelesen haben. Meine Mission ist erfüllt. Ich werde hier noch die Stellung halten, bis der geplante Text eintrifft. Ich wünsche Ihnen noch einen schönen Tag. Und arbeiten Sie nicht zuviel! Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke erschaffen, immer im Schatten meines großen Bruders»Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Denn esse est percipi - Sein ist wahrgenommen werden. Und weil Sie nun schon die Güte haben, mich ein paar weitere Sätze lang zu begleiten, möchte ich diese Gelegenheit nutzen, Ihnen nicht nur als Lückenfüller zu dienen, sondern auf etwas hinzuweisen, das es ebenso verdient wahrgenommen zu werden: Webstandards nämlich. Sehen Sie, Webstandards sind das Regelwerk, auf dem Webseiten aufbauen. So gibt es Regeln für HTML, CSS, JavaScript oder auch XML; Worte, die Sie vielleicht schon einmal von Ihrem Entwickler gehört haben. Diese Standards sorgen dafür, dass alle Beteiligten aus einer Webseite den größten Nutzen ziehen. Im Gegensatz zu früheren Webseiten müssen wir zum Beispiel nicht mehr zwei verschiedene Webseiten für den Internet Explorer und einen anderen Browser programmieren. Es reicht eine Seite, die - richtig angelegt - sowohl auf verschiedenen Browsern im Netz funktioniert, aber ebenso gut für den Ausdruck oder die Darstellung auf einem Handy geeignet ist. Wohlgemerkt: Eine Seite für alle Formate. Was für eine Erleichterung. Standards sparen Zeit bei den Entwicklungskosten und sorgen dafür, dass sich Webseiten später leichter pflegen lassen. Natürlich nur dann, wenn sich alle an diese Standards halten. Das gilt für Browser wie Firefox, Opera, Safari und den Internet Explorer ebenso wie für die Darstellung in Handys. Und was können Sie für Standards tun? Fordern Sie von Ihren Designern und Programmieren einfach standardkonforme Webseiten. Ihr Budget wird Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke erschaffen, immer im Schatten meines großen Bruders»Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Denn esse est percipi - Sein ist wahrgenommen werden. Und weil Sie nun schon die Güte haben, mich ein paar weitere Sätze lang zu begleiten, möchte ich diese Gelegenheit nutzen, Ihnen nicht nur als Lückenfüller zu dienen, sondern auf etwas hinzuweisen, das es ebenso verdient wahrgenommen zu werden: Webstandards nämlich. Sehen Sie, Webstandards sind das Regelwerk, auf dem Webseiten aufbauen. So gibt es Regeln für HTML, CSS, JavaScript oder auch XML; Worte, die Sie vielleicht schon einmal von Ihrem Entwickler gehört haben. Diese Standards sorgen dafür, dass alle Beteiligten aus einer Webseite den größten Nutzen ziehen. Im Gegensatz zu früheren Webseiten müssen wir zum Beispiel nicht mehr zwei verschiedene Webseiten für den Internet Explorer und einen anderen Browser programmieren. Es reicht eine Seite, die - richtig angelegt - sowohl auf verschiedenen Browsern im Netz funktioniert, aber ebenso gut für den Ausdruck oder die Darstellung auf einem Handy geeignet ist. Wohlgemerkt: Eine Seite für alle Formate. Was für eine Erleichterung. Standards sparen Zeit bei den Entwicklungskosten und sorgen dafür, dass sich Webseiten später leichter pflegen lassen. Natürlich nur dann, wenn sich alle an diese Standards halten. Das gilt für Browser wie Firefox, Opera, Safari und den Internet Explorer ebenso wie für die Darstellung in Handys. Und was können Sie für Standards tun? Fordern Sie von Ihren Designern und Programmieren einfach standardkonforme Webseiten. Ihr Budget wird es Ihnen auf Dauer danken. Ebenso möchte ich Ihnen dafür danken, dass Sie mich bin zum Ende gelesen haben. Meine Mission ist erfüllt. Ich werde hier noch die Stellung halten, bis der geplante Text eintrifft. Ich wünsche Ihnen noch einen schönen Tag. Und arbeiten Sie nicht zuviel! Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke erschaffen, immer im Schatten meines großen Bruders»Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Denn esse est percipi - Sein ist wahrgenommen werden. Und weil Sie nun schon die Güte haben, mich ein paar weitere Sätze lang zu begleiten, möchte ich diese Gelegenheit nutzen, Ihnen nicht nur als Lückenfüller zu dienen, sondern auf etwas hinzuweisen, das es ebenso verdient wahrgenommen zu werden: Webstandards nämlich. Sehen Sie, Webstandards sind das Regelwerk, auf dem Webseiten aufbauen. So gibt es Regeln für HTML, CSS, JavaScript oder auch XML; Worte, die Sie vielleicht schon einmal von Ihrem Entwickler gehört haben. Diese Standards sorgen dafür, dass alle Beteiligten aus einer Webseite den größten Nutzen ziehen. Im Gegensatz zu früheren Webseiten müssen wir zum Beispiel nicht mehr zwei verschiedene Webseiten für den Internet Explorer und einen anderen Browser programmieren. Es reicht eine Seite, die - richtig angelegt - sowohl auf verschiedenen Browsern im Netz funktioniert, aber ebenso gut für den Ausdruck oder die Darstellung auf einem Handy geeignet ist. Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke erschaffen, immer im Schatten meines großen Bruders»Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Denn esse est percipi - Sein ist wahrgenommen werden. Und weil Sie nun schon die Güte haben, mich ein paar weitere Sätze lang zu begleiten, möchte ich diese Gelegenheit nutzen, Ihnen nicht nur als Lückenfüller zu dienen, sondern auf etwas hinzuweisen, das es ebenso verdient wahrgenommen zu werden: Webstandards nämlich. Sehen Sie, Webstandards sind das Regelwerk, auf dem Webseiten aufbauen. So gibt es Regeln für HTML, CSS, JavaScript oder auch XML; Worte, die Sie vielleicht schon einmal von Ihrem Entwickler gehört haben. Diese Standards sorgen dafür, dass alle Beteiligten aus einer Webseite den größten Nutzen ziehen. Im Gegensatz zu früheren Webseiten müssen wir zum Beispiel nicht mehr zwei verschiedene Webseiten für den Internet Explorer und einen anderen Browser programmieren. Es reicht eine Seite, die - richtig angelegt - sowohl auf verschiedenen Browsern im Netz funktioniert, aber ebenso gut für den Ausdruck oder die Darstellung auf einem Handy geeignet ist. Wohlgemerkt: Eine Seite für alle Formate. Was für eine Erleichterung. Standards sparen Zeit bei den Entwicklungskosten und sorgen dafür, dass sich Webseiten später leichter pflegen lassen. Natürlich nur dann, wenn sich alle an diese Standards halten. Das gilt für Browser wie Firefox, Opera, Safari und den Internet Explorer ebenso wie für die Darstellung in Handys. Und was können Sie für Standards tun? Fordern Sie von Ihren Designern und Programmieren einfach standardkonforme Webseiten. Ihr Budget wird es Ihnen auf Dauer danken. Ebenso möchte ich Ihnen dafür danken, dass Sie mich bin zum Ende gelesen haben. Meine Mission ist erfüllt. Ich werde hier noch die Stellung halten, bis der geplante Text eintrifft. Ich wünsche Ihnen noch einen schönen Tag. Und arbeiten Sie nicht zuviel! Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke erschaffen, immer im Schatten meines großen Bruders»Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Denn esse est percipi - Sein ist wahrgenommen werden. Und weil Sie nun schon die Güte haben, mich ein paar weitere Sätze lang zu begleiten, möchte ich diese Gelegenheit nutzen, Ihnen nicht nur als Lückenfüller zu dienen, sondern auf etwas hinzuweisen, das es ebenso verdient wahrgenommen zu werden: Webstandards nämlich. Sehen Sie, Webstandards sind das Regelwerk, auf dem Webseiten aufbauen. So gibt es Regeln für HTML, CSS, JavaScript oder auch XML; Worte, die Sie vielleicht schon einmal von Ihrem Entwickler gehört haben. Diese Standards sorgen dafür, dass alle Beteiligten aus einer Webseite den größten Nutzen ziehen. Im Gegensatz zu früheren Webseiten müssen wir zum Beispiel nicht mehr zwei verschiedene Webseiten für den Internet Explorer und einen anderen Browser programmieren. Es reicht eine Seite, die - richtig angelegt - sowohl auf verschiedenen Browsern im Netz funktioniert, aber ebenso gut für den Ausdruck oder die Darstellung auf einem Handy geeignet ist. Wohlgemerkt: Eine Seite für alle Formate. Was für eine Erleichterung. Standards sparen Zeit bei den Entwicklungskosten und sorgen dafür, dass sich Webseiten später leichter pflegen lassen. Natürlich nur dann, wenn sich alle an diese Standards halten. Das gilt für Browser wie Firefox, Opera, Safari und den Internet Explorer ebenso wie für die Darstellung in Handys. Und was können Sie für Standards tun? Fordern Sie von Ihren Designern und Programmieren einfach standardkonforme Webseiten. Ihr Budget wird Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke erschaffen, immer im Schatten meines großen Bruders»Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Denn esse est percipi - Sein ist 55