Intégrer une vidéo en html5

Rédigé par govez - 21 juillet 2015

En HTML5, une balise dédiée permet l'intégration de la vidéo.
il est donc beaucoup plus aisé d'intégrer de la vidéo (aussi facile que pour une image).
Le webmaster n'a pas à se soucier de savoir si l'utilisateur possède les bons codecs ; ceux-ci sont inclus de manière native.

Utilisation de la balise <video>


src L'URL du conteneur de la vidéo
width, height Les dimensions de l'image
poster L'URL d'une image à afficher en remplacement de la vidéo, en attendant qu'elle soit disponible. On utilise une frame de la vidéo
videoHigh, videoHeight Ce sont les dimensions originelles de l'image. Des attributs en lecture seule qui sont lus en JavaScript, pour fournir une information sur la vidéo
autobuffer Vaut true ou false, la valeur vrai déclenche le chargement en mémoire de la vidéo en même temps que la page, une option choisie quand on suppose qu'elle sera obligatoirement vue
autoplay Vaut true ou false, la valeur vrai démarre la vidéo quand la page est chargée
loop Vaut true ou false, la valeur vrai fait tourner la vidéo en boucle
controls Vaut true ou false, la valeur vrai indique que la barre de contrôle par défaut s'affiche, sinon le site définit sa propre barre

Un exemple



The Ancient - Steve Howe

<video width="320" height="240" controls="controls">
  <source src="videos/.mp4" type="video/mp4" />
  <source src="videos/the_ancient.webm" type="video/webm" />
  <source src="video.ogv" type="video/ogg" />
  Choisissez un navigateur plus récent compatible html5
</video>

Utiliser ffmpeg et avconv

Connaître les conteneurs installés

$ avconv -formats
Voici la liste de formats (conteneurs) que reconnaît ffmpeg.
elle est organisée de manière simple, la première colonne indique si l'on peut lire (D) ou écrire (E) le format en question.

Exemple

DE matroska        Matroska file format
Signifie que l'on peut à la fois lire et écrire les fichiers .mkv avec ffmpeg.

Connaître les codecs installés

$ avconv -codecs
Vous aurez une liste avec là aussi les fameux D et E. Mais aussi des V, A ou S qui vous permettent de savoir si un codec concerne la vidéo, le son ou les sous-titres.

Convertir une vidéo en WebM

WebM est un format multimédia ouvert, principalement destiné à un usage sur le web.
Il est basé sur un conteneur dérivé de Matroska, et regroupe des flux vidéos encodés en VP8 et des flux audios encodés en Vorbis1. Ce format fait partie des formats vidéos proposés pour la balise <video> de HTML5. Il est amené à remplacer le premier format ouvert proposé, Theora, et fait concurrence au format fermé H.264.
WebM est supporté par le navigateur Google Chrome depuis sa version 6, Mozilla Firefox depuis sa version 4 et Opera depuis sa version 10.60. Les utilisateurs d'Internet Explorer dans sa version 9 et supérieure doivent installer l'application WebM Microsoft Media Foundation components pour pouvoir lire ce format.
$ avconv -i input.mp4 -c:v libvpx -b:v 1M -c:a libvorbis output.webm

Classé dans : Multimédia - Graphisme - Mots clés : vidéo, html5 - aucun commentaire

Améliorer l'affichage dans Virtualbox

Rédigé par govez - 14 juillet 2015

Installer les GuestAdditions

Les Additions invité VirtualBox comprennent des pilotes de périphériques et des applications système qui optimisent le système d'exploitation pour de meilleures performances et une utilisation optimale.
C'est la raison pour laquelle vous devez installer les Additions invité sur la machine virtuelle.

Installons le nécessaire

# apt-get install build-essential module-assistant bzip2

1. Insérer l'image CD des Additions invité




