Vidéos dans mon site ! Résolu/Fermé

Question

Bonjour,

Je suis en train de concevoir un site et je souhaite y intégrer des vidéos visibles en ligne. J'ai déjà fais des tests avec flash bien entendu. Mais, car il y a toujours un mais, la qualité ne me convient pas. En effet, quand je vois la qualité des vidéos du site emob (http://formationvideo.emob.fr/index.php ), je me dis que je n’ai pas la meilleure qualité. Je voudrais faire également des vidéos de formation. Actuellement, j’utilise Camtasia Studio un logiciel qui permet de « filmer » les manipulations effectuées à l’écran, puis de les mettre en ligne sous plusieurs formats (flv, swf, wmv, mov, avi…). Ce que je fais concrètement c’est « filmer » mes manipulations avec Camtasia Studio, puis je prends le fichier flv que j’insère dans le code html (dans dreamweaver MX). Le rendu est lisible mais pas net comme le site cité plus haut. Il y a des scintillements.

Petite précision : je ne suis pas un pro de création de site je débute (oui je suis très patient !).

Si vous pouviez me donner des pistes ou des infos sur mon souci de qualité. Ou même mieux me dire comment il faut faire pour avoir la même qualité que le site cité plus haut.

D’avance je vous remercie pour aide.

Selecteur

RAD ZONE · Answer

Mais, car il y a toujours un mais, la qualité ne me convient pas. En effet, quand je vois la qualité des vidéos du site emob

il faut que tu regle l encodage de tes video  flv et tu aura la meme qualite

Selecteur · Answer

Bonjour RAD ZONE,  le forum,

RAD ZONE je te remercie beaucoup pour ta réponse. Je suis passé à un autre logiciel : Adobe Captivate (je pense que tu connais) mais je n'arrive pas à intégrer mes fichiers .swf dans mes pages html. Je cherche...

En fait je ne comprends pas certaine notion : "Il s'agit notamment du format utilisé par Google Video. Le film FLV est joué par un fichier SWF" . j'ai lu ça sur un site et  j'avoue ne pas comprendre la différence entre .flv et.swf. Il s'agit de deux formats différents "jouables" dans une page html ? On parle de lecteur flash que j'ai intégré dans mes pages html mais je ne peux pas lire des .swf, par contre je peux lire des .flv. Ne peut-on pas lire directement des fichiers .swf ? Peut-on transformer des .swf en .flv ? Ou alors ce que je dis n'est cohérent (ce qui est fort possible car je ne suis pas un pro de la création de pages web!)

Si vous avez des éléments de réponses ce serait sympa. En vous remereciant.

Selecteur.

Deserting · Answer

Bonjour Selecteur!
Pour inserer vos fichiers sxf dans une page html, vous pouvez utiliser ceci:

<embed
src="fichier.swf"
type="application/x-shockwave-flash"
pluginspace="https://get.adobe.com/flashplayer/"
loop="true"
quality="high"
bgcolor="#xxxxxx"
width="xxx" height="xxx"
>

Description:

src : le fichier flash
loop : boucle true ou false
quality : ici haute (toujours haute)
bgcolor : couleur de fond
width et height longueur et hauteur en pixel

Voilà :)
En espérant vous avoir aidé :)

Selecteur · Answer

Bonjour et désolé Deserting mais on s'est croisé puisque j'ai modifié mon message entre temps. Mille excuses !

Selecteur

Selecteur · Answer

Re le forum, Voila le code que j'ai actuellement :

qui me permet de visualiser des vidéos au format .flv quelle modifications dois-je faire pour visualiser des .swf ? En vous remerciant. Selecteur

RAD ZONE · Answer

SALUT oui je connais Adobe Captivate !! mais c est plutot pour faire de demo ou des test interactif !! alors la difference entre flv et swf flv est ubn fichier video au format flash !!! mais pour lire ce format sur une page tu dois passer par un player flash .swf swf est un fichier flash lisible sur une page web !! donc tu a fais une video "embed" dans un swf ?!! si oui cela ne posera pas trop de probleme si ton swf fait moin de 2Mo mais si il fait plus !! tu est obliger d attendre que le swf soit charge pour pouvoir le lire !!! le format flv permet de lire la video en "streaming" c est a dire commencer a lire la video sans attendre la fin du telechargement!!!!! petite chose aussi !! le code pour inserer un swf est plutot commme cela en version simple !!!mais qui passe partout !!

embed n est pas valide RAD

Selecteur · Answer

