Getdesigned bietet Video im Web
Posted by Matthias Redl | Filed under Video im Web
Videos sind aus dem Web nicht mehr wegzudenken, seit Youtube weiß jeder, dass man qualitativ hochwertige Videos effektiv im Web transportieren kann. Doch worauf kommt es an, welche Formate gibt es? Wie kriegt man echtes Streaming? Was braucht man zum Konvertieren? Wie kann man Videos in seiner Website anzeigen. Getdesigned steht Ihnen als Partner für Video Lösungen gerne zu Verfügung. Vorab schon ein paar Ideen in diesem Artikel.
Was ist eigentlich ein Codec?
Die Vielzahl an Audio und Video Formaten, die es für Computer gibt, haben die meisten aktiveren Computerbenutzer schon allein dadurch schmerzlich kennengelernt, dass man ein Video anschauen möchte, einem aber der passende Codec fehlt.
Doch was ist eigentlich ein Codec? Als Codec wird ein Verfahren bezeichnet, dass Audio und Video Informationen in einem digitalen Format speichert. Zur Wiedergabe eines Videos in einem bestimmten Format benötigt man daher den richtigen Codec. Bekannte Codecs sind z.B. MPEG (1,2, 3 & 4) oder DivX.
Zur Wiedergabe eines Videos wird also ein Codec benötigt. Will man Videos im Internet übertragen, sollte man daher einen Codec benutzen, den möglichst viele Benutzer auf Ihrem Computer installiert haben, damit sie nicht erst einen Codec installieren müssen, um das Video ansehen zu können.
Welcher Codec ist für Video im Web empfehlenswert?
Die derzeit beste Lösung, Videos im Web darzustellen, ist der Einsatz eines Flash Players in Kombination mit Videos im .flv (Flash Video) oder .mp4 (MPEG Layer 4) Format. Flash ist auf 99% aller Computer weltweit installiert und bringt die Unterstützung für diese Video Format von Haus aus mit. Ergo können 99% aller Computer diese Videos auch darstellen.
An dieser Stelle erwähnt gehört auch die Tatsache, dass der nächste HTML Standard “HTML5” eine eigene Video Unterstützung mitbringt. Diese Unterstützung ist viel versprechend, allerdings raten wir derzeit noch von einer Nutzung ab, da die Verbreitung noch nicht ausreichend ist.
Echtes Streaming vs. Standard HTTP Übertragung
Was macht eigentlich Streaming Videos besser als ein simples Videofile, das man per HTTP von der Website herunterlädt? Grundsätzlich bedeutet Streaming Video einmal in erster Linie, dass das Video schon während des Herunterladens angesehen werden kann. Das Video startet, sobald die ersten paar Sekunden heruntergeladen sind. Wichtig dafür ist nur, dass das Video schneller herunterlädt, als es angesehen wird. Sonst hat man Aussetzer und Unterbrechungen.
Und genau darum geht es bei der Bandbreiten Anpassung von Streaming Videos. Hier entscheiden Client und Server gemeinsam, in welcher Qualität das Video angezeigt wird. Diese wird dynamisch an die Geschwindigkeit des Internetzugangs des Benutzers angepasst.
Last but not least bietet echtes Streaming die Möglichkeit, im Video vor und zurückzuspulen, auch wenn die jeweilige Stelle im Video noch nicht heruntergeladen worden ist. In diesem Fall übermittelt der Browser dem Server die gewünschte Stelle im Video (per Timecode) und der Server beginnt, das Video ab dieser Stelle auszuliefern.
Wie erzeugt man ein Flash Video?
Flash Videos zu erzeugen ist auf viele Arten möglich. Alle neueren Schnitt- und Konvertierungsprogramme beherrschen das FLV Format und können Videos in diesem Format speichern. Dies erfordert allerdings immer menschliches Mitwirken. Will man das automatisieren, greift man am Besten zu einer Skriptlösung (so wie Getdesigned sie liefern kann). Dabei werden Videos nahezu jedes beliebigen Formats automatisch in Flash Video konvertiert und man kann auch noch automatisch kleine Thumbnails (Voransichten) des Videos erzeugen.
Und was muss der Server können?
Für Standard Anwendungen benötigt man einen Standard HTTP Server, der ggf. mit einer kleinen Erweiterung versehen ist, um Streaming Videos ausliefern zu können. Diese Erweiterungen existieren für Apache und LightHTTPd, der neue Platzhirsch “Nginx” beherscht das schon von Haus aus.
Sollten die Zugriffe einmal so stark ansteigen, dass der Server in die Knie gezwungen wird, weil er mit dem Ausliefern der Videos nicht mehr nachkommt, dann wird es Zeit für Loadbalancing und/oder ein Content Delivery Network. Aber das übersteigt den Umfang dieses Artikels.
Wenn Sie auf den Geschmack gekommen sind, und auch ins Web Video Zeitalter einsteigen möchten kontaktieren Sie uns. Wir liefern Ihnen die Gesamtlösung oder beraten Sie gerne.
Tags: audio format, codec, flash, flash video, flv, html5, mpeg, streaming, video, video format
Mobile Websites für Smartphones
Posted by Manfred Forster | Filed under Mobile Websites
Die Nutzung von Smartphones nimmt immer stärker zu. Laut neuesten Studien verfügt bereits jeder dritte österreichische Handy-Kunde über ein Smartphone. Tendenz stark steigend.
Um eine Website auch für die mobile Anwendung nutzbar zu machen, bedarf es neben der richtigen Inhaltsaufbereitung vor allem auch hinsichtlich Usability, Navigationsstruktur und Layout wichtige Punkte zu beachten.
Usability:
Der Browser eines Smartphones oder Handys ist anders zu bedienen als ein Standard Webbrowser. Scrollen mit Hilfe eines Mouserads ist nicht möglich, lediglich eine kleine Taste des Handys/Smartphones steht zur Verfügung – der Fokus beim Scrollen bewegt sich dabei von Link zu Link. An ein horizontales Scrollen, das auch schon bei Webbrowsern nur in Ausnahmefällen eingesetzt werden sollte, ist in der mobilen Variante nicht zu denken. So bleibt nur noch das vertikale Scrollen.
Daher werden mobile Seiten nur 1-spaltig aufgebaut, sind schmal in der Darstellung und werden als Konsequenz daraus sehr lange. Um ein einfaches Navigieren zu ermöglichen, sind die wichtigsten Links wie z.B. die Navigation auch direkt über die Zahlentasten des mobilen Gerätes abrufbar.
Navigationsstruktur:
Prinzipiell gilt für mobile Seiten “weniger ist mehr”. Aufgrund der eingeschränkten Größe der Displays, steht nicht viel Platz zur Inhalts- bzw. Navigationsdarstellung zur Verfügung. So ist zu empfehlen, die Navigation auf die wesentlichen Punkte einer Seite zu reduzieren – wie z.B. Startseite, Sitemap, Suche und Kontakt – und diese sowohl am Anfang und am Ende der jeweiligen Seite zu platzieren.
Layout:
Da in der mobilen Variante nur eine Spalte zur Verfügung steht, deren Breite nicht genau definierbar ist, orientiert sich das Layout in der Vertikale. Elemente werden untereinander angeordnet, die Struktur muss einen Zeilenumbruch zulassen.
Gestalterisch ist auch aufgrund der teilweise noch langsamen Verbindungs-Geschwindigkeiten wieder Zurückhaltung angebracht. Bei der Gestaltung mobiler Websites geht es um eine klare Strukturierung der Inhalte, kurze Ladezeiten und einfache Lesbarkeit.
Tags: Handy, Mobile Variante, Mobile Website, Smartphone, Usability
Posted by Manfred Forster | Filed under Social Media
Facebook ist in aller Munde und das Interesse an Social Media bzw. Social Networks ist groß. Facebook bietet eine Vielzahl an Funktionen und Möglichkeiten, das eigene Unternehmen in einer Social Community zu präsentieren und somit neue Zielgruppen anzusprechen und mit bestehenden in Kontakt zu bleiben. Die Nutzung der Plattform ist einfach, doch welche Anwendung innerhalb des Netzwerkes ist die richtige: Fanseite oder doch die eigene Applikation?
Fanseiten sind eigens eingerichtete Profile auf Facebook, welche zu einem bestimmten Thema, einer Aktion oder einem Produkt gegründet und von Usern, die Interesse an dem Thema haben, genutzt werden. Diese Seiten sind meist reine Informationslieferanten und bieten meist wenig Möglichkeiten zur aktiven Einbindung des Users.
Eine Alternative zu den Fansites sind Applikationen, auch Apps genannt, die im Wesentlichen Fanseiten entsprechen, aber wesentlich mehr Möglichkeiten bieten. Beliebte Anwendungen sind beispielsweise Spiele, Tests, Abstimmungen oder auch Veranstaltungstipps etc.
Eine Applikation kann beinahe jede Form haben, mittlerweile gibt es bereits mehr als 100.000 auf Facebook. Das Facebook Rahmenlayout ist vorgegeben, die Inhalte sind jedoch frei gestaltbar. Der Social Media Auftritt eines Unternehmens beispielsweise kann somit komplett auf dessen Corporate Identity abgestimmt werden. Die freie Gestaltungsmöglichkeit der Inhalte hat aber einen weiteren entscheidenden Vorteil: Es kann auch auf Daten außerhalb der Facebook-Welt zugegriffen werden – ein echter Dialog mit dem Kunden kann dadurch stattfinden. Jede sonst nur am eigenen Server mögliche Interaktion kann nun auch innerhalb von Facebook stattfinden.
Getdesigned unterstützt seine Kunden bei der Konzipierung der passenden Facebook Lösung, der Einrichtung und Betreuung von Fansites oder der Entwicklung von Facebook Applikationen.
Tags: Facebook, Facebook Applikation, Fanseite, Fansite, Profil, Social Community, Social Media, Social Networks
Augmented Reality
Posted by Manfred Forster | Filed under Augmented Reality
Stellen Sie sich vor die Realität wird erweitert. Dies ist mit dem bloßen Auge jedoch nicht sichtbar.
Bis vor kurzem noch Zukunftsmusik, ist es heute schon mithilfe von mobilen Endgeräten wie z.B. dem iPhone oder Android Handys im Alltag einsetzbar und damit auch interessant für die kommerzielle Nutzung.
Der Grundgedanke und die Anwendung sind im Allgemeinen nicht neu, jedoch erst durch die zunehmende Verbreitung von modernen Handys und der entsprechenden Software einfach und unkompliziert einsetzbar.
Als Anwendung kommt hierbei Layar (http://www.layar.com) ins Spiel. Layar im Allgemeinen ist eine Geo-Applikation für mobile Endgeräte und funktioniert wie eine Art „Handy-Browser“. Es vereint Realität (wird über die Handykamera angezeigt) und Web-Informationen. Über das angezeigte Bild können beliebige, standortabhängige Informationen eingeblendet werden. Dies können Zusatzinformationen zum Standort (z.B. touristische Informationen zu Sehenswürdigkeiten), Informationen aus der Umgebung (z.B. welche Sehenswürdigkeiten gibt es in meiner unmittelbaren Umgebung) oder auch gezielt gesetzte Informationen (z.B. Gewinncodes, Werbung) sein.
Für weitere Informationen zu einer eigenen, personalisierten Layer – eine gebrandete mit eigenen Informationen versehene Ebene, die im Display des Benutzers angezeigt wird – steht das Team von Getdesigned gerne zur Verfügung.
Tags: Android, Augmented Reality, Erweiterte Realität, Geo, GPS, Handy, iPhone, Layar
