PDA

Afficher la version complète : Vidéo / Musiques / Images Lecteurs Mp3 Xeon - Styles clairs et sombres



Sofia
21/05/2008, 16h20
Vous souhaitez ajouter un lecteur Mp3 sur votre forum ? Alors ce hack est fait pour vous ! Voici le lecteur Mp3 Xeon.
2 interfaces sont disponibles pour votre lecteur Mp3 : une interface sombre et une interface claire.
Un lien dans la barre de navigation permet d'accéder au lecteur Mp3.
Vous disposez de 5 playlist dans lesquels vous pouvez ajouter un nombre illimité de Mp3.
L'ajout de Mp3 peut se faire soit via le panneau d'administration, soit par vos membres via le forum (peut être approuvé avant publication).
Un mode Streaming vous est disponible et également un mode Sound Buffer.
Vous pouvez aussi paramétrer les permissions du lecteur pour indiquer quels sont les groupes qui pourront voir le lecteur et aussi ajouter des Mp3.
Côté adminsitration, il vous est facilement facile de gérer les Mp3, grâce aux gestionnaires de Mp3 des Playlist.
Vous disposez également d'options concernant les messages privés puisqu'en effet, il est possible d'envoyer aux membres un MP lorsqu'un Mp3 a été ajouté !




Styles clairs

http://www.digitalport.co.uk/z4_ad.jpg





Styles sombres

http://www.digitalport.co.uk/images/xeonplayer_beta.jpg







Remerciements


Ce Hack a été traduit en français pour vBulletin-Ressources avec l'autorisation explicite de son auteur. / This Hack was translated into French for vBulletin-Ressources with the explicit authorization of its author.



vBulletin-Ressources et son équipe offrira du support vis-à-vis des hacks traduits, bien sûr, dans la mesure du possible de chacun, autant en terme de temps que de connaissances/ vBulletin-Ressources and its team will offer support for the translated hacks, of course, as far as possible for everyone, as much in term of time that knowledge.



vBulletin-Ressources remercie l'auteur du hack pour avoir fourni son autorisation. / vBulletin-Ressources thanks the author for the hack to have provided its authorization.



Conception


