HTML5 & CSS3 pour les nuls

Vidéo natif qui joue sans plug-ins (comme Windows Media Player ou QuickTime Player) est l'une des nouvelles fonctionnalités les plus excitantes en HTML5. Mais où trouvez-vous la vidéo HTML5-compatible? Comment vous présentez-vous? Voici quelques outils pour aider à résoudre ces défis:

• Transformez vos fichiers vidéo dans Firefox convivial Theora Ogg.

• Microsoft dispose d'un tutoriel sur la construction de commandes javascript pour la vidéo native.

• Qui peut garder la trace de la liste en constante évolution dont navigateurs prennent en charge les formats de vidéo natif HTML5? Réponse: les gens Wikipédia piste.

• Une des ressources (gratuit) en ligne les plus précieux pour la conception web, laissez vidéo Web seul, est le Miro Video Converter. Vous branchez toute vidéo, et il produit des formats vidéo HTML5 bienvenus.

• Besoin de tester votre vidéo dans différents navigateurs? Les outils de saucelab.com ne sont pas libres, mais ils offrent des essais gratuits qui offrent un aperçu de votre vidéo dans un appareil depuis un ordinateur de bureau Windows avec IE 6 à la dernière version du système d'exploitation de l'iPad.

• Besoin de faire un peu de montage sur votre vidéo avant de poster? Loopster a en ligne des outils d'édition vidéo gratuits

• YouTube et Vimeo animeront vos vidéos gratuitement, mais pour environ 60 $ par année, Vimeo offre un service qui héberge votre vidéo et vous donne le plein contrôle sur qui peut voir, et présente la vidéo sans aucune promo annonces ou matériel pour vimeo.

Lors de l'optimisation des graphiques qui avez un texte en surimpression sur une image photoréaliste, vous devez créer des tranches séparées pour les zones de l'image qui sont photoréaliste ainsi que créer des tranches supplémentaires pour les zones de l'image qui contiennent du texte. Exporter les zones contenant du texte en utilisant le format GIF, et exporter les zones photo-réaliste de l'image en utilisant le format JPEG. Voici quelques conseils pour vous aider:

• Pour les images JPEG de haute qualité, utiliser un paramètre de qualité de 70 lors de l'exportation. Pour les petites images JPEG, vous pouvez vous en tirer avec un paramètre de qualité de 50.

• Si vous créez une galerie de photos pour un produit, ou pour un photographe, exporter les images au format JPEG avec un réglage de qualité de 80.

• Lors de la compression des images en utilisant le format JPEG, faites attention aux bords des objets dans l'image. Lorsque vous commencez à voir des pixels, ou les bords manque définition, vous avez l'image compressé trop loin.

• Lors de l'exportation des images en utilisant le format de fichier GIF, utilisez le moins nombre de couleurs qui donne une image nette et vous aurez une image de chargement rapide.

• Lorsque vous rééchantillonnez images pour les sites Web, la résolution maximale vous avez besoin est 72 pixels par pouce.

Sites Web avec aucune vidéo sont de plus en plus rare. Vidéo est partout sur Internet: il est utilisé pour le divertissement, dans les annonces, et de promouvoir des stars du rock et d'autres artistes. Lorsque la vidéo est bien fait, il est une chose de la beauté. Voici quelques choses que vous devez prendre en considération lors de l'ajout vidéo sur une page web:

• Vidéo prend beaucoup de bande passante. Si la bande passante pour un site Web est dépassée, la charge peut être assez coûteux. Au lieu d'hébergement vidéo sur un site Web, télécharger sur YouTube, puis intégrer la vidéo dans une page web ou votre blog.

• Ne pas violer les lois de droits d'auteur. Ne pas copier la vidéo à partir d'autres sites Web ou d'autres vidéos YouTube des gens et de les utiliser sur votre site.

• Vérifiez la licence: Si vous utilisez une vidéo à partir d'un fournisseur ou le fabricant sur un site commercial, assurez-vous que vous êtes couvert par le fournisseur ou le permis de fabricant.

• Utilisez un caméscope de haute qualité pour enregistrer de la vidéo: Non, pas un iPhone est un caméscope de haute qualité. Si vous encodez mauvaise qualité vidéo pour le web, vous obtenez une mauvaise qualité vidéo. Rappelez-vous le vieil axiome: Garbage in, garbage out.

• Assurez-vous que les visiteurs de votre site ont les plug-ins nécessaires pour visionner la vidéo.

• Si vous créez des pages HTML5 avec vidéo, assurez-vous que le public visé par le site utilise les navigateurs HTML5 conformes.

• Ne pas utiliser des transitions lorsque vous modifiez plusieurs clips vidéo pour créer une vidéo pour le web. Les transitions vidéo fière allure sur la vidéo HD, mais ne semblent pas bonnes lorsque vous encodez une vidéo pour le web.