background preloader

The HTML5 Media Framework

The HTML5 Media Framework

http://popcornjs.org/

Audio Player, un lecteur audio HTML5 customisé avec jQuery Audio Player est un plugin jQuery qui permet de personnaliser le lecteur audio généré par la balise HTML5 audio. Ainsi, vous pouvez créer un lecteur totalement custom et cross-browser qui hérite parfaitement des capacités HTML5 natives comme le préchargement du fichier, la lecture automatique ou encore la boucle de lecture. HTML5… et une surcouche JS HTML5 : respect des standards, tests et marketing Présentation du test disponible sur html5test.com est un test sur le Web écrit Niels Leenheer qui contient (actuellement) une série de 160 tests regroupés en plusieurs catégories :DoctypeCanvasVideoAudioGeolocationStorageOffline Web ApplicationsWorkersSection elementsGrouping content elementsText-level semantic elementsFormsUser interactionCe test vérifie si un navigateur prend en charge ou pas HTML5 et les technologies couramment associées au langage de balisage. Le test retourne 2 notes sur un total de 300 (à l’heure de cet article) :une première note : la note principaleune seconde dite note des bonusRemarque : ce test réutilise (avec son accord) les HTML5 parser tests écrits par Henri Sivonen (qui est un consultant indépendant développant le parser HTML5 de Firefox 4 pour Mozilla. Henri Sivonen participe également au Working Group HTML du W3C)Informations complémentaires sur HTML5 et les technologies associées: Le petit texte en bas que personne ne lit jamais :-)

Flash est mort. Vive HTML5 ! : iRevolution: iPhone & Co C'est officiel, Adobe met fin au développement de Flash sur les systèmes d'exploitations destinés aux tablettes et autres smartphones et ce à l'avantage du langage HTML5. Le site américain ZD Net a lancé l'info sur le net. Voici quelques mots d'explications. Après son lancement en 1996 et suite au rachat de Flash Macromedia par Adobe Systems en 2005, un combat a opposé Adobe à Apple suite auquel Steve Jobs a toujours refusé d’accueillir cette technologie sur ses produits.

Webdocumentaire, jouer au petit journaliste L’année 2011 a été, une fois de plus, l’occasion de découvrir de nombreux webdocumentaires et certains particulièrement captivants. Les moyens de productions se développant, la production tend à s’homogénéiser vers un même format. Par leur interactivité et leurs contenus, les webdocumentaires apparaissent comme des outils intéressants pour l’éducation aux médias. Player Audio JQuery, HTML5 et CSS3 avec Playlist Voici un player audio que je vous propose en téléchargement et qui vous permettra de faire découvrir aux visiteurs de votre site une sélection de vos morceaux préférés. Celui-ci intègre toutes les fonctionnalités de controle d'un player classique avec, en plus, la possibilité de switcher d'un morceau à l'autre. Démonstration Voir la demoTelecharger les fichiers sources Intégrer le player dans votre page

CSS avancées, vers HTML5 et CSS3: 2 ouvrages à gagner + interview Pour bien commencer la semaine, retrouvez une review du dernier ouvrage de Raphaël Goetter: "CSS Avancées, Vers HTML5 et CSS3". Avec l'arrivée à grand pas des technologies CSS3 et HTML5, un ouvrage pour bien démarrer avec les nouvelles instructions était très attendu ! Raphaël Goetter qui n'est autre que le papa d'Alsacréations nous livre les secrets du CSS que ce soit des instructions peu connues du CSS2 ou des dernières instructions CSS3, vous n'aurez qu'une hâte après la lecture de ce livre: Mettre tout ça en pratique ! Les sujets abordés Mon avis perso Contrairement à plusieurs livres sur des technologies web, j'ai pris plaisir à lire celui-ci du début à la fin.

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. Le langage comprend également une couche application avec de nombreuses API, ainsi qu'un algorithme afin de pouvoir traiter les documents à la syntaxe non conforme. Le travail a été repris par le W3C en mars 2007 après avoir été lancé par le WHATWG.

Créez un Webdocumentaire enrichi et interactif gratuitement html5 Terminer les diaporamas, créez un Webdocumentaire enrichi et interactif gratuitement html5. Prise en main, installation et création d'un projet deux heures avec le tutoriel ci-dessous. Le principe : 1- Titre du webdocumentaire enrichi 2- Titre séquence 3- Extras avec plusieurs options (infos, crédits…) 4- Vidéos, images, sons… 5- Compléments avec plusieurs options 6- Notes de marges avec plusieurs options 7- Miniatures de la partie 4 avec plusieurs options 8- Timeline avec durée, sommaire, bouton arrêt/marche et d'autres options

