Bouton de lecture dans le navigateur

Question

Je veux mettre des chansons sur une page Web et avoir un petit bouton de lecture, comme vous pouvez le voir sur Last.fm ou Pandora. Il peut y avoir plusieurs chansons listées sur le site, et si vous commencez à jouer une chanson différente avec une chanson déjà jouée, elle mettra en pause la première piste et commencera à jouer celle sur laquelle vous venez de cliquer. Je pense qu'ils utilisent Flash pour cela, et je pourrais probablement l'implémenter dans quelques heures, mais y a-t-il déjà du code que je pourrais utiliser pour cela? Peut-être juste un fichier swf flash que vous collez caché sur une page web avec une API JavaScript de base que je peux utiliser pour diffuser des fichiers mp3?

En outre, qu'en est-il des fichiers WMA ou AAC? Y at-il une solution universelle qui va jouer ces 3 types de fichiers?

---

http://musicplayer.sourceforge.net/

Answer 1

Il y a beaucoup de lecteurs mp3 flash que vous pouvez utiliser qui font cela. Habituellement, il vous suffit d'éditer un fichier texte pour pointer vers les fichiers MP3 que vous voulez avoir.

Voici le premier qui a montré sur une recherche google pour flash mp3 player: http://www.flashmp3player.org/demo.html

Answer 2

Ceci est assez simple si vous souhaitez intégrer le WMP, vous pouvez utiliser toutes les commandes via JavaScript. Il y a une bonne section MSDN mais je n'arrive pas à le trouver maintenant.

Editer: J'ai trouvé this sur MSDN il contient les propriétés qu'un WMP incorporé acceptera alors tout ce que vous avez à faire est d'appeler les méthodes via javascript.

<OBJECT id="VIDEO" width="320" height="240" 
    style="position:absolute; left:0;top:0;" 
    CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" 
    type="application/x-oleobject"> 

    <PARAM NAME="URL" VALUE="your file or url"> 
    <PARAM NAME="SendPlayStateChangeEvents" VALUE="True"> 
    <PARAM NAME="AutoStart" VALUE="True"> 
    <PARAM name="uiMode" value="none"> 
    <PARAM name="PlayCount" value="9999"> 
</OBJECT> 

Puis le javascript

<script type="javascript"> 
obj = document.getElementById("VIDEO"); //Where video is the id of the object above. 
obj.URL="filename"; //You can use this to both start and change the current file. 
obj.controls.stop(); //Will stop 
obj.controls.Pause(); //Pause 
</script> 

Quelque part je ici du code pour contrôler même le volume.
Il ya quelque temps, j'ai construit un lecteur personnalisé (à la recherche) pour un client purement en HTML et JavaScript.

Answer 3

Quelque chose que je bookmarked il y a longtemps, mais n'a jamais pu tester jusqu'à présent: http://www.schillmania.com/projects/soundmanager2/

Answer 4

Je deuxième suggestion superjoe30: J'ai eu un grand succès avec musicplayer. Le seul (léger) négatif est que c'est un projet un peu plus ancien et pas aussi skinnable que certaines alternatives (bien que vous ayez le code source complet, donc - avec un peu de temps - vous pouvez le faire exactement comme vous en avez besoin) .