Discussion :

[electroremy]

Bonsoir à tous,

j'ai un site internet, hebergé par Free (pages perso)

le site contient des photos et des vidéos.

Le problème des différents lecteurs vidéos que j'ai testé, c'est qu'il faut attendre que tout la vidéo soit téléchargée pour que la lecture commence, et c'est long pour mes visiteurs

Je voudrais savoir comment mettre en place un lecteur vidéo qui fasse du VRAI streaming (car à chaque fois que je cherches sur le net, je tombe sur des explications pour intégrer des vidéos ce que je fais déjà)

D'autre part les vidéos en haute qualité sont trop grosses pour les connexions lentes... J'ai donc choisi le H264, qui permet, d'après ce que j'ai pu comprendre, via plusieurs "couches", de permettre aux gens qui ont une connexion lente de voir la vidéo en streaming quand même, mais avec une qualité moins bonne.

Sur ce sujet là je patauge, car :
- je ne sais même pas si il faut un encodage spécifique (j'utilises médiacoder, qui a un nombre très élevé de paramètres)
- il faut encore que le player que je vais ajouter sur mon site soit compatible avec ce dispositif.

Voici l'état actuel du site : http://electroremy5.free.fr/08022012...-MAH08341.html

[thelvin]

Le problème des différents lecteurs vidéos que j'ai testé, c'est qu'il faut attendre que tout la vidéo soit téléchargée pour que la lecture commence, et c'est long pour mes visiteurs

Je voudrais savoir comment mettre en place un lecteur vidéo qui fasse du VRAI streaming (car à chaque fois que je cherches sur le net, je tombe sur des explications pour intégrer des vidéos ce que je fais déjà)

Ben il y a la balise <video> de HTML5. Tous les navigateurs ne gèrent pas tous les formats vidéo, et notamment un bon paquet ne gèrent pas H264. Mais ils marchent en streaming sans se prendre la tête.

À part ça, il faut comprendre que pour mettre une video sur Internet, on utilise une applet Flash, pas autre chose. Le reste n'étant jamais utilisé par personne, c'est normal que ça n'évolue pas beaucoup et que ça ait des défauts.
Autrement dit, il vaut mieux faire comme tout le monde, on aura les mêmes avantages que tout le monde. Et tout le monde utilise Flash (avec quelques expérimentateurs qui sont passés à <video> mais c'est pas encore ça.)

Pour soulager les connexions lentes, je ne sais pas. Je proposerais juste plusieurs formats, un moins lourd que l'autre. Jamais entendu parler de ce truc de H264, mais en même temps je joue pas des masses avec.

[electroremy]

Je n'avais pas pensé à la balise VIDEO. Je pensais que ce n'était pas reconnu par beaucoup de navigateurs...

J'utilisais du flash avant... de passer à un autre lecteur

Je vais refaire un essai, avec du H264 dans du FLV

H264 n'est pas un format mais un codec, c'est l'un des meilleurs disponible.

CDLT

[thelvin]

Je n'avais pas pensé à la balise VIDEO. Je pensais que ce n'était pas reconnu par beaucoup de navigateurs...

Pas si on y met du H264, en effet. Du coup, la plupart des gens utilisent plutôt flash.

H264 n'est pas un format mais un codec

Un format de compression, certes.

[Luke spywoker]

J'utilise la balise vidéo en test lo avec toutes les dernières versions des navigateurs ca marche sauf safari qui ne la prend pas encore en charge:
Il faut savoir que la qualité d'encodage de la vidéo fait la différence si celle-ci marche ou pas, j'ai découvert cela en voulant automatiser le traitement des vidéo, j'utilsais un logiciel en ligne de commande pour faire des conversion de formats vers mp4 et ogg et les navigateurs n'affichait pas la vidéo mais par contre avec un autre logiciel de transcodage les vidéo marchai sur tous les navigateurs sauf safari... a méditer.
La syntaxe pour la balise video est:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<video>
<!-- avec les attributs suivants  
controls: pour afficher les boutons de controle.
width: pour la largeur.
height: pour la hauteur.
poster: permet de spécifier une image a afficher avant la lecture de la vidéo.
autoplay: permet de jouer la vidéo au chargement de la page.
loop: permet de boucler sur la vidéo.
preload: permet de précharger la vidéo.
src: permet de donnner l'url de la vidéo
-->
<source src='ma_video.mp4' type='video/mp4>
<source src='ma_video.ogg' type='video/ogg'>
<!-- on peut spécifier le codec dans la balise sources avec l'attribut
codecs.
 
Les balises source permettent de donner des alternatives suivant les navigateurs qui dès qu'il rencontre un format qu'il reconnait le prend comme src.
--> 
</video>

On peut utilser et tester d'autre formats comme ogv par exemple.