[WebGenerAction] MiniZik intégrable, module musique JukeBox hyper facile à installer

menucool GRAND Affichage

Interaction Collectuelle & Génération Automatique

MiniZik intégrable, module musique JukeBox hyper facile à installer

samedi 12 juillet 2003, par Walk CopID

dans la meme rubrique...

Plaidoyer pour la liberté de navigation

Web français et autre : La politique de la terre brulée

viruspam la cata, ou la guerre des machines

Walma'Clic une galerie multi-fonction en un clic : 1mn

11 septembre ATTENTAT POÉTIQUE

Voici encore de quoi interactiver vos pages d'accueil. Recopiez un fichier minizik.php3 facile à modifier avec vos titres, ajouter vos fichiers musique dans un dossier "minizik", ou alors téléchargez et dézippez les 80 titres prévus soit plus de 3 heures d'écoute, et animez immédiatement l'ouie de vos visiteurs.

On termine la trilogie chat-kit-musique avec un juke box.

Pas de base à configurer, il vous faut juste le PHP.

Comme pour MiniKat et MiniKit, MiniZik est actif directement en ligne.

MiniZik est visible actuellement sur la page d'accueil du site CopID 100% LibrexPression à droite (un lien en haut de tout le site envoit en fenêtre pop-up) :

http://membres.lycos.fr/copid/

et ses composantes :

http://membres.lycos.fr/copid/minizik.php3 *
http://membres.lycos.fr/copid/minizik/ le stock .mid
http://membres.lycos.fr/copid/sommaire.html (voir source accueil)
http://membres.lycos.fr/copid/hierarchie.html (voir source lien en haut des pages)

* un seul fichier à jeter en FTP

Fonctionnement

minizik.php3 affiche un menu de musiques de fond seul en ligne, et aussi intégré à une page de votre site.

On choisit dans le menu puis clic sur le bouton OK.

un dossier minizik contient l'archive des titres écoutables en lignes. Sur Lycos ou Free son contenu est accessible en ligne pour par exemple télécharger certains titres.

Utilisation

Le visiteur lance une musique par défaut en cliquant sur OK, ou en choisit une dans le menu. Un lien pour voir les archives si l'hébergeur le permet, un lien pour ouvrir le module en fenêtre séparée.

Les codes contiennent des explications pour modifier simplement le look ou autre.

Installation

Créez un dossier minizik dans votre site (FTP) et mettez-y vos fichiers musiques.

Vous pouvez aussi télécharger minizik.zip et dézipper les 80 titres qu'on vous a préparés dans le dossier minizik tout fait, soit plus de 3 heures d'écoute (TAILLE : 800 Ko !) en cliquant sur le fichier minizik.zip dans le stock ici :

http://membres.lycos.fr/copid/minizik/

