Javascript dans page HTM début 20 - Utilisation lecteur web mp3 en flash...
Forum DivX de Ri4m - Encoder et réencoder les videos - DivX - XviD - RV10 - RV9 - VP6 - VP7

Bienvenue invité ( Connexion | Inscription )

> 

2 Pages V  < 1 2  
Reply to this topicStart new topic
Krater
posté 10/05/2009 13:53
Message #21


2nd rôle
Icône de groupe

Groupe : Rédacteurs
Messages : 582
Inscrit : 13/10/2008
Lieu : Bois-Colombes (92)
Membre no 48.215



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

(IMG:style_emoticons/default/na.gif)
Aller en haut de la page
 
+Citer le message
SG1
posté 10/05/2009 14:46
Message #22


Producteur
Icône de groupe

Groupe : Rédacteurs
Messages : 6.285
Inscrit : 08/10/2004
Lieu : Un coin perdu du Gers (32)
Membre no 4.657



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 »... (IMG:style_emoticons/default/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) ! (IMG:style_emoticons/default/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 :
Image attachée

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 ! (IMG:style_emoticons/default/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é !!! (IMG:style_emoticons/default/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éé...

Image attachée


@+

PS : Image attachée
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 !!!

Ce message a été modifié par SG1 - 10/05/2009 14:57.
Aller en haut de la page
 
+Citer le message
rol
posté 10/05/2009 14:57
Message #23


Admin
Icône de groupe

Groupe : Admin
Messages : 32.192
Inscrit : 12/05/2003
Lieu : DivX ou XviD
Membre no 2



Ca a l'air vraiment sympa ce lecteur (IMG:style_emoticons/default/cling1.gif) En plus, les paramétrages sont nombreux... (IMG:style_emoticons/default/aga.gif)
Aller en haut de la page
 
+Citer le message
SG1
posté 10/05/2009 15:03
Message #24


Producteur
Icône de groupe

Groupe : Rédacteurs
Messages : 6.285
Inscrit : 08/10/2004
Lieu : Un coin perdu du Gers (32)
Membre no 4.657



Bonjour,

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

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

(IMG:style_emoticons/default/cling.gif)

@+
Aller en haut de la page
 
+Citer le message
rol
posté 10/05/2009 15:04
Message #25


Admin
Icône de groupe

Groupe : Admin
Messages : 32.192
Inscrit : 12/05/2003
Lieu : DivX ou XviD
Membre no 2



Ah ok (IMG:style_emoticons/default/aga.gif)

Faudra nous dire ce qu'il vaut à l'utilisation (IMG:style_emoticons/default/aga.gif)
Aller en haut de la page
 
+Citer le message
SG1
posté 10/05/2009 16:30
Message #26


Producteur
Icône de groupe

Groupe : Rédacteurs
Messages : 6.285
Inscrit : 08/10/2004
Lieu : Un coin perdu du Gers (32)
Membre no 4.657



Bonjour,

Citation (rol @ dimanche 10 mai 2009 à 16:04) *
Faudra nous dire ce qu'il vaut à l'utilisation (IMG:style_emoticons/default/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 ? (IMG:style_emoticons/default/an_kes.gif)

Recopie le script ci dessus et teste... 5 minutes et tu auras un jukebox tout neuf ! (IMG:style_emoticons/default/cling.gif)

@+
Aller en haut de la page
 
+Citer le message
SG1
posté 22/05/2009 12:48
Message #27


Producteur
Icône de groupe

Groupe : Rédacteurs
Messages : 6.285
Inscrit : 08/10/2004
Lieu : Un coin perdu du Gers (32)
Membre no 4.657



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

@+
Aller en haut de la page
 
+Citer le message
rol
posté 22/05/2009 19:25
Message #28


Admin
Icône de groupe

Groupe : Admin
Messages : 32.192
Inscrit : 12/05/2003
Lieu : DivX ou XviD
Membre no 2



Tu peux surement utiliser l'ancien script avec IEtester (IMG:style_emoticons/default/cling1.gif)
Aller en haut de la page
 
+Citer le message
SG1
posté 22/05/2009 20:36
Message #29


Producteur
Icône de groupe

Groupe : Rédacteurs
Messages : 6.285
Inscrit : 08/10/2004
Lieu : Un coin perdu du Gers (32)
Membre no 4.657



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 !!!

Ce message a été modifié par SG1 - 22/05/2009 20:39.
Aller en haut de la page
 
+Citer le message

Javascript dans page HTM


2 Pages V  < 1 2
Reply to this topicStart new topic
2 utilisateur(s) sur ce sujet (2 invité(s) et 0 utilisateur(s) anonyme(s))
0 membre(s) :

 

Modes d'affichage: Standard ·


Regrouper

> Discussions similaires à la discussion "Javascript dans page HTM"

Sujet Réponses
page de téléchargement impossible à afficher 0
dans la prévisualisation de riam 4
Page de Download des Codecs PSP/iPod 15
Page de téléchargement 5
page de telechargement 8
dans la foulé un autre 1
Page de download de Ripp-it 16

> Sujets récents

Sujets
Décalage audio
Assistante informatique
disparus de Mourmelon (site off.)
Protection DRM fichiers Divx de l'INA
Tous les codecs nécessaires pour ripper
Firmwares RFPlayer 1000 Domotique
EXTRAIRE PISTE AUDIO D'UN FICHIER VIDEO .MKV
Convertir WAV en MP3
Film à retrouver
Tuto Convertir un DVD en MP4 - DVD en MP4
Mkvmerge : Comment différencier les pistes audio anglaise / françaises ?
Ripper DVD en 50 FPS (simplement)
L'actu des logiciels pour la vidéo
test2
Why Ripp-it(ing) After Me and why Ripp-it(ing) For Me ? So then what's the third Ripp-it(ing) part ?

RSS Nous sommes le : 28/03/2024 19:18
Ripp-It - Le site - Glossaire Audio Vidéo - Versions Rippit - Présentation - Tutoriaux divx - Télécharger Ripp-It - Ripper DVD
Forum Vidéo DivX - Ripp-It - Plan du site
Forum PSP - Forum iPod - Forum Mobile - Forum cinéma - Ripit4ME - Contact

Foot
Forum Ri4m™ © 2019 Ri4m™ - Enregistré à la CNIL sous le numéro 1081457