Tutoriel Vidéo en streaming en HTML

7even.

Nitro Booster ❤
Level 5
VeryFriend's

Torrents Stats

Messages
991
J'aime
168
Trophées
999
Inscrit
14 Décembre 2015
Dans ce tutoriel , je vais vous expliquer comment crée un code qui permettra de lire une vidéo en streaming avec du code HTML !

/!\ Tout d'abord , sachez que les 3 codes qui seront présentés ci-dessous ne marcheront que si vos utilisateurs ont un des trois lecteurs . /!\

Lecteur Windows Media :

Ce lecteur est compatible avec les formats suivants
- .wmv
- .wma
- .avi
- .mp3
- .mp4

Il vous faudra ce code :
Code:
<object type="application/x-mplayer2" style="width: 200px; height: 200px;" data="monfichier.wmv">

<param name="filename" value="monfichier.wmv"/>

</object>
Il n'y a plus qu'a remplacer "monfichier.wmv"

Lecteur Real Audio :
Ce lecteur accepte :
- .ram
- .rm
- .smi
- .mp3
- .m4
- .mpg
Le code est (voir ci-dessous)
Code:
<embed type="audio/x-pn-realaudio-plugin" src="monfichier.ram" height="200px" width="200px" controls="all" console="video"/>
L'attribut console prend la valeur d'un identifiant unique pour tous les contrôles de la même vidéo.
L'attribut controls prend une des valeurs qui suit


ControlPanel
Boutons play / pause / stop et barre d'avancement

PlayButton
Boutons play / pause

PlayOnlyButton
Bouton play uniquement

PauseButton
Bouton pause uniquement

StopButton
Bouton stop uniquement

PauseButton
Bouton pause uniquement

PauseButton
Bouton pause uniquement

FFCtrl
Avancer d'une plage

RWCtrl
Reculer d'une plage

MuteCtrl
Activer / Désactiver le son

MuteVolume
Activer / Désactiver le son et le contrôle du volume

VolumeSlider
Contrôle du volume

PositionSlider
Barre d'avancement

TACCtrl
Seulement les informations sur le clip

HomeCtrl
Logo avec le lien vers Link Removed

InfoVolumePanel
Contrôle de volume et état de la connexion

InfoPanel
État de la connexion

Status Panels
Boutons play / pause / stop, la barre de défilement et l'état de la connexion

StatusBar
Le temps

StatusField
Toutes les informations sauf celles qui concernent le temps

PositionField
Le temps sans les autres informations

Lecteur Quick Time :
QuickTime accepte :

- .qtl
- .mov
- .mpg
- .mp4
- .mp3
Pour le code , c'est celui la
Code:
<object type="video/quicktime" style="width: 200px; height: 200px;" data="monfichierexemple.mov">

<param name="src" value="monfichierexemple.mov"/>

</object>
Petit bonus , pour la lecture automatique (tous les lecteurs):
Code:
<param name="autostart" value="1" /> <!-- pour Windows Media -->

<param name="autostart" value="true" /> <!-- pour Real -->

<param name="autoplay" value="true" /> <!-- pour Quicktime -->

Et voila ! J’espère que tous ça vous aura aider . Merci de votre lecture !

Cordialement,
Angel
 
Haut Bas