Re, RAD ZONE, j'ai essayé d'adapter ton code à ma page mais malheureusement il ne se passe rien (le lecteur n'apparait pas), même pas un message d'erreur. Peux-tu me dire ou est-ce que ça ne va pas, sachant que mon fichier s'appelle Graphique_demo.swf et qu'il se trouve à l'emplacement suivant : C:\Documents and Settings\"mon prénom"\Mes documents\My Adobe Captivate Projects\Vidéos\Graphique_demo.swf ?

Merci. Selecteur.

RAD ZONE · Answer

bon on vas dabord s organiser !!! 1: tu fais un nouveau dossier " site" sur ton bureau, dans ce dossier tu fais un sous dossier " video" 2: tu met le swf dans ce dossier "video" 3: tu met la page html ou php prevus pour la video dans le dossier "site" donc le code que tu met sur ta pge dans ce cas est

RAD

Selecteur · Answer

Bonjour RADE ZONE, le forum, RADE ZONE je te remercie pour tes explications mais entre temps j'avais cherché et finallement utilisé le didacticiel de dreamweaver pour insérer une vidéo .swf dans une page html. Voici le code ainsi créer par le programme :

Maintenant j'essaie de contrôler la lecture en insérant un bouton stop. Mais quand je fais une prévisualistaion (F12) le bouton ne fonctionne pas !!! Voici le code du bouton :

j'ai nommé la vidéo "testvideo" et le bouton "LeBouton". Je ne comprends pas pourquoi ça ne fonctionne pas !!!??? Selecteur

RAD ZONE · Answer

SALUT

 non c est  le swf de la video qu il faut modifier !
 !mais je t annonce c est assez complex si tu ne connais pas flash !! !!

 si tu m avais ecouter et utiliser un .flv ca ce  ferais tout seul !! :-))

RAD

Selecteur · Answer

Re,

Ce n'est pas que je ne veuille pas t'écouter, mais le problème c'est que je suis incapable de régler les paramètres de l'encodage dans Camtasia !!! y'en a dans tous les sens des paramètres !!!

Selecteur

RAD ZONE · Answer

ok ou est ce que ja peux recuperer ta video ?? 
que je te la convertisse !!

RAD

Selecteur · Answer

Re,

RADEZONE c'est fait !

RAD ZONE · Answer

et bien regarde ce que cela donne si je passe ton fichier flv par un player  flash !
ICI

 si il y as plusieurs video tu peut faire une playlist ! comme j ai fais pour ce tuto avec + de 40 video et 1 seul petit player
Tuto sur html

RAD

Selecteur · Answer

Re,
La qualité est bien meilleure que l'originale ! Qu'as tu fais à la vidéo ?

RAD ZONE · Answer

loool rien :-))

Selecteur · Answer

Re, Quand je click sur ton lien c'est nickel. Par contre je confirme que chez moi ça passe mal sur mon site en local (je n'ai pas encore choisi d'hebergeur). Voila ce que je fais : Avec Camtasia j'enregistre ce que je fais à l'écran. Ensuite toujours avec Camtasia, j'encode en .flv (je peux également le faire wmv, en swf...). Les paramètres utilisés sont les suivants : Video Format: FLV (Flash Options dialog box > Video tab) Frame Rate: 15 (Flash Options dialog box > Video tab) Video Codec: VP6 (Flash Options dialog box > Video tab) Max Bitrate: 1000 (Flash Options dialog box > Video tab) Key Frame Rate: 30 (Flash Options dialog box > Video tab) Bitrate Control: Variable 2-Pass (Flash Options dialog box > Video tab) Video Quality: 100 (Flash Options dialog box > Video tab) If audio, enable Encode Audio (Flash Options dialog box > Audio tab) Audio Format: MP3 (Flash Options dialog box > Audio tab) Audio Attributes: 22.050kHz, Stereo, 56 kBits/sec (Flash Options dialog box > Audio tab) Une fois l'opération terminée j'obtiens plusieurs fichiers : Creation_d'une_liste_personnalisee.flv Creation_d'une_liste_personnalisee.html Creation_d'une_liste_personnalisee.js Creation_d'une_liste_personnalisee_config.xml Creation_d'une_liste_personnalisee_controller.swf Creation_d'une_liste_personnalisee_nofp_bg.gif Creation_d'une_liste_personnalisee_preload.swf FlashTemplate.css ProductionInfo.xml swfobject.js Je duplique une page html que j'ai créé dans laquelle j'ai inclus le lecteur flash pour lire les vidéos et j'adapte en fonction du nom de la vidéo. Voici le code de ma page html : AixL.Com - Vidéo Arrière plan

AixL.Com : Vidéos Excel : Arrière plan(Intermédiaire)

Débutant

Intermédiaire

Avancé

Autres vidéos disponibles

Vidéos personnalisées

Contact

Accueil

Débutant

Intermédiaire

Avancé

A

i

x

L

.

C

o

m

Accueil

Je copie le fichier Creation_d'une_liste_personnalisee.flv dans un sous dossier de videos_excel nommé "video". Au final, j'obtiens une page qui me lie la vidéo avec un lecteur, mais la qualité n'est pas bonne !!! Voilà je pense avoir tout dit et j'espère que vous pourrez continuer à m'aider. En vous remerciant.

RAD ZONE · Answer

SALUT

 ne t occupe pas de tout ca !!! tu fais les flv et je t expliquerais pour les mettre sur la page html !!

RAD

Selecteur · Answer

Bonjour,

ok les .flv sont déjà prêts.

RAD ZONE · Answer

bon tu veux un systeme de playlist , comme sur mon tuto html ??

Selecteur · Answer

Re,

oui je veux bien.avec éventuellement la possibilité de modifier sa taille.

RAD ZONE · Answer

SALUT

 voila les fichiers !!TU DONNE LE NOM QUE TU VEUX A LA PAGE HTML , tu mets toute tes video dans le dossier video et tu suis les instructions pour ajouter tes video !! !!

 j ai supprime une <table> dans ta page pour des raison de cadrage sur un ecran 1024 X 768

http://rad2.free.fr/ccm/selector.rar

RAD

Selecteur · Answer

Bonjour RAD ZONE, le forum,

Je te remercie car ce que tu m'as fourni fonctionne bien. Je vais essayer de modifier la taille et la couleur du lecteur afin d'avoir une lecture plus claire au niveau de ma page...

Selecteur · Answer

Bonjour RAD ZONE, le forum,

Bon j'ai quelques petits soucis. J'ai bien compris le principe pour ajouter une vidéo dans la playlist : ça c'est ok. Mais au niveau de la page html de la vidéo  comment différencier la vidéo 1 de la vidéo 2 de la vidéo 3 ect...car j'ai remarqué que le code html de la vidéo test (que tu m'as renvoyé) est différent du code de mes autres  pages. Par ailleurs, j'ai bien compris que pour changer les couleurs du lecteur (d'ailleurs du lecteur ou du player ? ou les deux à la fois ?) il fallait changer les codes correspondants, mais faut il les connaitre par coeur ou il y a une astuce pour les codes de couleurs ?

En te remerciant.

RAD ZONE · Answer

Mais au niveau de la page html de la vidéo comment différencier la vidéo 1 de la vidéo 2 de la vidéo 3 ec??

par la playlist qui indique par sa couleur quelle video passe  !!!

car j'ai remarqué que le code html de la vidéo test (que tu m'as renvoyé) est différent du code de mes autres pages

oui j ai supprime une table et je l ai restructurer pour une meilleur lecture ! mais c est tout

mais faut il les connaitre par coeur ou il y a une astuce pour les codes de couleurs ?
 un site parmis plein sur google
http://www.espace2001.com/espace/couleurs.php

RAD

Selecteur · Answer

Bonjour,

Le lecteur et/ou playlist a un comportement assez bizarre : en effet quand je lance la page html la page s'affiche et quand je click sur le lecteur ça marche, mais si je ferme et je réésaie tout de suite après le lecteur cherche la vidéo et ne l'ouvre  pas (ne la trouve pas) (on voit des petits traits qui tournent autour d'eux même et la playlist n'apparait pas non plus !!!)). De plus j'ai l'impression que des fois il trouve la vidéo des fois non.

RAD ZONE · Answer

?????????????????? c est impossible !! ou il la trouve ou il ne la trouve jammais !!

 car ou la playlist est bonne et il trouve les video !! ou elle n est pas bonne et il ne demare jammais !!

tu as un lien pour que je vois ca ??

RAD

Selecteur · Answer

Bonjour RAD ZONE, le forum,

Bon après quelques bonnes et mauvaises manipulations je peux voir les vidéos avec la playlist !

Donc un grand merci à RAD ZONE. J'ai bien l'intention d'aller voir les 5 heures de tuto sur html sur son site.

Je rappelle que mon soucis était un problème de qualité de vidéo .flv et d'intégration sur une page html.

Vidéos dans mon site !

28 réponses

Discussions similaires