Version imprimable du sujet

Cliquez ici pour voir ce sujet dans son format original

Forum DivX Video Ripp-it After Me Ri4m _ Le reste en informatique _ Javascript dans page HTM

Écrit par : SG1 01/05/2009 16:39

Bonjour,

Voilà, j'avais créé (avec l'aide de scripts du web), un petit script qui me permettait de lire des Playlist M3U avec un bouton ou un lien dans mes pages web...

Petite précision : Ce sont des pages locales qui ne seront jamais placées en ligne.

Ces playlists (une par dossier de chanteur) me permettait simplement de lancer automatiquement la lecture de tout le dossier sans ouverture d'un player externe.

Mais voilà, avec IE8 (encore) ça ne fonctionne plus... Alors qu'avec IE6, c'était impeccable !

Citation
Entre le balises HEAD
<script LANGUAGE="JavaScript"><!--
function PlayMusique() {
eval("document.musique.play();");}
function PauseMusique() {
eval("document.musique.pause();");}
function StopMusique() {
eval("document.musique.stop();");}
//--></SCRIPT>

<div><embed name="musique" src="00.Liste.m3u" loop="0"
mastersound autostart="0" width="0" height"=0" hidden="true"></div>

Entre le balises BODY
<div style="position:absolute; left:580px; top:200px;">
<input type="button" value="Ecouter la liste" onClick="PlayMusique();"
title="Jouer toute la liste des chansons dans votre lecteur audio..."
style="height:30; width:100;"></div>
<div style="position:absolute; left:690px; top:200px;">
<input type="button" value="Pause" onClick="PauseMusique();"
title="Jouer toute la liste des chansons dans votre lecteur audio..."
style="height:30; width:70;"></div>
<div style="position:absolute; left:770px; top:200px;">
<input type="button" value="Arrêter" onclick="StopMusique();"
title="Jouer toute la liste des chansons dans votre lecteur audio..."
style="height:30; width:70;"></div>


Bon, en fait, j'aimerais bien trouver un petit script simple compatible IE et FF

Merci

@+

PS : Même chose avec un lien simple de MP3
Citation
<a href="La Oreja de Van Gogh - Alguna de mis noches.mp3" onmouseover="return true">
Alguna de mis noches </a><br />

Avec les anciennes versions de IE, un lien de ce genre était lu directement dans IE. Maintenant, lecteur s'ouvre... Et c'est pas ce que je veux.

Écrit par : rol 01/05/2009 19:45

Et dans Firefox, il marche pas ton code là ? an_coucou.gif

Le mode de gestion des plugins a surement changé dans IE8... je regarderai ça quand j'aurais un peu de temps... n'hésite pas à me rappeler à l'ordre yahoo1.gif

Écrit par : Krater 02/05/2009 10:29

Citation (SG1 @ vendredi 01 mai 2009 à 17:39) *
Avec les anciennes versions de IE, un lien de ce genre était lu directement dans IE. Maintenant, lecteur s'ouvre... Et c'est pas ce que je veux.

Ha la la ... ces gens réfractaires au progrès .... an_ouarf.gif

Écrit par : SG1 02/05/2009 10:36

Bonjour,

Citation (rol @ vendredi 01 mai 2009 à 20:45) *
Et dans Firefox, il marche pas ton code là ? an_coucou.gif

Dans Firefox, je ne l'ai pas testé... la plupart de mes scripts ne fonctionne pas dans FF...
Je vais regarder ça de plus près...

Citation (rol @ vendredi 01 mai 2009 à 20:45) *
Le mode de gestion des plugins a surement changé dans IE8... je regarderai ça quand j'aurais un peu de temps... n'hésite pas à me rappeler à l'ordre yahoo1.gif

Pourtant, du javascript reste du javascript... sous IE6 ou sous IE8...
Je pense repasser à IE6, mais de toutes façons, il faudra bien y revenir un jour, à IE8 ou IE9 ou IE10....

En fait, n'importe quel script me conviendra, pourvu que ça fonctionne... gniark.gif

Merci

Citation (Krater @ samedi 02 mai 2009 à 11:29) *
Ha la la ... ces gens réfractaires au progrès .... an_ouarf.gif

