HTML 5

Facebook Twitter

WebRTC (Real Time Communication)

Video for Everybody! Video for Everybody is simply a chunk of HTML code that embeds a video into a website using the HTML5 <video> element, falling back to Flash automatically without the use of JavaScript or browser-sniffing.

Video for Everybody!

It therefore works in RSS readers (no JavaScript), on the iPhone / iPad (don’t support Flash) and on many browsers and platforms. Thanks to the rapid adoption of HTML5 video happening right now, Video for Everybody isn’t the only solution around. It is not a neatly packaged, fully-featured solution for those unfamiliar with HTML. Video for Everybody! Video for Everybody is simply a chunk of HTML code that embeds a video into a website using the HTML5 <video> element, falling back to Flash automatically without the use of JavaScript or browser-sniffing.

Video for Everybody!

It therefore works in RSS readers (no JavaScript), on the iPhone / iPad (don’t support Flash) and on many browsers and platforms. Thanks to the rapid adoption of HTML5 video happening right now, Video for Everybody isn’t the only solution around. Retour sur le DRM dans HTML5 - Le point de vue de Robin du W3C. Il y a quelque temps, je pestais contre le W3C et le fameux DRM d'HTML5, et j'ai eu le plaisir d'avoir un bon retour de Robin Berjon qui participe activement au W3C.

Retour sur le DRM dans HTML5 - Le point de vue de Robin du W3C

