Musique
Toujours Jquery. Un très bon plugin jPlayer pour les mp3, un tout seul comme ici ou une playliste. Controle du volume.07/05/2009 23:20 // Lu 644 fois
COMMENTAIRES
jPlayer url
lectric // 07/05/2009 23:20
http://www.happyworm.com/jquery/jplayer/0.2.1/demos.htm
code jPlayer avec progressbar
lectric // 07/05/2009 23:20
Par exemple :
$("#jquery_jplayer").jPlayer({
ready: function () {
$("#jquery_jplayer").changeAndPlay('file.mp3');
// la barre
var ctrlBar = "";
for (i=0; i < 100; i++){
ctrlBar = ctrlBar + "|";
}
$('#player_progress_ctrl_bar').html(ctrlBar);
}
});
html du player
lectric // 07/05/2009 23:20
Exemple :
<div id="jquery_jplayer"></div>
<div id="player_container">
<p>
<span id="player_play"><a href="#" title="play">play</a></span> | <span id="player_pause"><a href="#" title="pause">pause</a></span> | <span id="player_stop"><a href="#" title="stop">stop</a></span>
</p>
<div id="player_progress">
<div class="blue" id="player_progress_ctrl_bar"></div>
<div class="magenta" id="player_progress_play_bar"></div>
<div class="green" id="player_progress_load_bar"></div>
</div>
<p>
</p>
<div id="player_playlist_message"></div>
<div id="player_buffer_message"></div>
</div>
Contrôle du volume et marche/arrêt
lectric // 07/05/2009 23:20
le code jquery :
$("#player_play").click( function() {
$('#jquery_jplayer').play();
return false;
});
$("#player_stop").click( function() {
$('#jquery_jplayer').stop();
return false;
});
$("#player_volume_min").click( function() {
$('#jquery_jplayer').volume(0)
return false;
});
$("#player_volume_max").click( function() {
$('#jquery_jplayer').volume(100)
return false;
});