Ben le progrès, ce serait plutôt de ne pas se laisser emmerder par ce que l'on ne veut pas... gniark.gif

@+

Écrit par : Krater 02/05/2009 10:45

Citation (SG1 @ samedi 02 mai 2009 à 11:36) *
Ben le progrès, ce serait plutôt de ne pas se laisser emmerder par ce que l'on ne veut pas... gniark.gif

an_ouarf.gif

Écrit par : rol 03/05/2009 02:13

Normalement, la compatibilité est ascendante (ou descendante je ne sais plus yahoo1.gif). Bref, normalement les nouvelles versions sont compatibles avec les anciennes en théorie... quoique chez Microsoft ce n'est pas toujours le cas...

Écrit par : SG1 03/05/2009 09:24

Bonjour,

Citation (rol @ dimanche 03 mai 2009 à 03:13) *
Normalement, la compatibilité est ascendante (ou descendante je ne sais plus yahoo1.gif). Bref, normalement les nouvelles versions sont compatibles avec les anciennes en théorie... quoique chez Microsoft ce n'est pas toujours le cas...


bof.gif La preuve que non...
Le script ci-dessus marchait très bien avec IE5 - IE5.5 et IE6
Je n'ai pas essayé avec IE7, mais comme ça ressemble que 2 gouttes d'eau à IE8...

Mais comme tu dis, c'est du Krosoft !!!

@+

Écrit par : rol 03/05/2009 09:44

C'est du javascript couplé à du DOM (Document Object Model). quand tu cliques sur play, la musique se lance ?

Écrit par : SG1 03/05/2009 13:45

Bonjour,

Citation (rol @ dimanche 03 mai 2009 à 10:44) *
C'est du javascript couplé à du DOM (Document Object Model). quand tu cliques sur play, la musique se lance ?


interro1.gif

Là tu m'en demande beaucoup...

A l'époque ou j'ai placé ce script dans mes pages HTML, le simple clic sur le lien du fichier Playlist.m3u et la musique se lançait en arrière-plan dans Windows Media Player...
Un clic sur echap, et j'arrêtais la zique.

J'avais aussi créé une évolution du même script avec boutons marche et arrêt... (Voir en haut)

C'était sympa et pratique.

@+

Écrit par : thegnou 04/05/2009 01:53

je pense pas que cela soit un problème de javascript.cela doit être un problème de MIME type.

Écrit par : SG1 04/05/2009 10:38

Bonjour Thegnou,

Tu pourrais être plus précis, STP !

Merci

@+

PS : J'ai testé la page avec mon script dans Firefox... Il me demande d'installer des plugins, mais me dit ensuite plugins introuvables (sur le web).

Écrit par : rol 04/05/2009 10:55

Oui car ce sont des plugins WMP (des activeX en fait qui ne sont pas compatible avec Firefox...)

Écrit par : SG1 04/05/2009 14:53

Vouii, le contraire m'aurait étonné...

Donc, en clair, de toutes façons, dans le cas présent, le premier qui peut me proposer un script pour mon cas recevra...

...mes plus sincères remerciements !

Je suis en train de fouiller les sites sur le Javascript... sans trop de succès pour l'instant !

@+

PS : J'ai installé un plugin Windows Media Player pour Firefox... mais ça ne donne rien de plus...

Écrit par : Krater 04/05/2009 15:19

Je ne sais pas si ça correspond à ton problème, mais bon :

"Important! The installer for the Windows Media Player 11 browser plugin has a major design flaw!

Installers for Mozilla plugins should place the plugin files in the folder of the application they belong to, and information in the Windows registry so that all Gecko based browsers can locate the plugin. The Windows Media Player 11 plugin installer does not do this.

If Mozilla Firefox is installed, the plugin will be installed to your Mozilla Firefox plugins folder. If Mozilla Firefox is not installed, it will be placed in a \PFiles\Plugins folder on your Windows drive (usually C:). Safari will detect the plugin in either location.

If you wish to use the Windows Media Player 11 plugin with SeaMonkey or Opera, copy np-mswmp.dll to your browser plugins folder
"

Écrit par : SG1 06/05/2009 08:24

Bonjour,

Merci Krater, je vais regarder ça de plus près... (Traduction avant obligée...) !!!!!!!!!!!!!