Vous allez voir que son son de cloche est très différemment de ce qu'on a pu lire sur les sites spécialisés et que j'ai relayé ici même. D'après Robin, il est totalement faux que le W3C tient des discussions secrètes sur le DRM dans HTML5 puisque tout est public ici même ainsi que les discussions générales ici. Dans les deux cas, ce sont des listes entièrement publiques, tant en lecture qu'en écriture. Tout le monde peut venir participer. Il arrive que certaines personnes soient bannies, mais il faut vraiment chercher (et c'est seulement après avertissement).

Working Projets (with WebRTC)

Input / accept. WebRTC Copy « Korben Korben. WebRTC Copy Si vous vous intéressez un peu au WebRTC (Real Time Communication) et que vous avez besoin de transférer des fichiers à un ami, même des gros trucs, allez jeter un oeil sur WebRTC Copy.

WebRTC Copy « Korben Korben

Il s'agit d'un petit proof of concept qui vous permettra d'ouvrir une "room" à laquelle pourront se connecter vos amis et avec lesquels vous pourrez échanger des messages et des fichiers directement en P2P, c'est à dire sans passer par un serveur centralisé. WebRTC Copy. WebRTC getUserMedia and WebSockets (XSockets) Just recently I posted a video showing how you can access local devices that can generate a multimedia stream .

WebRTC getUserMedia and WebSockets (XSockets)

In my example I access the Webcam just using the WebRTC JavaScript API – getUserMedia. It’s an early experiment that uses a nightly build of Opera ( 12.00 lab) which is the only (correct me if I’m wrong ) browser giving us the chance to experiment with the API today? Camera and Video Control with HTML5. Client-side APIs on mobile and desktop devices are quickly providing the same APIs.

Camera and Video Control with HTML5

Of course our mobile devices got access to some of these APIs first, but those APIs are slowly making their way to the desktop. One of those APIs is the getUserMedia API, providing developers access to the user's camera. Let me show you how to get simple camera access from within your browser! The HTML. Media Capture and Streams. 4.

Media Capture and Streams

MediaStream API 4.1 Introduction. WebRTC.

GetUserMedia/Stream API

Video recording included. Stream video. WebCam en stream. Var pos = 0; var ctx = null; var cam = null; var image = null;

WebCam en stream

Stream-m - A HTML5 compatible WebM live streaming server. Stream.m is created to be an open source solution for streaming live video right into the web browser using the HTML5 video tag and Google's WebM video format.

stream-m - A HTML5 compatible WebM live streaming server

The current version is a working prototype, which showcases the main ideas. The main design goal is low resource usage. Has a web interface with a realtime bandwidth monitor (with the resolution of 1/10 of a second) for spotting network congestion. Also supports simultaneous streams (channels). Stream a webcam using Javascript, NodeJS, Android, Opera Mobile, Web Sockets and HTML5 | Francis Shanahan[.com] 01.h1 02.

Stream a webcam using Javascript, NodeJS, Android, Opera Mobile, Web Sockets and HTML5 | Francis Shanahan[.com]

Remote Webcam using NodeJS, Opera, Web Sockets and HTML5/Canvas. GetUserMedia/Stream API.

Tmp_alex_stream Video

Tuto / intro / tips. HTML5: The Technology Changing the Web. Scribd maintenant en HTML5. Les services de partage de documents comme Scribd ou Slideshare, qui permettent de publier et partager facilement des présentations commerciales, livres blancs ou transcripts de conférences souffraient d’une tare originelle : ils utilisaient le format Flash pour l’intégration dans une page web, un peu à la manière d’un YouTube. Les services de partage de documents comme Scribd ou Slideshare, qui permettent de publier et partager facilement des présentations commerciales, livres blancs ou transcripts de conférences souffraient d’une tare originelle : ils utilisaient le format Flash pour l’intégration dans une page web, un peu à la manière d’un YouTube.

Et le format Flash n’étant pas compatible avec les mobiles ni les tablettes (à part Android 2.2 et plus, je le répète à chaque fois car sinon on me fait systématiquement la remarque), l’énorme base documentaire proposée par ces sites n’était accessible que sur un PC de bureau. Ce qui est un peu ballot à l’heure du web mobile et de l’iPad.

Bridge other techno

Mobile (Html5) Validation / Check. Mobile Phone Cross Dev. Perf. (Html5) Tools & Editor. Dossier - Où en est le HTML5 ? Petite histoire et promesses d'une évolution majeure du Web Dossier HTML5 - Plus de 10 ans après la publication de la norme HTML4, son successeur HTML5 promet de révolutionner notre usage du Web. Rétrospective et tour des attentes avec Tristan Nitot, président de Mozilla Europe et Daniel Glazman, cochairman du groupe de travail CSS au W3C.Lire l'article (volet 1) Une nouvelle porte pour les applications riches sur le Web Dossier HTML5 - Recours moindre aux images, affichage uniforme sur tous les navigateurs, applications riches (RIA) sans plugins tiers...

HTML5 promet beaucoup aux développeurs, mais l’attente n’est peut-être pas là où on l’imagine.Lire l'article (volet 2) HTML5 pourra-t-il tenir ses promesses ? (volet 5) VOLET 5 - Les attentes autour de HTML5 sont nombreuses. Reprise en main du Web par des standards libres (face aux solutions propriétaires), support uniforme de la vidéo sur toutes les plates-formes, montée de la sémantique... la liste est longue. Malgré le soutien de nombreux acteurs de poids (Google, Apple, Mozilla...), le nouveau standard a des chances de ne pas tenir toutes ses promesses. Introduction au HTML 5. Si vous le souhaitez, allez lire le tutoriel complet sur le HTML 5 et le CSS 3 que j’ai écrit. Le HTML 5 est la prochaine version importante du HTML. Bien qu’étant en compétition avec le XHTML 2, le HTML 5 fait davantage parler de lui parce qu’étant plus facilement implémentable et plus pragmatique dans l’utilisation des nouvelles balises qu’il introduit.

Quoi de neuf chez les balises ? Who Needs Flash? In just months, from seemingly nowhere, Apple’s solo campaign to dethrone Flash as the de facto standard for web video has gathered enough momentum to get over the top. The question is no longer whether HTML5 will or should do the job, but when. Last week signaled the tipping point, when Microsoft confirmed HTML5 video support would be included in the next version of Internet Explorer, which is due later this year. That move will swing the percentage of browsers supporting the nascent standard well above half, and will rapidly accelerate adoption by publishers, despite lingering technical and legal issues.

HTML5 se dévoile - Alsacréations.

ExamplesHTML5

HTML5 Canvas and Audio Experiment. HTML 5 code Example. The trials and tribulations of HTML video in the post-Flash era. How Browsers Work: Behind the Scenes of Modern Web Browsers. 15 Useful Resources to Get Clued Up on HTML5. HTML 5 + CSS 3 = une révolution pour les interfaces web. Un navigateur en HTML5 est capable de faire tourner Quake - Gizm.

HTML 5 Implementation Browser. Swiffy – Convertissez vos flash en animation HTML5. Gallery - Google Swiffy. Gallery - Google Swiffy.

Crypto

Adobe Flash / Apple iPhone. Retour sur le DRM dans HTML5 - Le point de vue de Robin du W3C. Microsoft prend ses distances avec Flash : « Le HTML5 est le fut. Osez HTML5 et CSS3 ! - Alsacréations. FR. Le blog des Gadgets. - Part 3. Ce que nous réserve CSS3 en 2010 - Alsacréations. Mozilla, Opera et Google pour l'intégration de WebM dans le stan. CSS: Current Work. Flash est plus rapide que le HTML 5 sous Android. HTML5 se dévoile - Alsacréations. HTML5 video accessibility and the WebVTT file format. Wallaby – Convertir du flash en HTML5.

Web GL

3D.