HTML5 Professor - FullScreen API Dans ce court tutoriel, je vais vous présenter une des toutes dernières fonctionnalités de l'HTML 5 : le mode fullscreen (plein écran). Celle-ci peut s'utiliser dans de nombreux cas, comme par exemple pour visionner une vidéo ou des diapos, mais on peux aussi passer n'importe quel élément de la page en plein écran (une iframe, une div, une image, etc...). Les navigateurs compatibles : comme d'habitude Firefox (9+) et Google Chrome (15+) Vintage : les premières pubs pour le web, version années 90 Selon que l’on était publicitaire ou cinéaste au milieu des années 90, la vision de nouveau machin appelé « web » ou « internet » était radicalement opposée. Aux publicitaires le monde merveilleux de la connaissance, des achats en ligne et des gentilles conversations avec des correspondants du monde entier, aux cinéastes l’enfer des réseaux informatiques, du vol d’identité, Selon que l’on était publicitaire ou cinéaste au milieu des années 90, la vision de nouveau machin appelé « web » ou « internet » était radicalement opposée.

Tag HTML5 - Balise VIDEO « Partie précédente | Index | Partie suivante » La balise <video> permet de lire des fichiers ou des flux vidéo directement dans la page en proposant un lecteur intégré avec des contrôles génériques tels que lecture, pause, positionnement dans la vidéo et contrôle du volume. Lorsque le fichier vidéo n'est pas trouvé ou que son format n'est pas supporté, le lecteur n'est pour certains navigateurs pas visible. La balise <source> permet de définir au sein de l'élément <video> plusieurs ressources alternatives au cas où le navigateur ne supporterai pas le format initialement spécifié dans l'attribut "src" (il faut alors supprimer l'attribut "src" et spécifier les différents fichiers par ordre de priorité dans les balises <source>). Avec la balise video, une API est également disponible et permet de gérer en javascript beaucoup de paramètres pour gérer le flux.

Découvrez BrowserStack.com, un outil formidable pour tester votre site Web efficacement La pire des tâches pour tout développeur Web reste le test de ces créations sur les différents navigateurs. Jusqu’à présent, il n’y a pas de bon moyen de tester un site Web avec les différentes versions d’IE, Firefox, Chrome et Opera. Dès lors que vous installez la version mise à jour de chacun de ces navigateurs votre ancienne version disparaît. Pour de nombreux développeurs, cela signifie que vous devez exécuter des logiciels additionnels, ou encore travailler depuis une machine virtuelle, qui vous permettent d’exécuter différentes versions de navigateur. Enfin, dans le cas des utilisateurs de Mac, comme moi, vous aurez besoin de garder un vieux PC ou exécuter une version de Windows sur votre Mac. Pas terrible… Pour amplifier les choses, l’ajout d’IE9 a accentué ce problème, car il ne peut plus fonctionner sur les anciennes versions de Windows souvent requis pour exécuter IE6…

Adobe ActionScript 3.0 * Contrôle de la lecture de la vidéo La classe NetStream comporte quatre méthodes principales pour contrôler la lecture vidéo : Remarque : il n'existe pas de méthode stop(). Pour arrêter la lecture de la vidéo, il est nécessaire de la mettre en pause et de retourner au début du flux vidéo. Gérer l’envoi de SMS en PHP : TextMagic vous aide Avez-vous déjà remplacé l’envoi d’un mail par un SMS ? En effet, tout comme de nombreux sites le proposent désormais, envoyer un notification par un message texte, autrement dit un SMS, au lieu d’une notifications par courrier électronique, autrement dit un mail, peut être très utile dans le cas d’informations sensibles, ou urgentes. Après quelques fouilles sur le Web, j’ai retenu quelques solutions, dont il est très simple de mettre en place. En tout cas pas plus difficile que d’envoyer un mail… Laissez-moi vous montrer comment ! À mon insu, l’envoi de SMS peut être très facile puisqu’il vous suffit d’envoyer un mail… En effet, vous pouvez envoyer votre texte à une adresse e-mail et il sera délivré au numéro que vous avez spécifié.

Related: