Documentation PHPBoost 3

Les différents lecteurs de vidéos pour PHPBoost

Table des matières

Introduction



Toutes & tous vous connaissez la fameuse balise , mais qui pour des problèmes généraux n'a jamais fonctionné.

Ici je vais vous exposez une liste de code à insérer avec les balises html du phpboost.

Les bases



Avant toutes choses, je me dois de vous mettre en garde, pensez toujours à ceux-ci:
  • La mise à disposition de la vidéo est une supposition du moment que vous avez les droits
  • Une copie souvent non conforme au DRM (Digital Rights Management), qui sont des protections contre le piratage sont à vos risques & périls. Par exemple la SABAM pour la Belgique et sacem pour la France.


Les formats qui existent sur le web



Vous connaissez tous Youtube, oui naturellement ! Maintenant vous connaissez aussi d'autres extensions comme:

  • Flash : fichiers .flv
  • Quick Time Video : fichier .qt et .mov
  • Real Video : fichiers .ra .rm (et aussi .rv et .rmvb)
  • Windows Media : fichiers .wmv


Mais pour les employé comment faire, comme l'intégré sur nos pages web, est bien voici le début du tutoriel qui commence.

En peu de codage



Il existe nombre de logiciel pour encoder comme tout simplement le Window Movie Maker qui est installé par défaut sur votre machine est qui souvent est utilisé pour Youtube.

Maintenant, je vous donné plus haut 4 types de versions de codec différents. Aucun tutoriel ne vous sera donné, par contre je vous renvoie vers un site pour chacun des liens:



Les balises et les fonctions



Quelques notions de compréhension avant la programmation...

<embed> .../....</embed>


La balise HTML embed est exploitée pour importer dans un document HTML des objets, principalement des fonds sonores ou des animations graphiques en Flash.

controls="true" & controls="true"


En caractère gras la fonction, en caractère italique son attribut. Ici true pour vrai & false pour faux.
Ici la fonction permet d'indiquer ou non le panneau de contrôle

loop="-1"


En caractère gras la fonction, en caractère italique son attribut. Il détermine le nombre de fois que la vidéo doit être lue ; une valeur de -1 signifie qu’elle sera lue indéfiniment.

autostart="true" & autostart="false"


En caractère gras la fonction, en caractère italique son attribut. Ici true pour vrai & false pour faux.
Cela permet d'activer activer ou non automatisme sur la lecture de la vidéo

height="200" et witdh="320"


En caractère gras la fonction, en caractère italique son attribut.
Cela permet de définir la hauteur et la largeur de la vidéo, en italique la valeur se nomme en pixels.

Pour Flash



Utilisation de la balise object



Code HTML :
<object width="320" height="260"  classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
codebase="download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="320" height="240" id="chrysonline_flash_video " align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="flvplayer.swf?file=mavideo.flv" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed  width="320" height="260"  src="flvplayer.swf?file=mavideo.flv" quality="high" 
pluginspage="www.macromedia.com/go/getflashplayer" 
 type="application/x-shockwave-flash">
</embed>
</object>


Pour Quick Time






Utilisation de la balise embed



Code HTML :
 
<embed type="video/quicktime "  
SRC="monchemin/mavideo.mov"
width="320" height="240" 
autoplay="true" 
controller="false">
</embed>


Utilisation de la balise object



Code HTML :
 
<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="340" height="260"
CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab">
<PARAM name="src" VALUE="monchemin/mavideo.mov">
<PARAM name="autoplay" VALUE="false">
<PARAM name="controller" VALUE="true">
<embed type="video/quicktime"
src="monchemin/mavideo.mov"
width="340" height="260"
autoplay="false"
controller="true">
</embed>
</object>
 



Pour Real player





1er cas



- Une vidéo à la lecture par le lecteur externe ou au téléchargement.

Code HTML :
<a href="monchemin/mavideo.rm">Regardez ma video</a>


2ème cas



- Une vidéo qui sera lu par le Real Player

Pour que la lecture du fichier démarre dès qu’on clique sur le lien, il faut créer un fichier d’appel .ram correspondant au fichier .rm de la video.

Un fichier .ram est un fichier texte tout ce qu’il y a de plus simple : il ne contient que l’adresse à laquelle le RealPlayer doit aller chercher le fichier .rm associé.

Exemple : si votre video devra être lu à cette adresse :

http://www.monsite.com/mavideo.rm
Vous utilisez un simple éditeur de texte pour créer le fichier .ram qui ne contiendra que l’adresse ci-dessus et rien d’autre. Vous l’enregistrez sous : mavideo.ram
Ensuite vous créez un lien qui ressemblera alors à ceci :
Code HTML :
<a gref="http://www.monsite.com/monchemin/mavideo.ram">Regardez ma vidéo</a>


3ème cas



- Intégration du Real Player dans votre page Web

Vous pouvez souhaiter que le Real Player ne s’ouvre pas dans sa propre fenêtre. Real Player n’est pas seulement une application indépendante : c’est également un plug-in et un composant ActiveX. Il peut donc s’ouvrir dans votre page Web. Il est plus judicieux de partir du fichier .ram, obtenu comme indiqué ci-dessus... mais on peut aussi appeler directement le fichier video lui-même (c’est à dire le .rm). Pour les navigateurs Mozilla et Internet Explorer, nous utiliserons la balise
Code HTML :
 
<embed type="audio/x-pn-realaudio-plugin" 
SRC="monchemin/mavideo.ram"
width="320" height="240" 
autostart="true" 
controls="imagewindow" 
console="video">
</EMBED>


Pour les utilisateurs d'internet Explorer



Code HTML :
<object classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" 
height="260" width="180">
<param name="console" value="video">
<param name="controls" value="ImageWindow">
<param name="autostart" value="true">
<param name="src" value="monchemin/mavideo.rm">
<embed height="260" width="180"
src=" monchemin/mavideo.rm "          
type="audio/x-pn-realaudio-plugin"
controls="ImageWindow" console="video" 
autostart="true">
</object>



Windows Media Player






Utilisation de la balise embed



Code HTML :
<embed type="application/x-mplayer2" 
src="monchemin/mavideo.wmv"
width="320" height="240"
autostart="1" 
showcontrols="0">
</embed>


Utilisation de la balise object



Code HTML :
<object id="video1" width=160 height=162 classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
codebase="http://activex.microsoft.com/activex/controls/
mplayer/en/nsmp2inf.cab#Version=6,4,5,715"
standby="Chargement..."
type="application/x-oleobject">
<param name="FileName" value="monchemin/mavideo.wmv">
<param name="AutoStart" value="false">
<embed type="application/x-mplayer2"
pluginspage = "http://www.microsoft.com/Windows/MediaPlayer/"
src="monchemin/mavideo.wmv"
name="video1" width=160 height=162 AutoStart=false>
</embed>
</object>


Le sujet attenant sur le forum, ou vous pourrez poser vos questions.

Article rédigé le 21/02/13 par Hight_tower.

Cette page a été vue 4691 fois