En attendant, je viens de faire des tests avec un lecteur MP3 en flash ultra léger (1,70ko) plutôt concluant !

Compte tenu que tous les ordinateurs peuvent aujourd'hui utiliser le flash, c'est peut-être le bon compromis par rapport au JavaScript...

L'inconvénient, c'est qu'il peut lire du MP3, mais pas des listes de lecture...
J'ai vu qu'il était possible de créer une playlist en XML...
Si vous avez des infos à ce sujet et sur d'éventuels lecteurs en flash....

Merci

@+

Écrit par : SG1 09/05/2009 16:42

Bonjour,

C'est le bordel ce javascript... Soit c'est compatible IE et y'a problème avec FF, soit c'est l'inverse.

Bon, je vais regretter les beaux boutons que j'avais mis sur mes pages pour piloter mon ancien script... Mais je viens de placer un petit lecteur SWF (5ko). Fonctionnement nickel dans IE8 et FF.
Il ne gère pas les Playlists, il faut donc mettre la liste complète des chansons dans le script de la page HTM...

Mais bon, le principal, c'est que ça fonctionne.

Si ça intéresse quelqu'un je ferais un petit résumé du script...

@+

PS : Reste que si quelqu'un trouve un bon vieux script Javascript qui fonctionne avec IE et FF, je suis preneur !!!

Écrit par : rol 09/05/2009 16:53

Oui on veut le détail aga.gif

Écrit par : Krater 09/05/2009 18:57

Citation (rol @ samedi 09 mai 2009 à 17:53) *
Oui on veut le détail aga.gif

... et en musique, si possible ! maya.gif

Écrit par : SG1 10/05/2009 10:47

Bonjour,

Citation (rol @ samedi 09 mai 2009 à 17:53) *
Oui on veut le détail aga.gif

gloups.gif Flute ! Moi qui pensait me reposer aujourd'hui !!!

Bon, je prépare un petit résumé et je repasse...

Citation (Krater @ samedi 09 mai 2009 à 19:57) *
... et en musique, si possible ! maya.gif

Ça, ça risque d'être un peu plus compliqué... Le dossier ou j'ai testé le player contient plus de 80 chansons... gniark.gif

@+

Écrit par : rol 10/05/2009 13:41

En fait, on voudrait en musique mais surtout en playlist yahoo1.gif

Écrit par : Krater 10/05/2009 13:53

Citation (rol @ dimanche 10 mai 2009 à 14:41) *
En fait, on voudrait en musique mais surtout en playlist yahoo1.gif

na.gif

Écrit par : SG1 10/05/2009 14:46

Bonjour,

Bon, me revoila !!!

Vous aimez la lecture ? Alors, on y va...

Donc, faute de bon script en Javascript, je me suis donc tourné vers les lecteurs en Flash.

Petite recherche sur « Coupd'gueule.fr »... gniark.gif

J'ai trouvé plusieurs lecteurs/players mp3 SWF en flash... Certains gratuits, d'autres payants, mais n'apportant pas grand chose en plus (du moins pour ce que je voulais en faire...).

