CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2012 05 28 14:34:32

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil >

RADIO PLAYER PARAMÉTRABLE

Information sur la source

Note :

10,00 / 10

Catégorie :Divers Classé sous :jukebox, radio, player, radioplayer Niveau :Débutant Date de création :21/05/2006 Vu :20 033

Auteur : kiwi1nut

Ecrire un message privé

Site perso

Commentaire sur cette source (10)

Ajouter un commentaire et/ou une note

Description

A la suite du code trouvé sur ce post http://www.javascriptfr.com/code.aspx?ID=23476, j'ai décidé de plancher et d'ajouter quelques fonctionnalités en plus : images en fond de lecteur, texte défilant et un peu de design en plus! et aussi le fait qu'il puisse s'ouvrir dans une fenêtre pop up.

En demo sur http://travelindia.free.fr/mp3/radio.php

Source

Un fichier radio.htm
<head>
<SCRIPT LANGUAGE="JavaScript1.2">
<!--
function OpenPopUp(MyFile,MyWindow,MyWidth,MyHeight)
//MyFile : nom du fichier contenant le code HTML du pop-up
//MyWindow : nom de la fenêtre (ne pas mettre d'espace)
//MyWidth : entier indiquant la largeur de la fenêtre en pixels
//MyHeight : entier indiquant la hauteur de la fenêtre en pixels
{
var ns4 = (document.layers)? true:false; //NS 4
var ie4 = (document.all)? true:false; //IE 4
var dom = (document.getElementById)? true:false; //DOM
var xMax, yMax, xOffset, yOffset;;
if (ie4 || dom)
{
xMax = screen.width;
yMax = screen.height;
}
else if (ns4)
{
xMax = window.outerWidth;
yMax = window.outerHeight;
}
else
{
xMax = 800;
yMax = 600;
}
xOffset = (xMax - MyWidth)/2;
yOffset = (yMax - MyHeight)/2;
window.open(MyFile,MyWindow,'width='+MyWidth
+',height='+MyHeight
+',screenX='+xOffset
+',screenY='+yOffset
+',top='+yOffset
+',left='+xOffset
+',scrollbars=yes,resizable=yes');
}
//-->
</SCRIPT>
</head>
<body>
<INPUT TYPE="BUTTON" VALUE="radios" onClick="OpenPopUp('radios.htm','radios',500,300)">
</body>
et un autre radios.html
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Travelindia.fr présente sa sélection de radios</title>
<style type="text/css">
<!--
.Style1 {color: #FFFFFF;
font-weight: bold;
}
.Style2 {
color: #000000;
font-weight: bold;
}
-->
</style>
</head>
<body bgcolor="#000000">
<!————————————————————————————————————————————————————————————————————————————————>
<table width="400" height="250">
<tr><td width="300" height="250" align="center" valign="middle" bgcolor="#F141A6">
<img src="images/votreimage.gif" width="200" height="179"><br> //ici vous mettez votre image pour le fond du lecteur
<marquee behavior="scroll" direction="left" height="20" width="200" align="middle" scrolldelay="1" scrollamount="2" OnMouseOver="this.stop()" OnMouseOut="this.start()" name="marquee1" id="marquee1" style="margin-left:9px">
<span class="Style1">On vous présente notre sélection de radios...Pour les écouter, il vous suffit de cliquer sur le nom de la radio. </span>
</marquee>
<br />
<object name="ObjSonWav" id="ObjSonWav" height="25" width="300" classid = "CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase = "http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" standby="Travelindia.fr vous présente sa sélection de radios..." type="application/x-oleobject">
<embed width="0" height="0" hidden="TRUE" autostart="FALSE" loop="TRUE" type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/download/default.asp" id="lecteur"></embed>
</object></td>
<td width="100" height="250" align="center" valign="middle">
<select name=radio
size=15
onchange="ObjSonWav.FileName=this.options(this.selectedIndex).value;" style=" background-color:#33CC66" class="Style2" /> //ici parmaétrage de la couleur du bg du fond de la liste des radios
<option value="http://www.radiohumsafar.com/humsafar.asx"/>
Humsafar
<option value="http://www.makeni.net/akash/akash.asx"/>Akash radio UK
<option value="http://www.apnaradio.com/live/media64/ApnaRadio.asx"/>Apna radio
<option value="http://www.humfm.com/humfm.asx"/>Hum FM live
<option value="http://cache.yacast.fr/V4/europe1/europe1.asx"/> Europe 1
<option value="http://www.radioteentaal.com/masala128.wax"/> Radio Teental
</select></td></tr></table>
</body>
</html>

