Tag-Archive for » Video «

Sehen und Hören per Browser vom W3C geplant

By · 31. Oktober 2011

Zum Bereich Real Time Communication (RTC) zwischen Browsern gibt es jetzt einen neuen Entwurf des W3C. Danach sollen die Browser in Zukunft auf die Audio- und Video-Streams des Computers zugreifen und diese streamen können.

Das navigator-Objekt soll um die getUserMedia-Methode erweitert werden. Beim Aufruf fragt diese nach der Erlaubnis des Benutzers, die Webcam oder das Mikrofon benutzen zu dürfen. Bei einer positiven Antwort erhält die aufrufende Instanz einen Handler vom MediaStream-Objekttyp.

Es sollen dabei mehrere Kanäle verwaltet werden können. Der Entwurf enthält auch das Objekt peerConnection, mit dem zwei Browser direkt zu einem Videotelefonat verknüpft werden können. Die verwendbaren Formate sind allerdings noch nicht konkret aufgeführt.

Category: Allgemein, HTML  Tags: , , , , , , , ,  Leave a Comment

HTML 5: Optimales Einbinden von Videos in HTML 5

By · 5. Mai 2011

Wenn ein Video auf Ihrer HTML 5-Website möglichst in allen Browsern, die HTML 5 unterstützen, ablaufen soll, brauchen Sie die Video-Datei in drei verschiedenen Formaten: MPEG4, OGV und WEBM. Zur Umwandlung Ihres Videos in die entsprechenden Formate können Sie Freeware-Tools wie zum Beispiel  XMedia Recode verwenden.

Die Einbindung des Videos in die Internetseite wird mit dem <video> – Tag realisiert:

<video preload controls width=300 height=177 poster= suleitec.jpg>
<source src=suleitec.mp4 type=’video/mp4; codecs=”avc1.42E01E, mp4a.40.2″‘>
<source src= suleitec.ogv type=’video/ogg; codecs=”theora, vorbis”‘>
<source src= suleitec.webm type=’video/webm; codecs=”vp8, vorbis”‘>
Leider kann Ihr Browser das Video nicht zeigen.
</video>

Mit der preload-Option wird die Videodatei vorgeladen und die controls-Option sorgt für die Darstellung der Steuerelemente (Start, Pause, Stopp usw.). Mit der poster-Option kann man ein Vorschaubild des Videos anzeigen.

Category: Allgemein  Tags: , , , ,  Leave a Comment

HTML 5: Web-Video ohne Plugins

By · 19. Juli 2010

HTML 5 bringt natürlich mehr als nur semantische Tags. Eines der neuen Features ist das <video> – Tag. Damit können endlich Audio- und Videoclips auf Webseiten angeboten werden, die der Besucher ohne irgendein Plugin abspielen kann.

Web-Video mit HTML 5 ist wirklich sehr einfach einsetzbar. Mit <video src=“meinvideo.mp4“ controls> ist der bewegte Inhalt schon abrufbar. Mit einem Startbild, das man gene benutzt, wenn der Inhalt von einem anderen Server kommt, sieht es dann so aus:

<video width = “640“ height = “480“ src = http://www.meinserver.de/pfad/meinvideo.mp4“ autobuffer controls poster = meinstartbild.png”>

Das Microsoft mit HTML 5 am weitesten zurück liegt, verwundert eigentlich niemanden. Selbst der aktuelle Browser Internet Explorer 8 kann HTML 5 – Elemente nativ nicht unterstützen. Aber es gibt Möglichkeiten, auch dem Microsoft-Browser das neue HTML beizubringen. Damit Sie wissen, bei welchen Plattformen man beim Einsatz von Webvideos mit HTML 5 eventuell nacharbeiten muss, haben wir hier eine kurze Übersicht der wichtigsten Browser bezüglich ihrer Fähigkeit, mit dem <video> – Tag umgehen zu können:

+ Google Chrome
+ Firefox 3.5
+ Safari 3
+ Opera 10.5
- Internet Explorer 7
- Internet Explorer 8

Category: Allgemein  Tags: , ,  Leave a Comment