J'en ai testé plusieurs, et je me suis tourné vers le DewPlayer. Je ne fais pas de pub, de toutes façons il est gratuit, il est léger (5 ko), il est esthétique...
Mais il peut être amélioré. La prochaine version devrait être mieux (J'espère) ! an_kes.gif

Mais, ce que j'en pense, vous vous en foutez... C'est le script qui vous intéresse, non ?

Bon, le site original du DewPlayer : http://www.alsacreations.fr

Trois versions : Mini, classic, et multi. Voici une capture d'écran :


Le script tel que je l'ai utilisé :

Citation
<html>
<head>
<title>SG1 - Jukebox en flash</title>
<style>
</style>
</head>
<body>
<table border="1" width="240px" height="20px" style="border-collapse: collapse">
<tr>
<td>
<object type="application/x-shockwave-flash" data="Dossier/Dewplayer-multi.swf?mp3=
LoVG - 20 de Enero.mp3|
LoVG - A diez centimetros de ti.mp3|
LoVG - Adios.mp3|
LoVG - Amores dormidos.mp3|
LoVG - Apareces tu.mp3
&randomplay=1" width="240" height="20">
<param name="movie" value="Dossier/Dewplayer-multi.swf?mp3=
LoVG - 20 de Enero.mp3|
LoVG - A diez centimetros de ti.mp3|
LoVG - Adios.mp3|
LoVG - Amores dormidos.mp3|
LoVG - Apareces tu.mp3
&randomplay=1" />
<param name="bgcolor" value="ffffff" />
<param name="wmode" value="transparent" />
</object>
</td>
</tr>
</table
</body>
</html>


Vous pouvez recopier le mini script ci-dessus dans un fichier texte renommé en HTM.
Modifiez simplement le nom du dossier dans lequel vous placerez le lecteur.
Dans l'exemple : « data="Dossier/Dewplayer-multi.swf » et « value="Dossier/Dewplayer-multi.swf »
Modifiez ensuite le nom des chansons que vous allez utiliser :
Dans l'exemple : mp3=LoVG - 20 de Enero.mp3|

Le script de base indique qu'il faut placer le nom des chansons les unes à la suite des autres séparé par une barre droite « | » (AltGR + 6 - Au dessus du T).
Exemple : mp3=Music1|Music2|Music3|Music4|Music5

Après tests, j'ai modifié la disposition pour plus de clarté dans la script.
En les plaçant les unes en dessous des autres, on voit ainsi correctement la liste des chansons à modifier.
Ça marche chez moi, donc ça devrait marcher chez vous...

Evidemment, si vous notez une seule chanson, c'est beaucoup plus simple ! an_ouarf.gif

Les options :

Pourquoi deux fois la même liste ?
Internet explorer utilise les paramètres indiqués dans la balise PARAM
Citation
<param name="movie" value="Dossier/Dewplayer-multi.swf?mp3=Music1.mp3>


Mais Firefox utilise le contenu de la première balise OBJECT
Citation
<object ... data="Dossier/Dewplayer-multi.swf?mp3=Music1.mp3" width="240" height="20">


Pour la compatibilité, il faut donc tout noter en double...
C'est gonflant ces histoires de compatibilité !!! beuh.gif

Cette version 1.9 du DewPlayer ne gère pas les Playlists externes en M3U ou XML.
La prochaine version devait le faire pour le XML, je crois.
De toute façon, je n'ai pas trouvé d'utilitaire pour créer automatiquement une playlist
en XML. Pour les Playlists en M3U, il existe de nombreux utilitaires.

Pour les lecteurs en Flash utilisant des Playlists M3U, je n'en ai trouvé que des payants.
Si vous connaissez quelque chose de gratuit... Ce serait beaucoup plus simple !

Les autres options :
Lecture aléatoire (Intéressant pour de nombreuses chansons) :
Rajoutez « &randomplay=1 » après le dernier MP3 de la première balise OBJECT
Et n'oubliez pas de faire de même dans la première balise PARAM

Lecture automatique :
Rajoutez « &autostart=1 » ou « &autoplay=1 » après le dernier MP3 de la première balise OBJECT
Et n'oubliez pas de faire de même dans la première balise PARAM

Lecture en boucle (dans le cas d'une seule chanson) :
Rajoutez « &autoreplay=1 » après le dernier MP3 de la première balise OBJECT
Et n'oubliez pas de faire de même dans la première balise PARAM

Affichage durée chanson :
Rajoutez « showtime=1 » après le dernier MP3 de la première balise OBJECT
Et n'oubliez pas de faire de même dans la première balise PARAM

Réglage du volume :
Rajoutez « &volume=80 » après le dernier MP3 de la première balise OBJECT
Et n'oubliez pas de faire de même dans la première balise PARAM

Modification de la couleur du lecteur (Blanc par défaut) :
Citation
<param name="bgcolor" value="ffffff" />

Ou ajouter le Transparent :
Citation
<param name="wmode" value="transparent" />


Si vous voulez une compatibilité avec les anciens navigateurs, vous devrez rajouter la même chose dans une balise EMBED avant la balise de fermeture OBJECT (Je ne l'ai pas fait chez moi, car j'utilise le script en local...).

Exemple :
Citation
<object ...>
<param ... />
<embed src="Dossier/Dewplayer-multi.swf?mp3=
LoVG - 20 de Enero.mp3|
LoVG - A diez centimetros de ti.mp3|
LoVG - Adios.mp3|
LoVG - Amores dormidos.mp3|
LoVG - Apareces tu.mp3
&randomplay=1&autostart=1&autoreplay=1&showtime=1&randomplay=1
quality="high" bgcolor="FFFFFF" width="240" height="20" name="dewplayer"
wmode="transparent" align="middle" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>
</object>


On peut également normalement faire lire à ce lecteur, des flux internet direct...
Je n'ai pas testé cette section...

Petit détail, pour clôturer : Ce lecteur ne lit que le MP3 !

Mon opinion finale : Un petit lecteur léger, discret, faisant exactement le travail qu'on lui demande... Mais peut être tout de même amélioré.
« DewPlayer_multi » est intéressant pour plusieurs chansons...
« DewPlayer_mini » prend très peu de place pour une seule chanson.
Reste que si l'on a beaucoup de chanson, un player par chanson demande un temps plus long pour le chargement de la page. J'ai testé en local, alors en ligne, je suppose que ça doit être beaucoup... plus long.

Un bouton de réglage du volume et la gestion de playlist M3u seraient les bienvenus.
Cela reste mon opinion...
A savoir qu'il existe de nombreux lecteurs en Flash et que certains sont plus complet,
mais souvent payant !!!
Les script, eux, sont pratiquement identiques...

Voili, voilà, voilou...

J'ai pas été trop long ?

Si vous avez une question... dans la limite des recherches que j'ai pu effectuer...

Petite capture partielle de la page que j'ai créé...




@+

PS :
Il ne se voit pas, mais copiez ce fichier et renommez-le en Dewplayer-multi.swf (C'est le lecteur d'origine, mais il n'était pas accepté avec la bonne extension en pièce-jointe !!!
Et il n'y a pas d'image puisque... ce n'est pas une image !!!

Écrit par : rol 10/05/2009 14:57

Ca a l'air vraiment sympa ce lecteur cling1.gif En plus, les paramétrages sont nombreux... aga.gif

Écrit par : SG1 10/05/2009 15:03

Bonjour,

Citation (rol @ dimanche 10 mai 2009 à 15:57) *
Ca a l'air vraiment sympa ce lecteur cling1.gif En plus, les paramétrages sont nombreux... aga.gif

Certains lecteurs ont plus de possibilités question paramétrage, mais ne me plaisaient pas niveau esthétique...

cling.gif

@+

Écrit par : rol 10/05/2009 15:04

Ah ok aga.gif

Faudra nous dire ce qu'il vaut à l'utilisation aga.gif

Écrit par : SG1 10/05/2009 16:30

Bonjour,

Citation (rol @ dimanche 10 mai 2009 à 16:04) *
Faudra nous dire ce qu'il vaut à l'utilisation aga.gif


Ben, à première vue, ça fonctionne pas trop mal...

Si j'ai bien compris, c'est le plugin Flash qui est utilisé... en arrière-plan !

Mais tu as bien quelques MP3 sur ton ordi ? an_kes.gif

Recopie le script ci dessus et teste... 5 minutes et tu auras un jukebox tout neuf ! cling.gif

@+

Écrit par : SG1 22/05/2009 12:48

Bonjour,

Pour compléter mon code, le lecteur Flash n'ayant pas de possibilité de régler le volume, peut-on trouver un code (JavaScript ou un mini-flash) pour pouvoir régler le volume du son à partir de la page ?

J'ai tenté de récupérer la partie "volume" des JukeBox en Javascript, mais ça n'a pas l'air de fonctionner...

Merci

@+

Écrit par : rol 22/05/2009 19:25

Tu peux surement utiliser l'ancien script avec IEtester cling1.gif

Écrit par : SG1 22/05/2009 20:36

Bonjour,

Je ne connaissais pas IETester...

Je télécharge... Merci !

Rol, tu as essayé le lecteur SWF ?

@+

PS : Je viens de voir IETester sur Cubic... 23 Mo quand même !!!
Je vais être obligé d'attendre une visite chez mes voisins, sinon mon 56k va pas apprecier !!!

Propulsé par Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)