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. VfE is for developers who either want something really simple they can quickly use on their blog or websites, or as a good starting point to develop their own custom solution. It does not use JavaScript. How It Works If your browser supports it, HTML5 video is used. If HTML5 video is not supported, Adobe Flash is used. Finally, if all else fails, a placeholder image is shown and the user can download the video using the links provided. VfE. 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

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? Short video showing how we can use WebRTC & WebSockets and more. I will very short show you how you can try it out your self. Camera and Video Control with HTML5. Client-side APIs on mobile and desktop devices are quickly providing the same APIs.

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! Media Capture and Streams. 4.

Media Capture and Streams

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").webcam({ width: 320, height: 240,

WebCam en stream

Stream-m - A HTML5 compatible WebM live streaming server. Stream a webcam using Javascript, NodeJS, Android, Opera Mobile, Web Sockets and HTML5. 01.h1 02.

Stream a webcam using Javascript, NodeJS, Android, Opera Mobile, Web Sockets and HTML5

Remote Webcam using NodeJS, Opera, Web Sockets and HTML5/Canvas 03.video(autoplay=true,id="sourcevid") 04.canvas(id="output") GetUserMedia/Stream API.

Tmp_alex_stream Video

Tuto / intro / tips. HTML5: The Technology Changing the Web. Scribd maintenant en HTML5. 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.

Dossier - Où en est le HTML5 ?

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 pourra-t-il tenir ses promesses ? (volet 5) VOLET 5 - Les attentes autour de HTML5 sont nombreuses.

HTML5 pourra-t-il tenir ses promesses ? (volet 5)

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. Tour d’horizon des points les plus critiques de son adoption, avec Tristan Nitot, président de Mozilla Europe, et Daniel Glazman, cochairman du CSS Working Group au W3C. 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.

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. The shift is already happening on the mobile web, and eventually — in perhaps as soon as two years — HTML5 can be expected to serve most new video online. HTML5 se dévoile - Alsacréations.

Le brouillon officiel (working draft) de HTML5 a été publié officiellement le 23 avril 2009 et depuis de nombreuses avancées ont été accomplies, les navigateurs supportant toujours plus de fonctionnalités et de nouveautés. La nouvelle génération du langage de balisage HTML remplacera à long terme HTML 4, XHTML 1.x et XHTML 2 qui a été abandonné.

ExamplesHTML5

HTML5 Canvas and Audio Experiment. HTML 5 code Example. The trials and tribulations of HTML video in the post-Flash era. Adobe reversed course on its Flash strategy after a recent round of layoffs and restructuring, concluding that HTML5 is the future of rich Internet content on mobile devices. Adobe now says it doesn’t intend to develop new mobile ports of its Flash player browser plugin, though existing implementations will continue to be maintained. Adobe’s withdrawal from the mobile browser space means that HTML5 is now the path forward for developers who want to reach everyone and deliver an experience that works across all screens. The strengths and limitations of existing standards will now have significant implications for content creators who want to deliver video content on the post-flash Web. Apple’s decision to block third-party browser plugins like Flash on its iOS devices played a major role in compelling Web developers to build standards-based fallbacks for their existing Flash content.

Our use of the phrase “post-Flash” isn’t intended to mean that Flash is dead or going to die soon. How Browsers Work: Behind the Scenes of Modern Web Browsers. Web browsers are the most widely used software. 15 Useful Resources to Get Clued Up on HTML5. There’s been plenty of HTML5 talk around the blogging world recently. It’s no longer a tiny spec on the horizon, it’s due to arrive soon!

HTML 5 + CSS 3 = une révolution pour les interfaces web. Voilà 20 ans que le web existe et presque 10 ans que le HTML n’a pas évolué et propose toujours la même structure et les mêmes balises. 10 ans c’est beaucoup, c’est la moitié de la “vie” du web. 10 ans c’est beaucoup, surtout lorsque l’on constate les révolutions qui ont eu lieu dans les usages du web ces 5 dernières années (partage de vidéos, réseaux sociaux, infos en temps réel…).

Pas étonnant que des technologies propriétaires (Flash) se soient imposées (notamment sur la vidéo et les RIA) et que d’autres s’installent tranquillement pour combler un manque (notamment Google Gears pour l’accès hors ligne). Un navigateur en HTML5 est capable de faire tourner Quake - Gizm. [youtube] Pas de plug-ins. Pas de Flash. Rien que du HTML5 et un portage du moteur de jeu de Quake II. Apparemment des gars de chez Google ont décidé d’employer leur temps libre d’une manière très, très productive:

HTML 5 Implementation Browser

Swiffy – Convertissez vos flash en animation HTML5. Par Korben Ce n’est pas la première fois que je vous cause de trucs-bidules pour convertir vos fichiers sources flash (fla) en « machins » compatibles HTML5. Mais forcement, quand c’est Google qui sort un outil qui permet de faire ce genre de chose, qui plus est, de manière extra simple, il y a de quoi s’y intéresser. Baptisé , cette techno capable de convertir des FLA assez basique comme des pubs ou des jeux et animations en fichier HTML5, SVG, CSS et JSON.

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. Apple et Microsoft semblent penser la même chose de Flash. Alors que Steve Jobs s’est fendu hier d’un long texte pour critiquer une fois de plus la technologie d'Adobe, la firme de Redmond y est aussi allé de son couplet, plus feutré mais tout aussi clair. Dans un billet posté hier sur le blog dédié à Internet Explorer, Dean Hachamovitch, le chef de la division, écrit que Flash « a des problèmes, particulièrement en ce qui concerne la fiabilité, la sécurité et la performance ».

Il reprend en cela le même angle d’attaque que Steve Jobs qui évoque ces 3 points dans sa lettre ouverte. Microsoft préfère le format vidéo H.264 Plus diplomate, Hachamovitch reconnaît que Flash demeure un élément important pour délivrer une bonne expérience sur l’Internet d’aujourd’hui. Osez HTML5 et CSS3 ! - Alsacréations. Un site perso en fil rouge Pour étayer cet article, nous allons nous servir d'un fil rouge : mon site personnel Goetter.fr dont l'intégration a été réalisée en plusieurs étapes, et destiné à servir de passerelle entre mes différentes activités. Puisqu'il s'agit d'un site sans grande portée médiatique ni contraintes, j'ai pu en profiter pour tester HTML5 et moult règles CSS2 et CSS3 (border-radius, rgba, inline-block, transitions, rotations, @font-face, text-shadow, opacity, :before/:after et autres joyeusetés...).

Voyons en détails le cheminement et les écueils de cette intégration... Les Grands Anciens Rappel historique Avant de nous lancer dans le vif du sujet, rappelons certains points essentiels. FR. Le blog des Gadgets. - Part 3. Ce que nous réserve CSS3 en 2010 - Alsacréations. L'écriture des spécifications CSS progresse à grands pas, et la version 3 comporte déjà plusieurs modules implémentés dans les navigateurs récents. L'année 2010 verra certainement nos habitudes changées par les nouvelles possibilités offertes en CSS 3. D'ores et déjà de nombreuses utilisations concrètes voient le jour. Vous pourrez constater l'état d'avancement des différents modules CSS sur la page récapitulative Cascading Style Sheets : Current Work. 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.