Un fichier radio.htm
<head>
<SCRIPT LANGUAGE="JavaScript1.2">
<!--
function OpenPopUp(MyFile,MyWindow,MyWidth,MyHeight)
//MyFile :   nom du fichier contenant le code HTML du pop-up 
//MyWindow :   nom de la fenêtre (ne pas mettre d'espace) 
//MyWidth :   entier indiquant la largeur de la fenêtre en pixels 
//MyHeight :   entier indiquant la hauteur de la fenêtre en pixels 

{    
var ns4 = (document.layers)? true:false;    //NS 4 
var ie4 = (document.all)? true:false;   //IE 4 
var dom = (document.getElementById)? true:false;   //DOM 
var xMax, yMax, xOffset, yOffset;;    

    if (ie4 || dom)
        {
        xMax = screen.width;
        yMax = screen.height;
        }
    else if (ns4)
        {
        xMax = window.outerWidth;
        yMax = window.outerHeight;
        }
    else
        {
        xMax = 800;
        yMax = 600;
        }
    xOffset = (xMax - MyWidth)/2;
    yOffset = (yMax - MyHeight)/2;
    window.open(MyFile,MyWindow,'width='+MyWidth
+',height='+MyHeight
+',screenX='+xOffset
+',screenY='+yOffset
+',top='+yOffset
+',left='+xOffset
+',scrollbars=yes,resizable=yes');
    }
//-->
</SCRIPT>


</head>
<body>
<INPUT TYPE="BUTTON" VALUE="radios" onClick="OpenPopUp('radios.htm','radios',500,300)">
</body>

et un autre radios.html
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Travelindia.fr présente sa sélection de radios</title>

<style type="text/css">
<!--
.Style1 {color: #FFFFFF;
font-weight: bold;

}
.Style2 {
	color: #000000;
	font-weight: bold;
	}




-->
</style>
</head>

<body bgcolor="#000000">
<!————————————————————————————————————————————————————————————————————————————————>
<table width="400" height="250">
  <tr><td width="300" height="250" align="center" valign="middle" bgcolor="#F141A6">

	 
	 
  	<img src="images/votreimage.gif" width="200" height="179"><br> //ici vous mettez votre image pour le fond du lecteur
	
	<marquee behavior="scroll" direction="left" height="20" width="200" align="middle" scrolldelay="1" scrollamount="2" OnMouseOver="this.stop()" OnMouseOut="this.start()" name="marquee1" id="marquee1" style="margin-left:9px">
	<span class="Style1">On vous présente notre sélection de radios...Pour les écouter, il vous suffit de cliquer sur le nom de la radio. </span>
	</marquee>
<br />

	<object name="ObjSonWav" id="ObjSonWav" height="25" width="300" classid = "CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase = "http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" standby="Travelindia.fr vous présente sa sélection de radios..." type="application/x-oleobject">
				<embed width="0" height="0" hidden="TRUE" autostart="FALSE" loop="TRUE" type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/download/default.asp" id="lecteur"></embed>
	</object></td>
	
	<td width="100" height="250" align="center" valign="middle"> 
	      
  
    <select name=radio
		size=15 
        onchange="ObjSonWav.FileName=this.options(this.selectedIndex).value;" style=" background-color:#33CC66" class="Style2" />   //ici parmaétrage de la couleur du bg du fond de la liste des radios
      <option value="http://www.radiohumsafar.com/humsafar.asx"/>
       Humsafar
      <option value="http://www.makeni.net/akash/akash.asx"/>Akash radio UK
      <option value="http://www.apnaradio.com/live/media64/ApnaRadio.asx"/>Apna radio
      <option value="http://www.humfm.com/humfm.asx"/>Hum FM live
              
      <option value="http://cache.yacast.fr/V4/europe1/europe1.asx"/> Europe 1
      <option value="http://www.radioteentaal.com/masala128.wax"/> Radio Teental
                  
                  
                  
</select></td></tr></table>

</body>
</html>

Sources de la même categorie

SLIDESHOW IMAGES ET TEXTES EN PUR JAVASCRIPT par ansuzpeorth

INPUT TEXT AUTOMATIQUE CREATION SUPPRESSION par lycanges

TABLE_SV : TABLEAU DYNAMIQUE, MONTRER/CACHER COLONNE SUR DEM... par synanceia

COLONNES ADAPTABLES EN HAUTEUR par dronoide

VECTEURS ET MATRICES: OUTILS GRAPHIQUES UTILES par william voirol

Toutes les sources de la catégorie Divers

Sources en rapport avec celle ci

HTML5 PLAYER par kazma

PETIT LECTEUR AUDIO HTML 5 par maichafred

PLAYER VIDEO HTML À BONDER par Hakumbaya

JUKEBOX (MENU DÉROULENT) par ltkill

JUKEBOX AVEC RADIO par crashtest

Commentaires et avis

Commentaire de saiyens le 05/06/2006 21:24:07

Bonjour,

Sous mozilla on ne voit pas le lecteur et de se fait la radio ne fonctionne pas avez vous une solutions pour mozilla, sinon moi je trouve ceci trés interessant.

Bonne continuation.

Commentaire de kiwi1nut le 05/06/2006 21:58:12

Bonsoir,
effectivement le lecteur ne s'affiche pas sous firefox...je m'en suis rendu compte et travaille dessus. jevous tiens au courant!

Commentaire de kiwi1nut le 05/06/2006 21:58:51

en fait il marche sous internet explorer

Commentaire de saiyens le 06/06/2006 15:58:58

Pas de souci je suis patient, bravo pour le taff.

Commentaire de kiwi1nut le 07/06/2006 20:20:37

a yest j'ai un élémént de réponse, le player microsoft vers9 n'est pas pris en charge par firefox. il faut la version 6. Je la cherche et je l'installe sinon je mettrais une base de real player

Commentaire de kiwi1nut le 07/06/2006 20:28:20

Voila après toutes mes recherches en fait firefox doit avoir un plugin pour lire des fichiers audios et videos.
Vous pouvez le télécharger à cette adresse :
http://releases.mozilla.org/pub/mozilla.org/extensions/mediaplayerconnectivity/mediaplayerconnectivity-0.6.2-fx+fl+mz+ns+zm.xpi

Commentaire de saiyens le 10/06/2006 17:05:41

Merci beaucoup, je mis met de suite.

Commentaire de joebuz le 10/03/2008 13:40:57

il y a une petite faute ici :

<INPUT TYPE="BUTTON" VALUE="radios" onClick="OpenPopUp('radios.htm','radios',500,300)">

radios.html au lieu radios.htm !!!! :-)

sinon bone source

Commentaire de bosscharlo le 03/07/2008 20:27:46

Bonjour, je suis en L3 math-info je suis vraiement interresé par la conception site web je suis en train de contruire un site médiathique mais j'ai rencontré un grand probleme je voudrais introduire une jukebox audio et un jukebox vidéo
qui peut lire aléatoirement les musiques et les vidéos sur mon site et je voudrais aussi animé parfois est ce que pourrait me donner un code qui fait tout ça j'ai deja essayé plusieurs sur le forum ils font pas ce que je voulais exactement et j'arrive pas les comprendres aussije compte sur vous et je vous attends
cordialemnt
Bosscharlo

Commentaire de Mygale06 le 18/03/2010 14:26:42

Bonjour, a quand une application pour Iphone

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

test sur une radio box [ par yoyo ] Salutcomment tester en javascript qu'une radiobox a ete cochee ou pas ?merciYoyo recup val champ radio [ par emixam ] Bonjourune question qui m embete depuis longtemps,j arrive pas a recuperer la valeur d un champs radio.form.mon_radio.valuemarche pas....:-( bouton radio [ par alexjet ] Bonjour à tous , j'aimerai récuperer la valeur de mes boutons radio lors d'un évènement onclick sur mon bouton envoyer.Voici mon script : function con click sur un bouton radio [ par Poulipe ] Bonjour,j ai par exemple 3 boutons radio.b1b2b3tout le monde sait que sur ces 3 boutons, un seul peut etre cocher...mon pb : je voudrais que si le bo Bloquer un textarea [ par hicksman ] Salut!je voudrais bloquer ( en disabled ou readonly) un textarea en cliquant sur un bouton radio. sans recharger la page.Quelle est la méthode à utili comment recuperer la value d'un radio ? [ par roro06 ] Un formulaire doit concatener plusieurs champs dont des radio avant d'etre envoyé au serveur. Mais comment récupérer la valeur des champs radio ? ex:& Gestion de textbox [ par jistan ] J'essaie de faire un calcul dans un textbox ExpleBouton radio 1 --> article 1Bouton radio 2 --> article 2Les boutons radio ont le même nom RADte boutons radio [ par eax ] salut!!g encore un petit problème : c'est dans la vérification d'un formulaire, je veux tester si le mec a sélectionné sa ville dans une liste de bout controle d'un textarea par radio [ par nrossero ] Je souhaite controler le contenu d'un textarea. CaD, j'ai un radio OUI et un NON, quand le NON est cheked, je veux que la value soit figée, et modifia un formulaire avec option radio à recupere [ par azita ] comment faut il faire pour mettre une option radio à recupere dans un formulaire. merci d'avance

Nos sponsors

Derniers Blogs

IMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg

KINECT 1.5 IS OUT ! par Vko

LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc

REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc

SHAREPOINT BLOG SITE, PROBLèME D'ARCHIVES par junarnoalg

Forum

MULTI SLIDER UNE SEUL PAGE par karouani

RE : CODE POUR FAIRE APPARAîTRE UN TEXTE EN DESSOUS D'UN LIEN par emuleed2k

RE : RéCUPERATION D'UNE VARIABLE DE JAVASCRIPT VIA PHP par smahaneAAI

POPUP OUVERT à PARTIR D'UN IFRAME par mrassaa

UTILISER UN .JS par zaikoe

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Installation et configuration de blogs Wordpress
Budget : 8 500€
Recheche Web Master pour MAJ de plateformes Musical
Budget : 500€
Realisation d-une version 2 d-un site e-commerce existant sous prestashop-REPUBLICATION
Budget : 5 000€

Logiciels

sDEVIS-FACTURES vlPRO (8.1.0.3)
SDEVIS-FACTURES VLPRO (8.1.0.3)

sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa...

Cliquez pour télécharger sDEVIS-FACTURES vlPRO
974 Application Server (12.2.4.6)
974 APPLICATION SERVER (12.2.4.6)

Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc...

Cliquez pour télécharger 974 Application Server
vPicture (1.4.2.1)
VPICTURE (1.4.2.1)

Avec vPicture, hébergez vos images facilement et rapidement. vPicture est un utilitaire simple, ...

Cliquez pour télécharger vPicture
Easy-Planning (2.2.1.6)
EASY-PLANNING (2.2.1.6)

Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au...

Cliquez pour télécharger Easy-Planning
COM-BACKUP (2.0)
COM-BACKUP (2.0)

COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...

Cliquez pour télécharger COM-BACKUP