Trucsweb.com

Trucsweb 1997-2017 - 20 ans de partage.

Logiciels

La vidéo Web

RDFFav

Logiciel : Easy HTML5 Video

Il y a youtube bien sûr, mais la liberté a un outils performant très pratique et abordable que j’utilise depuis des années.convertisseur, Vidéo, html5

Il y a bien sûr YouTube, mais la liberté à un outil performant, pratique et abordable que j’utilise depuis des années : EasyHTML5 Video. À défaut de créer son propre encodage, ce petit logiciel permet d’ouvrir une vidéo native et de la convertir en 4 formats courants : OGG, H.264/MPEG-4 (utilisé aussi avec la version Flash), et WebM.

Navigateurs pris en charge

Internet Explorer 9+, Firefox, Google Chrome, Opera, Safari, Apple, Android, BlackBerry, Windows Phone.

Formats de sortie
  • WebM
  • Theora Ogg
  • H.264/MPEG-4
EasyHTML5 Video vous facilite la vie avec la vidéo HTML5!
Convertir n’importe quelle vidéo en HTML5

Simple d’utilisation, il suffit de choisir son réglage en fonction du format, de la qualité, du choix de codecs, des paramètres de son, dimensions et quelques contrôles HTML5. Une vignette, un titre et un dossier pour sauvegarder le tout. Comme son nom l’indique, EasyHTML5 Video va du coup générer la page et le code HTML5. Il permet même d’intégrer le code directement dans un fichier HTML déjà existant.

Tout ce dont vous avez besoin c’est 3 étapes simples pour convertir n’importe quelle vidéo en HTML5:

  1. glisser un fichier vidéo dans le logiciel;
  2. réglez les paramètres;
  3. appuyez sur « Start ».

Après cela, vous obtiendrez une page html avec tout le code nécessaire, les images et les vidéos dans un dossier prêt à être publié selon 3 options :

  • sauvegardé dans un dossier;
  • déposé sur le serveur avec les fonctionnalités FTP intégrées du logiciel;
  • coller directement dans une page HTML existant à l’aide de l’option «insérer dans la page».
Intégration HTML 5

Une des plus importantes innovations du HTML 5 c’est la balise <video> et sa capacité à combiner plusieurs sources et différents formats de vidéo. L’idée toute simple consista à placer le plus compatible en haut de la liste. Le navigateur utilise tout simplement le premier compatible. Sinon, il y a toujours le format Flash qui est en fait un lecteur MP4 en flashs.

<div id="easyhtml5video">
  <video controls="controls" autoplay="autoplay" poster="image.jpg" onclick="if(/Android/.test(navigator.userAgent))this.play();" height="256" width="604">
    <source src="video.mp4" type="video/mp4">
    <source src="video.webm" type="video/webm">
    <source src="video.ogv" type="video/ogg">
    <object type="application/x-shockwave-flash" data="video.swf" style="position:relative;" height="256" width="604">
        <param name="movie" value="flashfox.swf">
        <param name="allowFullScreen" value="true">
        <param name="flashVars" value="autoplay=true&controls=true&fullScreenEnabled=true&loop=false&poster=image.jpg&src=happyfit2.mp4">
        <embed src="flashfox.swf" style="position:relative;" flashvars="autoplay=true&controls=true&fullScreenEnabled=true&loop=false&poster=image.jpg&src=happyfit2.mp4" allowfullscreen="true" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer_en" height="256" width="604">
        <img alt="happyfit2" src="image.jpg" style="position:absolute;left:0;" title="Video playback is not supported by your browser" height="256" width="604">
    </object>
  </video>
</div>

La ligne Javascript onclick="if(/Android/.test(navigator.userAgent))this.play();" permet aux utilisateurs Android de cliquer sur la vidéo pour débuter la lecture.

Lire le tutoriel « Vidéo HD et son HTML5 » pour plus d’information sur l’intégration de vidéo HTML5.
, Analyste programmeurConception oznogco multimédia (http://oznogco.com), Trucsweb
Dernière mise à jour :

Commentaires

8/10 sur 1 revues.
       Visites : 4047 - Pages vues : 4316
X

Trucsweb.com Connexion

X

Trucsweb.com Mot de passe perdu

X

Trucsweb.com Conditions générales

Conditions

Responsabilité

La responsabilité des Trucsweb.com ne pourra être engagée en cas de faits indépendants de sa volonté. Les informations mises à disposition sur ce site le sont uniquement à titre purement informatif et ne sauraient constituer en aucun cas un conseil ou une recommandation de quelque nature que ce soit.

Aucun contrôle n'est exercé sur les références et ressources externes, l'utilisateur reconnaît que les Trucsweb.com n'assume aucune responsabilité relative à la mise à disposition de ces ressources, et ne peut être tenue responsable quant à leur contenu.

Droit applicable et juridiction compétente

Les règles en matière de droit, applicables aux contenus et aux transmissions de données sur et autour du site, sont déterminées par la loi canadienne. En cas de litige, n'ayant pu faire l'objet d'un accord à l'amiable, seuls les tribunaux canadien sont compétents.

X

Trucsweb.com Trucsweb

X

Trucsweb.com Glossaire

X

Trucsweb.com Trucsweb

X

Trucsweb.com Trucsweb

Conditions

Aucun message!

Merci.

X
Aucun message!
X

Trucsweb.com Créer un compte