Ce code permet l'affichage d'un mini-lecteur windows media player sur un site en html.
Il fonctionne sur IE, Firefox, Netscape, Opera (Utilisation de quicktime pour le mp3).
Il offre les contrôles Lecture/Pause, Stop, Muet, et le réglage du volume, avancement du média, précédent et suivant.
Source / Exemple :
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="media" href="http://perso.orange.fr/alexmode/MP3_01.mp3" />
</head>
<body>
<div align="center">
<table width="240 "height="128">
<tr>
<td width="240" height="128"><div align="center">
<!-- Début | Lecteur -->
<object id="MediaPlayer" classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" type="application/x-oleobject" standby="Loading Microsoft Windows Media Player components..." height=128" width="240" align="absmiddle">
<param name="enabled" value="true" />
<param name="defaultframe" />
<param name="enablecontextmenu" value="false" />
<param name="stretchtofit" value="true" />
<param name="windowlessvideo" value="true" />
<param name="url" value="http://perso.orange.fr/alexmode/MP3_01.mp3" />
<param name="autostart" value="false" />
<param name="uimode" value="full" />
<param name="volume" value="30" />
<embed type="application/x-mplayer"
pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"
SRC="http://perso.orange.fr/alexmode/MP3_01.mp3"
name="MediaPlayer"
width=240
height=128
autostart=1
showcontrols=1> </embed>
</object>
<!-- Fin | Lecteur -->
</div></td>
</tr>
</table>
</div>
Conclusion :
<link rel="media" href="
http://perso.orange.fr/alexmode/MP3_01.mp3" />
<!-- Ceci permet de charger le media au démarrage de la page (Ca évite d'avoir à cliquer 2 fois sur play)
A insérer entre les balises head en début de page -->
<!-- Début | Lecteur -->
<object id="MediaPlayer" classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" type="application/x-oleobject" standby="Loading Microsoft Windows Media Player components..." height=128" width="240" align="absmiddle">
<!-- Attention application x oleobjet n'est pas reconnue par Opera mais ce la balise embed utilisée plus bas rectifie en utilisant quicktime -->
<!-- Pour height (la hauteur d'afichage du lecteur) : ds la cas de lecture audio
Indiquez 46 pour n'afficher que les boutons de commande (play, pause, etc...) et la barre de défilement
Indiquez 64 pour affichez en plus le titre du fichier et le temps écoulé
Indiquez + de 64 pour affichez en plus une animation ou pour la vidéo -->
<param name="enabled" value="true" />
<param name="defaultframe" />
<param name="enablecontextmenu" value="false" />
<!-- Indiquez true pour laisser la possibilité d'afficher le menu contextuel (clic droit sur le lecteur)
et false pour l'interdire -->
<param name="stretchtofit" value="true" />
<!-- StretchToFit sert à indiquer si, lorsque la taille de la colonne est modifiée,
la barre de progression doit se rétrécir ou s'élargir de façon à correspondre à la largeur de la colonne,
ou si elle doit conserver la largeur définie. La valeur par défaut est « True » (vrai). -->
<param name="windowlessvideo" value="true" />
<param name="url" value="
http://perso.orange.fr/alexmode/MP3_01.mp3" />
<!-- Indiquer l'url du media.(musique mp3 ou video wmv)-->
<param name="autostart" value="false" />
<!-- Indiquer true pour que la lecture du media se lance à l'affichage de la page
Déconseillé pour la musique de fond : Pensez que l'internaute peut déjà être en train d'écouter sa propre musique
Indiquer false, inversement. -->
<param name="uimode" value="full" />
<!-- 3 valeurs possibles :
- none : affiche uniquement la fenètre de la vidéo ou de l'animation (sans contrôle) ;
- mini : affiche en plus l'ensemble des contrôles sauf précédent et suivant ;
- full : affiche la totalité du lecteur. -->
<param name="volume" value="30" />
<!-- Valeur du son au chargement de la page : de 0 à 100 -->
<embed type="application/x-mplayer"
pluginspage="
http://www.microsoft.com/Windows/MediaPlayer/"
SRC="
http://perso.orange.fr/alexmode/MP3_01.mp3"
name="MediaPlayer"
width=240
height=128
autostart=1
showcontrols=1>
<!-- Indiquer l'url du media.(musique mp3 ou video wmv) -->
<!-- Indiquer les mêmes valeurs que précédemment. -->
</embed>
</object>
<!-- Fin | Lecteur -->
<!-- Effacez tous les commentaires entre <!-- et -->
(Visitez mon site (en construction) pour voir le résultat :
http://perso.orange.fr/alexmode)
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.