2. Monter le CD (double clic sur l'icône)




3. Lancer la commande d'installation


$ sh /media/cdrom0/VBoxLinuxAdditions.run




4. Je dois installer certains packages manquants (ici bzip2)




5. Fin de l'installation


Il faut maintenant redémarrer la machine virtuelle pour bénéficier des GuestAdditions.




Pourtant certains OS ne peuvent être améliorés pas ces Additions invité (par exemple Haïku) ; il va falloir modifier la résolution d'écran « à la main ».
Voici une solution.

Ajouter une nouvelle résolution d'écran pour une machine virtuelle

(ici Haïku)
$ VBoxManage setextradata Haïku CustomVideoMode1 1440x900x24



Haïku




Windows 10

Classé dans : Système - Configuration - Mots clés : système, virtualbox - aucun commentaire

Capture d'une image dans une vidéo

Rédigé par govez - 18 juin 2015

Installons libav-tools

# apt-get install libav-tools
Pour une image 320X240 capturée au bout de 10 secondes de lecture de la vidéo.
$ avconv -i video.flv -f mjpeg -ss 10 -vframes 1 -s 320x240 vignette.jpg

Explications

Dans cette commande, je choisis :
  • la vidéo où je veux capturer l'image ici : video.flv
  • la taille de l'image (pour connaître les dimensions de la vidéo : $ ffmpeg -i video.flv)
  • le nom du fichier de sortie : vignette.jpg
  • le moment de la capture : dans mon cas, 10 secondes

Classé dans : Multimédia - Graphisme - Mots clés : multimédia, astuces - aucun commentaire

Les carburants augmentent ?

Rédigé par govez - 18 juin 2015

Le prix de l'essence n'arrête pas d'augmenter ? Faux

Luttons contre les idées reçues. Il est moins onéreux de se déplacer en voiture actuellement qu'en 1970-1980.
Voici un extrait du journal Le monde - Économie qui remet les pendules à l'heure.

Du marché à la pompe

En outre, la question ne se pose pas dans ces termes pour l'automobiliste, qui serait bien en peine d'acheter son baril sur les marchés, de le raffiner et de le stocker. Il acquiert le produit en fin de chaîne, et à la pompe souvent le prix carburant varie, en raison des taxes essentiellement.
Et, là, il est vrai que les prix augmentent. D'environ 1 euro dans les années 1970 pour le gazole (rouge) à plus de 1,40 euro aujourd'hui. Et d'une soixantaine de centimes pour l'essence (bleue) à plus de 1,20 euro.
Mais si l'on regarde les prix des carburants en France depuis 1970 (moyenne en jaune), on constate qu'ils sont toutefois plus « plats » une fois ajustés de l'inflation (ils sont donnés ici en euros constants 2005).




Par ailleurs, pour comparer ce qui est comparable, il faut ajouter une variable : quelle part de ses revenus consacre l'automobiliste à l'essence ? Ceux-ci n'étant pas égaux, on choisit de prendre le revenu minimum comme repère : le graphique suivant montre le nombre de minutes payées au smic (net) que doit travailler l'automobiliste pour faire 100 kilomètres.




En 2012, un travailleur rémunéré au SMIC doit travailler en moyenne 100 minutes pour acheter l'essence nécessaire pour parcourir 100 kilomètres avec un véhicule essence (courbe bleue) et 78 minutes pour acheter le gazole nécessaire avec un véhicule diesel (courbe rouge). La courbe jaune représente la moyenne.
Même s'il remonte légèrement dans les dernières années en raison d'une hausse des taxes, le coût des carburants aux 100 kilomètres se situe largement en dessous des points hauts atteints dans la première moitié des années 1980.

Plus de kilomètres au SMIC

Reste enfin un dernier paramètre indispensable pour estimer le « vrai » prix de l'essence : les avancées technologiques. L'amélioration de l'efficacité énergétique des véhicules s'est traduite par une baisse de la consommation, les ménages consommant de moins en moins d'essence pour parcourir la même distance.
Selon les chiffres de l'Inspection générale des finances, le service rendu par le carburant (moyenne du diesel et du gazole) pour 100 kilomètres coûte un peu plus de 11 euros (ajustés de l'inflation toujours) dans les années 1980. Il bénéficie ensuite de la « diésélisation » du parc automobile et tombe autour de 7 euros avant d'augmenter un peu cabotant autour de 8 euros à partir des années 2000.

Classé dans : Presse - Actualité - Mots clés : actualité - 1 commentaire

Ajouter un filigrane sur un PDF

Rédigé par govez - 17 juin 2015

Nous avons déjà vu dans un précédent article comment modifier des fichiers PDF.
Le logiciel utilisé est pdftk, un outil en console. Il va nous servir à superposer deux PDF afin d'insérer un filigrane (une image semi-transparente).

Installons pdftk

# apt-get install pdftk

Création du filigrane avec GIMP

Ouvrons une image avec gimp (un ciel nuageux)

Choisir le format (portrait)

Outil de sélection rectangulaire -> Image -> Rogner selon la sélection photo



Choisir la bonne taille

Image -> Échelle et taille de l'image



Transparence de l'image

Il faut ajouter un canal alpha et choisir l'opacité :



Calque -> Transparence -> Ajouter un canal alpha puis choisir l'opacité (choisir canal alpha -> onglet de gauche)



Enregistrer la nouvelle image en PDF

Fichier -> Export As... (choisir le nom du fichier PDF ; j'ai choisi « ciel.pdf ».
Voilà ! notre image enregistrée en PDF est prête à être superposée au fichier PDF (pour moi c'est « newsletter.pdf ».
C''est là qu'intervient le fameux pdftk :p
Rendez-vous dans le répertoire où se trouvent les deux fichiers (newsletter.pdf et ciel.pdf) : prêts pour la fusion ?
$ pdftk newsletter.pdf stamp ciel.pdf output newnewsletter.pdf
Un nouveau fichier PDF avec le filigrane est créé (newnewsletter.pdf)



Classé dans : Bureautique - Mots clés : pdf, bureautique - 1 commentaire

page 1 sur 48suivante»

Ce blog est sous licence Creative Commons. Vous pouvez utiliser les publications, les modifier et même les publier à nouveau sous une licence identique à celle-ci. Vous ne pouvez pas utiliser ces écrits à des fins commerciales.

Patrice Blondel 
			alias Govez ou le Pingouin des @lpes

J'ai 56 ans, je suis retraité de l'Éducation Nationale.
Passionné d'informatique, je suis autodidacte en la matière.
J'utilise GNU/Linux exclusivement depuis plus de 10 ans. J'ai choisi Debian (après avoir testé beaucoup d'autres distributions). La meilleure distribution est, à mon avis, celle que l'on maîtrise.

Pour vous y retrouver :

Je vous conseille d'utiliser d'abord le bouton « recherche » en tapant un mot clé. Vous pouvez également naviguer en affichant les articles par catégorie.

Les commentaires :

En indiquant votre adresse mail, vous ferez afficher votre avatar au début du commentaire.
Je me réserve le droit de supprimer les commentaires désobligeants, commerciaux ou sans intérêt.

Catégories

Archives

Mots clés

Derniers articles

Derniers commentaires

L'actualité Debian

LinuxFr.org