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

  • je recherche un code pour intégrer un codec vidéo pour une lecture en local svp
    64x64
    farouk

    Date (GMT) : 2019-11-20 08:17:11 (UTC +0000)
    Date local : Wed Nov 20 2019 09:20:30 GMT+0100 (heure normale d
    • Bonjour, Le code ? Un simple iFrame ! Si vous parlez de diffusion en direct, de réel streaming vidéo, vidéo en temps réel (Live Streaming Video) ce n'est pas un code dont vous aurez besoin, mais d'un service. Ça prend absolument un serveur de streaming ($$). À moins d'avoir sous la main un serveur dédié, et une ressource spécialisée pour ne pas dire illimité, je vous conseille de trouver une solution en ligne. 1. Au-delà de la capture et d'une bonne connexion internet, vous devez utiliser une application pour encoder la vidéo, par exemple https://obsproject.com/. Ou encore un appareil comme https://www.blackmagicdesign.com/products/blackmagicwebpresenter. Il existe des solutions avec YouTube comme Wirecast Go (https://www.telestream.net/wirecast-go/overview.htm) ou pour mobile comme Live:Air (https://teradek.com/collections/live-air-family) 2. Un hébergement de streaming vidéo ! Il y a YouTube certes, mais sinon c'est payant : Vimeo (Livestream) (https://vimeo.com/vimeolivestream) IBM Cloud Video (UStream) (https://video.ibm.com/) Wowza (https://www.wowza.com/) Brightcove (https://www.brightcove.com/fr/) Dacast (https://www.dacast.com/) 3. Et enfin, imbriquez ce service dans une page web, généralement à l'aide d'un simple iFrame. C'est toute une entreprise couteuse. Il y a certainement des solutions de type vidéo-conférence, toujours un service et un hébergement spécialisé, mais plus abordable. Alors qu'il suffit de convertir vos vidéos en MP4 avec Easy HTML5 Video et les déposer sur un serveur normal. Ce n'est plus du streaming, mais ça fonctionne quand même tout en étant gratuit...
      64x64
      oznog
      http://www.trucsweb.com
      Date (GMT) : 2019-11-20 12:04:47 (UTC +0000)
      Date local : Wed Nov 20 2019 07:08:02 GMT-0500 (heure normale d


    Ajouter un commentaire
    Votre adresse de courriel ne sera pas publiée. * L'astérisque indique les champs obligatoires.
    Votre évaluation du tutoriel

    6,5/10 sur 2 revues.
           Visites : 5684 - Pages vues : 6066
    X

    Trucsweb.com Connexion

    Connexion

    X

    Trucsweb.com Mot de passe perdu

    Connexion

    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

    Créer un compte

    .
    @