background preloader

Introduction à la balise video de HTML5 - Alsacréations

Introduction à la balise video de HTML5 - Alsacréations
L'élément <video>, cousin de <audio> offre en HTML5 une solution simple, native pour les navigateurs pour l'intégration d'une vidéo dans une page web. Elle permet également de proposer une alternative à l'utilisation de Flash pour les plate-formes ne le supportant pas (iOS par exemple avec iPhone, iPod, iPad…) Balise Syntaxe générale La syntaxe de base de la balise video est extrêmement simple : <video controls src="video.ogv">Ici la description alternative</video> L'attribut src définit bien entendu l'adresse du fichier vidéo, tout comme pour la balise img lorsqu'il s'agit d'une image. Sources multiples On peut également proposer plusieurs sources dans plusieurs formats différents en indiquant les types MIME grâce à l'attribut type : <video width="400" height="222" controls="controls"><source src="video.mp4" type="video/mp4" /><source src="video.webm" type="video/webm" /><source src="video.ogv" type="video/ogg" /> Ici l'alternative à la vidéo : un lien de téléchargement, un message, etc.

http://www.alsacreations.com/article/lire/1125-introduction-balise-video-html5-mp4-h264-webm-ogg-theora.html

Nombre d'or La proportion définie par a et b est dite d'« extrême et moyenne raison » lorsque a est à b ce que a + b est à a, soit : lorsque (a + b)/a = a/b. Le rapport a/b est alors égal au nombre d'or. Le nombre d'or (ou section dorée, proportion dorée, ou encore divine proportion) est une proportion, définie initialement en géométrie comme l'unique rapport a/b entre deux longueurs a et b telles que le rapport de la somme a + b des deux longueurs sur la plus grande (a) soit égal à celui de la plus grande (a) sur la plus petite (b) c'est-à-dire lorsque : HTML5 Un article de Wikipédia, l'encyclopédie libre. HTML5 (HyperText Markup Language 5) est la dernière révision majeure d'HTML (format de données conçu pour représenter les pages web). Cette version est en développement en 2013. HTML5 spécifie deux syntaxes d'un modèle abstrait défini en termes de DOM : HTML5 et XHTML5.

Vidéo HTML5 Un article de Wikipédia, l'encyclopédie libre. Open Video est un élément introduit dans le langage informatique HTML5 dédié aux pages web, qui permet une meilleure incorporation des vidéos dans l'Internet par ses navigateurs. Les créateurs de l'élément ont l'intention d'en faire la nouvelle norme pour la lecture de vidéos en ligne, mais l'absence d'accord en ce qui concerne les formats de vidéos supportés a gêné son essor.

Ostalgie parisienne: bienvenue à Vintage Park Les chercheurs Michel Pinçon et Monique Pinçon-Charlot qui, avant de s’attaquer au «président des riches», ont longtemps arpenté la capitale, notaient à propos du XIe arrondissement de Paris: «Le promeneur comprend que ce quartier vit à l’heure de l’émotion nostalgique se nourrissant des souvenirs surgissant d’un passé lointain… On se trouve d’emblée dans une mise en scène du passé populaire du quartier.» publicité Ménilmuche, la Popinque, Charonne, autant de villages et quartiers dont les noms sonnent popu en diable et dont le décor tranche avec le monumentalisme du Paris – Ville Lumière des brochures touristiques!

Top 48 des vieilles pubs nauséabondes qui feraient scandale aujourd’hui » Article » OWNI, Digital Journalism "Is it always illegal to kill a woman ?", "This Christmas, don't miss the fun of smoking", "La bière est nourrissante"..., régalez-vous avec cette galerie de réclames 100% mauvais goût. Y’aura-t-il encore des nostalgiques et des défenseurs du « c’était mieux avant » après la vision de ces publicités vintage ?

HTML5 se dévoile 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é. Profitons de cette occasion pour faire un tour d'horizon de cette nouvelle version de HTML. Consultez également toutes nos autres ressources HTML5 L'intégration de vidéo en HTML5 : tutoriel L'intégration de contenu audio et vidéo sans recourir à un plugin (Flash ou Silverlight) est sans doute l'innovation la plus commentée du standard HTML5. La promesse était séduisante, avec une syntaxe simple, inspirée de la balise <img>, mais l'implémentation est bien plus complexe qu'elle ne le semble au premier abord pour l'intégrateur HTML5, en particulier lorsque le site nécessite des manipulations de la vidéo en Javascript. Les bases : markup, encodage et compatibilité L'élément <video> rappelle <img>, dont elle reprend quelques attributs tout en en introduisant de nouveaux : // version basique <video src="mavideo.mp4"></video> // version avec divers attributs <video src="mavideo.mp4" width="640" height="480" autostart="true" controls="false" loop="true"></video>

Comprendre et exprimer tout ce que vous voulez, sans mots, avec Sclera Que nous nous adressions à des enfants, à des analphabètes, à des personnes d’une langue étrangère ou, à l’inverse, que des personnes essaient de nous communiquer quelque chose sans l’usage de la parole ou de l’écrit, nous voilà réduits à faire des signes... Justement, des signes ! Sclera a mis au point des centaines de pictogrammes standardisés et esthétiques pour communiquer des concepts plus ou moins élaborés à des personnes handicapées ou que la barrière de la langue sépare. Celles-ci peuvent pointer le pictogramme désiré ou un préposé peut transmettre son message de la même façon... On peut les exploiter de différentes façons, en agrémenter des documents ou des exercices, en faire des affichettes, etc. On peut les combiner jusqu'à des concepts de plus en plus élaborés.

La prochaine révolution ?Faites-la vous même ! « Dans la prochaine révolution industrielle, les atomes seront les nouveaux bits« En janvier 2010, Chris Anderson, rédacteur en chef de Wired et auteur de La longue traîne, tentait ainsi de résumer la révolution en cours du Do It Yourself (DIY, Faites-le vous même, en français). Après avoir considérablement contribué à développer, et démocratiser, ce que l’on appelait au siècle dernier la « micro-informatique« , puis l’internet, hackers et bidouilleurs s’attèlent aujourd’hui à la fabrication et au développement de nouveaux objets, « libres« . Chris Anderson évoque ainsi la Rally Fighter, la première voiture de course « open source » (ses spécifications sont « libres« ), développée de façon communautaire, en mode « crowdsourcing » (du nom donné au fait d’utiliser la créativité, l’intelligence et le savoir-faire d’un grand nombre d’internautes).

Introduction à l’HTML5 Cet article est destiné aux débutants en HTML5, et à tous ceux qui souhaitent en savoir un peu plus sur cette nouvelle technologie qui agite le web et le monde mobile. Si vous vous intéressez aux technologies du web, vous avez probablement déjà entendu parler de l’HTML5 aux cours des dernières années. Cette introduction va vous donner un premier aperçu de ce qui se cache derrière le terme HTML5, vous présentera le contexte dans lequel évolue cette technologie, et nous verrons un bon nombre de nouvelles fonctionnalités qu’il apporte. Sommaire : L’HTML5 c’est quoi ?

Related: