e-genieclimatique.com
Le blog e-genieclimatique
Aller au contenu
  • Accueil
  • PLAN DU SITE-accès direct aux articles
  • La chaîne YouTube e-genieclimatique
  • À propos
  • Cookie Policy
← Électricien-Une technique classique de tirage de câble U1000R2V-méthode chantier
6 jours de travail intense. →

Comment faire du streaming avec du mp4 (H264) et Jwplayer.

20 114 views Publié le 2 mars 2011 par Jean-Pierre MAZEL

Télécharger le podcast en mp3 ( clique “droit” sur le lien et “enregistrer la cible du lien sous” )

Le problème du streaming avec le mp4.

Enfin, j’y suis arrivé après 6h de lutte et de galère j’arrive à faire du streaming avec un fichier mp4 ( h264) et jwplayer (V5.4) sur WordPress (3.1).

Le problème était que lorsque je mettais le liens d’une vidéo uploader sur mon serveur, dans le lecteur vidéo Jwplayer, la lecture de la vidéo se faisait seulement lorsque cette même vidéo était entièrement chargé.

Ce qui fait que pour une vidéo de 7 min le délais d’attente était beaucoup trop  long, 3 minutes 🙁 .

Alors pourquoi Jwplayer ne veut pas lire mon fichier mp4 en streaming  ?

C’est à dire faire de la lecture continu comme avec les vidéos de youtube, (la vidéo se lance et se charge en même temps et on voit la petite barre de progression à coté du bouton de lecture qui avance ) et bien c’est simple, dans un fichier vidéo il y a un fichier “metadata“, ce fichier indique au lecteur les données indispensable pour sa bonne lecture ( nombre d’image seconde, taille du fichier, durée etc ).

Les vidéos que j’ai, je les avais compressés avec un logiciel gratuit de compression, le problème c’est que ces logiciels mettent le fichier “metadata” à la fin du fichier vidéo et pas au début donc , le lecteur doit charger entièrement la vidéo avant de pouvoir la lire, pour que le streaming fonctionne il faut que les metadata soit devant, en premier.

La résolution du problème.

Donc pour pour pouvoir faire du streaming avec un conteneur mp4 et Jwplayer il faut :

  • Avoir un fichier en mp4 codé avec le codec h264 , le codec son AAC et avec l’extension mp4. (avec un fichier mp4 codé en h264 et du mp3 ça ne marche pas, jwplayer ne le lit pas et affiche un code erreur, j’ai utilisé “Freemake video converter” pour convertir la piste son mp3 en AAC.

 

  • Utiliser le logiciel “Yamb” pour séparer du conteneur mp4 le fichier vidéo, son et les metadata.

  • Les deux fichiers sont cochés, appuyer sur suivant, Yamp demande si vous voulez écraser le fichier, dite oui ( faite une copie de l’originale au cas ou).

  • Et voila c’est terminé, le fichier à toujours ses mêmes tags (méme heures de création, même date) comme s’il n’avait pas été modifié. Sauf que le fichier metadata est maintenant au début du fichier vidéo ce qui permet le streaming.

Il n’y a plus qu’a uploader le fichier sur le serveur et mettre le liens dans le Jwplayer et la c’est une autre histoire pour installer et configurer les extensions “Wordtube” et “Jw player for wordpress” 😉 .

Le résultat de la méthode.

Voici deux vidéos :

  • Le fichier vidéo avec les metadata en fin de fichier.

( le streaming n’est pas possible).
(la vidéo fait 163mo il faut attendre 163 seconde pour pouvoir la voir si vous avez un de débit de 1mo/s)

[media id=11 width=640 height=390]

 

  • Le fichier vidéo avec les metadata en début de fichier.

( le streaming est possible).

[media id=9 width=640 height=390]

 

Me suivre sur les réseaux sociaux :

  • Twitter : https://twitter.com/egenieclim
  • Facebook : https://www.facebook.com/egenieclimatique
  • Instagramm : https://www.instagram.com/egenieclimatique/
  • Google+ : https://www.google.com/+e-genieclimatique
  • YouTube : https://www.youtube.com/e-genieclimatique

No related posts.

À propos de Jean-Pierre MAZEL

...
Voir tous les articles de Jean-Pierre MAZEL →
Cette entrée a été publiée dans Automatisme-programmation, avec comme mot(s)-clef(s) aac, hd, metadata, mp4, Non classé, streaming, tutoriel, wordpress. Vous pouvez la mettre en favoris avec ce permalien.
← Électricien-Une technique classique de tirage de câble U1000R2V-méthode chantier
6 jours de travail intense. →
  • Soutenir le blog et la chaîne

    • ZONE MEMBRE sur YOUTUBE
  • Chaîne YouTube

  • Liens

    • Les vidéos-ARDUINO-Apprendre l'automatisme et la programmation avec l'Arduino
    • Les vidéos-PLOMBERIE-Les bases de la plomberie
    • Les vidéos-FROID-Frigoristes les bases-Retour d'expérience
    • Les vidéos-CHAUD-La maintenance des équipements thermiques- les bases-Retour d'expérience
    • Les vidéos-VAPEUR-Une petite chaufferie vapeur 2x665kg/h-Les bases de la chaufferie vapeur-Retour d'expérience
    • Les vidéos-CHAUFFAGISTE-Les bases
    • Les vidéos-CTA-Les Centrales de traitement d'air-Retour d'expérience
    • Les vidéos-CHAUFFERIE-Retour d'expérience
    • Les vidéos-CHAUDIÈRES MURALES et ACCUMULATEUR GAZ-Retour d'Expérience
    • Facebook
    • Twitter
    • Instagram
    • Framagit
  • Twitter

    Tweets de @egenieclim
  • Catégories

  • Articles récents

    • Documentation technique
    • Guide Complet : Configuration d’un NAS Synology avec un Mac Mini série M et un Dock Ethernet (pas de switch)
    • Bonnes Pratiques de Fabrication (BPF) et maintenance CVC : mon retour d’expérience en pharma
    • Pourquoi apprendre l’anglais lorsque l’on veut être développeur web
    • Projet Réseau Social Privé avec React.js Node.js Express et MySQL
  • Qu'est ce que vous êtes venus chercher ici

    View Results

    Chargement ... Chargement ...
  • Étiquettes

    acier arduino arrêt compresseur autoformation automatic pump down base Bruleur fioul Bruleur gaz CAO chambre froide négative chambre froide positive chaudiére chauffagiste compresseur ouvert condenseur cuivre draftsight dégivrage dépannage développeur web e-learning entraînement fiche de révision fluide frigorigène frigoriste froid groupe de condensation hermétique ligne liquide livre MDF mise en service plomberie procédure R404A régulateur régulation schéma électrique schéma électrique froid single pump down amélioré TMETLARDY tracer épure winrelais électrovanne ligne liquide épure évaporateur
  • juin 2025
    L M M J V S D
     1
    2345678
    9101112131415
    16171819202122
    23242526272829
    30  
    « Mar    
e-genieclimatique.com
Fièrement propulsé par WordPress
sponsored
Contrat Creative Commons
Ce(tte) oeuvre est mise à disposition selon les termes de la Licence Creative Commons Paternité - Pas d'Utilisation Commerciale - Partage des Conditions Initiales à l'Identique 2.0 France.
 
Flag Counter