(le format .mid est le plus compact possible pour des durées importantes, ce sont des musiques d'ambiance de titres connus, ce ne sont pas les musiques originales !)

Dans ce cas envoyez tout le dossier dézippé minizik sur votre site, à côté du fichier minizik.php3 Il contient si nécessaire ce fichier ainsi qu'une image minizik.gif

Recopiez les codes ci-dessous dans un fichier texte (ex : minizik.txt)

Remplacez dans les codes les parties d'adresses http://membres.lycos.fr/copid par l'adresse de votre site, ou effacez-les si votre hébergeur le permet sans erreur (l'adresse complète est indispensable sur Lycos).

Eventuellement remplacez les noms de fichiers et les titres par les votres, ou supprimez ceux qui ne vous plaisent pas.

Renommez le fichier texte en minizik.php3

Jetez-le sur votre site. Allez à l'adresse http://.../minizik.php3

Pour insérer le MiniZik sur votre page html d'accueil (ou article SPIP ou texte à html autorisé), ajoutez à l'endroit souhaité les lignes suivantes :

(taille initiale : 160 x 130 pixels)

Pour mettre une image de fond au lieu du gris (#CCCCCC) par défaut, modifiez IMG/fondpage.jpg avec le bon dossier et/ou le bon nom d'image (ou mettez une image fondpage.jpg dans un dossier appelé IMG).

minikit.php3

<html>
<head>

<title>MiniZik</title>

<style>
BODY{background:#CCCCCC url(IMG/fondpage.jpg) repeat fixed; scrollbar-width: 5; scrollbar-height:5; scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #000000; scrollbar-highlight-color: D8ECFF; scrollbar-3dlight-color: F0FCFF; scrollbar-darkshadow-color: #0D81B9; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #0D81B9; }
</style>
</head>

<?php
// mettre les codes ci-dessous dans la page html où on veut insérer le cadre de minizik (pour activer la frame enlever les espaces autour des 2 i et entre </ et i)
//
//<table><tr><td align="center">
//< i frame name='cadre' width='160' height='130' frameborder='0' marginheight='0' marginwidth='0' align='center' scrolling='false' src='minizik.php3'>Navigateur sans iframe visualisation impossible</ i frame>
//</td></tr></table>

if ( !$zik ) { $zik == "rien.mid"; }
echo "<A NAME='minizikhaut'><center><br>";
// largeur cadre: 140, couleur de bordure: navy mais bordure = 0
echo "<table width='140' cellpadding='0' cellspacing='0' border='0' bordercolor='navy'>";
echo "<tr><td width='100%' align='center'>";
echo "<font size='2' color='#FF0000'><a href='minizik.php3' title='Seul sur une page' target='_blank'>***</a></font>";
echo "<b><font size='2' color='teal'> MiniZik </font></b>";
echo "<font size='2' color='#FF0000'><a href='minizik/' title='Archive musiques' target='_blank'>***</a></font>";
echo "<br></td></tr><tr><td width='100%' align='center'>";

echo "<FORM name='envoyer' method='post' action='minizik.php3#minizikhaut'>";
    echo "<select name='zik'>";
    // addams.mid lancé par défaut si clic sur OK
    echo "<option selected value='addams.mid'>( &nbsp;( MuZik</option>\n";

// Mettez des fichiers mid mp3 wav etc. dans un dossier appellé "minizik"
// Indiquez ici 'nomfichier.xxx' et >titre< Supprimez les lignes en trop
    echo "<option value='abba.mid'>abba</option>\n";
    echo "<option value='addams.mid'>addams</option>\n";
    echo "<option value='alabama.mid'>alabama</option>\n";
    echo "<option value='aladin.mid'>aladin</option>\n";
    echo "<option value='alien.mid'>alien</option>\n";
    echo "<option value='amical.mid'>amical</option>\n";
    echo "<option value='apollo.mid'>apollo</option>\n";
    echo "<option value='aziza.mid'>aziza</option>\n";
    echo "<option value='babar.mid'>babar</option>\n";
    echo "<option value='batman.mid'>batman</option>\n";
    echo "<option value='belle.mid'>belle</option>\n";
    echo "<option value='bettle.mid'>aettle</option>\n";
    echo "<option value='biche.mid'>biche</option>\n";
    echo "<option value='bond.mid'>bond</option>\n";
    echo "<option value='chanteur.mid'>chanteur</option>\n";
    echo "<option value='chariots.mid'>chariots</option>\n";
    echo "<option value='confusion.mid'>confusion</option>\n";
    echo "<option value='copter.mid'>copter</option>\n";
    echo "<option value='cris.mid'>cris</option>\n";
    echo "<option value='daffy.mid'>daffy</option>\n";
    echo "<option value='dansea.mid'>dansea</option>\n";
    echo "<option value='danseb.mid'>danseb</option>\n";
    echo "<option value='dansec.mid'>dansec</option>\n";
    echo "<option value='deuxmille.mid'>deuxmille</option>\n";
    echo "<option value='dust.mid'>dust</option>\n";
    echo "<option value='every.mid'>every</option>\n";
    echo "<option value='evita.mid'>evita</option>\n";
    echo "<option value='exodus.mid'>exodus</option>\n";
    echo "<option value='eyes.mid'>eyes</option>\n";
    echo "<option value='flash.mid'>flash</option>\n";
    echo "<option value='flic.mid'>flic</option>\n";
    echo "<option value='foot.mid'>foot</option>\n";
    echo "<option value='friends.mid'>friends</option>\n";
    echo "<option value='ghost.mid'>ghost</option>\n";
    echo "<option value='buster.mid'>buster</option>\n";
    echo "<option value='imagine.mid'>imagine</option>\n";
    echo "<option value='indiana.mid'>indiana</option>\n";
    echo "<option value='james.mid'>james</option>\n";
    echo "<option value='jumping.mid'>jumping</option>\n";
    echo "<option value='letitbe.mid'>letitbe</option>\n";
    echo "<option value='lonely.mid'>lonely</option>\n";
    echo "<option value='mama.mid'>mama</option>\n";
    echo "<option value='mariages.mid'>mariages</option>\n";
    echo "<option value='milleneuf.mid'>milleneuf</option>\n";
    echo "<option value='mission.mid'>mission</option>\n";
    echo "<option value='mohicans.mid'>mohicans</option>\n";
    echo "<option value='mortal.mid'>mortal</option>\n";
    echo "<option value='musique.mid'>musique</option>\n";
    echo "<option value='oxygene.mid'>oxygene</option>\n";
    echo "<option value='panthere.mid'>panthere</option>\n";
    echo "<option value='partir.mid'>partir</option>\n";
    echo "<option value='prisona.mid'>prisona</option>\n";
    echo "<option value='prisonb.mid'>prisonb</option>\n";
    echo "<option value='prisonc.mid'>prisonc</option>\n";
    echo "<option value='profess.mid'>profess</option>\n";
    echo "<option value='psycho.mid'>psycho</option>\n";
    echo "<option value='raimbow.mid'>raimbow</option>\n";
    echo "<option value='regarde.mid'>regarde</option>\n";
    echo "<option value='rocky.mid'>rocky</option>\n";
    echo "<option value='sirene.mid'>sirene</option>\n";
    echo "<option value='sister.mid'>sister</option>\n";
    echo "<option value='symphoa.mid'>symphoa</option>\n";
    echo "<option value='symphob.mid'>symphob</option>\n";
    echo "<option value='symphoc.mid'>symphoc</option>\n";
    echo "<option value='symphod.mid'>symphod</option>\n";
    echo "<option value='symphoe.mid'>symphoe</option>\n";
    echo "<option value='thelamb.mid'>thelamb</option>\n";
    echo "<option value='thewalla.mid'>thewalla</option>\n";
    echo "<option value='thewallb.mid'>thewallb</option>\n";
    echo "<option value='thewallc.mid'>thewallc</option>\n";
    echo "<option value='thewalld.mid'>thewalld</option>\n";
    echo "<option value='thewallx.mid'>thewallx</option>\n";
    echo "<option value='titanic.mid'>titanic</option>\n";
    echo "<option value='topgun.mid'>topgun</option>\n";
    echo "<option value='trouble.mid'>trouble</option>\n";
    echo "<option value='usthem.mid'>usthem</option>\n";
    echo "<option value='wagnera.mid'>wagnera</option>\n";
    echo "<option value='wagnerb.mid'>wagnerb</option>\n";
    echo "<option value='xfiles.mid'>xfiles</option>\n";

echo "<option value='rien.mid'>zik STOP</option>\n";
    echo "</select>";

echo "<input type='submit' value='OK'>";
echo "<br>";

// image-lien ouverture fenetre popup (supprimer si pas d'image)
echo "<a href=\"javascript:void(0);\" onClick=\"window.open('http://membres.lycos.fr/copid/minizik.php3',null,'width=130,height=80, status=no, directories=no, toolbar=no, location=no, menubar=no, scrollbars=no, resizable=yes');\" title='Ouvrir Popup ou STOP la Zizik'><img src='http://membres.lycos.fr/copid/minizik/minizik.gif' border='0' width='110' height='20' align='bottom'></a>";

if ( $zik ) {
       echo "<table><tr><td>";
       // lire la zik choisie (pour afficher le lecteur sous l'image indiquer hidden='false')
       echo "<embed src='http://membres.lycos.fr/copid/minizik/$zik' hidden='true' border='0' width='100' height='40' autostart='true' loop='true'></embed>";
       echo "</td></tr></table>";
    }
echo "</form>";

echo "</td></tr></table></center>";

</body>
</html>

Voilà c'est fini.

A bonne zik, bon tic !

Exemple d'insertion dans un article sous SPIP...

Si vous voyez la pub Lycos, actualisez la page, merci !

(on utilise ci-dessus le MiniZik et les fichiers du site CopID, en mettant dans l'iframe l'adresse http://membres.lycos.fr/copid/minizik.php3 au lieu de minizik.php3)

signé...

Walk CopID
site: CopID.org 3eme Monde
Texte domaine public - copie libre non marchande (copID)

Plan-Liens Forum

fil: > pourquoi iframe ?
(1/1) 12 juillet 2003 , par Anonyme

rép: Walk

rép: lolo

rép: Walk

fil: > pourquoi iframe ?

12 juillet 2003 [Début forum]

deux petites remarques :

Pourquoi utiliser des Iframe et pas plutot un truc comme

include("minizik.php3");

si bien sur on utilise PHP

et pis un deuxiéme dans l'air du temps :

tu dis mettant dans l'iframe l'adresse http://membres.lycos.fr/copid/minizik.php3 ... , ce qui est trés drôle puisque l'Iframe se retrouve replie par la « Fameuse » frame de pub de Lycos, rigolo n'est ce pas ...

pourquoi include ?
12 juillet 2003, par Walk [Début forum]

hello,

Ben déjà paske les deux autres sont comme ça. Et au premier quelqu'un m'a écrit "faut pas mettre un include faut mettre un iframe, pour aller plus vite". Et j'avais remplacé l'include par iframe, arf !

Vi pour la pub lycos ça me l'avais pas encore fait jusqu'à aujourd"hui, irf !

Faut actualiser la page de l'article pour voir le minizik (et prier que Lycos ne fasse pas du harcèlement en ce moment).

Je peux ptet mettre l'anti-pub lycos dans la page article.html ? Ca marcherait ?

Merci !
- > bem heu l'antipub...
  13 juillet 2003, par lolo [Début forum]
  
  faut voir
  
  je suis pas sur, il se peut que l'anti pub lycos, dans un iframe remplace la page qui l'ouvre,
  
  faut tester
  
  @+
  - include : html iframe : article et html
    13 juillet 2003, par Walk [Début forum]
    oups mais un include je peux pas le mettre dans un article sous spip, donc je suis coincé !

Modem Lent, Non-Voyant: Naviguez en format TEXTE sur ce site