Auteur du Hack / Author Of Hack : syrus.xl (http://www.vbulletin.org/forum/member.php?u=86304)
Source / Link of Thread : XEON Z4 Mp3 Player (http://www.vbulletin.org/forum/showthread.php?t=176632) et The XEON Mp3 Player (http://www.vbulletin.org/forum/showthread.php?t=129641&page=2)
Version du hack : 1.00

Version vBulletin Requise / Version vBulletin Required : vB 3.7
Testé / Tested : oui
Traducteur / Translator : Sofia

Copyright © 2006 vBulletin-Ressources.com - Tous droits réservés Uniquement pour nos traductions/ Copyright © 2006 vBulletin-Ressources.com - All Rights Reserved Only For Ours Translations




Installation


Transfert au FTP

Uploadez le contenu du dossier "A Uploader" sur votre serveur FTP.



Comment changer de lecteur ?

Le dossier "A Uploader" contient le lecteur sombre.
Après l'avoir uploadé ce dossier et si vous désirez mettre le lecteur clair Z4, ouvrez le dossier "Lecteur Z4 - Style clair",
renommez le fichier xeonz4.swf en xeon_mp3_beta.swf, puis uploadez le sur votre serveur à la place de l'actuel (écrasez l'actuel fichier swf).




Importation du XML

Importez le fichier Lecteur_Mp3.xml depuis votre panneau d'administration.
Modules et Produits >> Gestionnaire de Produits >> Importer / Exporter des Produits


Modifications de templates



Pour afficher le lien dans la barre de navigation (navbar)

Ouvrez le template "navbar" et cherchez :


<td class="vbmenu_control"><a href="calendar.php$session[sessionurl_q]">$vbphrase[calendar]</a></td>
Ajoutez après :


<!-- Mp3 Player Launch -->
<if condition="$show['member']">
<td class="vbmenu_control"><a href="javascript:NewWindow=window.open('mp3playerindex.p hp?do=viewmp3playerpopup','newWin','width=500,heig ht=500,left=0,top=0, toolbar=No,location=No,scrollbars=1,status=No,resi zable=No,fullscreen=No');
NewWindow.focus(); void(0);">Lecteur Mp3</a></td>
</if>
<!-- End Mp3 Player Launch -->




Introduction du fichier JS

Ouvrez le template "headinclude" et cherchez :


<script type="text/javascript" src="clientscript/vbulletin_global.js?v=$vboptions[simpleversion]"></script>Ajoutez au-dessus :


<script type="text/javascript" src="clientscript/flashobject.js"></script>



Si vous avez choisi le lecteur clair Z4 :

Ouvrez le template "mp3player_popup", effacez tout et remplacez par :


<!-- js flashobject -->
<div align="center" width="100%" id="xeon_player">
Attention!! Pour voir le lecteur Mp3, Javascript et Flash doivent être actifs !!
</div>
<script type="text/javascript">
var fo = new FlashObject("xeon_mp3_beta.swf", "xeon_player", "450", "400", "8,0,0,0", "#E1E1E2");
fo.addParam("quality", "high");
fo.write("xeon_player");
</script>
<!-- js flashobject -->


Le lecteur sur une page

Créez un template personnalisé
Styles & Templates -> Gestionnaire de styles -> Choix du style -> Ajouté un nouveau template

Titre du template : custom_Xeon

Copier le code suivant dans ce template


$stylevar[htmldoctype]
<html dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
<head>
$headinclude
<title>$vboptions</title>
</head>
<body>
$header
$navbar
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="90%" align="center">
<tr>
<td class="thead">
<span class="smallfont"><strong>$vboptions Lecteur Mp3</strong></span>
</td>
</tr>
</table>
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="90%" align="center">
<tr>
<td valign="middle">
<!-- js flashobject -->
<div align="center" width="100%" id="xeon_player">
Warning!!! To view this Mp3 Player please enable JavaScript and Flash!
</div>
<script type="text/javascript">
var fo = new FlashObject("xeon_mp3_beta.swf", "xeon_player", "450", "400", "8,0,0,0", "#FFFFFF");
fo.addParam("quality", "high");
fo.write("xeon_player");
</script>
<!-- js flashobject -->

</td>
</tr>
</table>
<table cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="90%" align="center">
<td align="center">Copyright: <a href="http://www.digitalport.co.uk">Digital Port UK</a> 2003-2007 - <a href="http://www.vbmodder.com">vbModder.com</a>
</font>
</td>
</table>
$footer
</body>
</html>

Cliquez sur enregistrer.

Pour accéder au lecteur, dirigez-vous vers cette ardesse : http://www.votre_domaine.com/forum/misc.php?do=page&template=Xeon


[B]Configuration



Sur votre panneau d'administration, dans la barre verticale de navigation, vous avez un bloc "Lecteur Mp3" où vous pouvez gérer les Playlists et Mp3.

Attention !!! Avant d'utiliser le lecteur, veuillez vous dirigez dans les [B]groupes d'utilisateurs pour paramétrer les permissions et paramétrez également les options correctement pour ne pas obtenir de messages d'erreurs.




Screenshots et Archive

The Fanopsis
21/05/2008, 16h29
Merci Super Ce Mode Sauf Que Les MP3 ne sont joué qu'aprés etre chargé completement :s
par contre FlamPlayer C'est le Top ^^

voila une petite demo ^^

Flam player (http://wawa.be.ma/player.html)

couleur personalisable depuis le lecteur lui meme ^^ et encore plus
(http://wawa.be.ma/player.html)

Sofia
21/05/2008, 16h39
Merci Super Ce Mode Sauf Que Les MP3 ne sont joué qu'aprés etre chargé completement :s
par contre FlamPlayer C'est le Top ^^

voila une petite demo ^^

Flam player (http://wawa.be.ma/player.html)

couleur personalisable depuis le lecteur lui meme ^^ et encore plus


Le système de couleur est bien aussi mais j'arrive pas à lire les musiques moi ^^

The Fanopsis
21/05/2008, 17h00
comment ca t'arrive pas a lire les musiques ?
tu clique sur play et ca commance :p

Sofia
21/05/2008, 19h11
comment ca t'arrive pas a lire les musiques ?
tu clique sur play et ca commance :p

ah merde je suis conne, je cliquais 2 fois sur le titre :D

The Fanopsis
21/05/2008, 21h02
et tu trouve comment ?

Allan
21/05/2008, 21h08
Superbe hack, j'avais discuter avec son auteur, il étais très gentil :)

Merci pour ce super hack Sofia ;)

Sofia
21/05/2008, 21h08
et tu trouve comment ?

Il est sympa oui, il s'intègre à vB ?

The Fanopsis
22/05/2008, 01h16
Non malheureusement pas un hack Compatible comme Xeon pour vB mais c'est un script complet avec l'interface de gestion d'administration et vraiment il est super cool avec une code html a ajouté dans une template et ca marche nickel ^^

neige
23/05/2008, 13h10
bien sympa ce truc en couleur clair, merci:delicious:

SaPhiR
25/05/2008, 10h45
Merci mais avec Deezer ça ne sert plus à grand chose ^

team76
25/05/2008, 14h43
et la version video ,elle aussi va être mis a jour pour la 3.7? parce que avant je m'en servait et c'etait nikel

SynthaxError
01/06/2008, 21h05
Merci Sofia.

hajjistare
03/06/2008, 20h27
j'ai fait tout le etap mais elle ne march pas du tt