Доброго времени всем! Есть вопрос но нет решения!
Подскажите если кто знает!
Сам вопрос!
По поисковому запросу у себя на тестовом сайте вывожу данные,описание,ссылки и.т.д в таблицу! "Циклом при мощи PHP с базы MYSQL" музыкального файла"также выводится картинка в виде кнопки play"!
Помогите найти решение! Немогу сделать чтоб при нажатии на картинку play ссылка с url-ом песни попадала в плеер встроенный на сайте! "Начанала играть выбранная песня"!
Зарание всем спасибо!
Делаю на основе Jplayer
Код js
<script type="text/javascript">
$(document).ready(function(){
var my_jPlayer = $("#jquery_jplayer"),
my_trackName = $("#jp_container .track-name"),
my_playState = $("#jp_container .play-state"),
my_extraPlayInfo = $("#jp_container .extra-play-info");
var opt_play_first = false,
opt_auto_play = true,
opt_text_playing = "Сейчас играет",
opt_text_selected = "Выбирите трек";
var first_track = true;
$.jPlayer.timeFormat.padMin = false;
$.jPlayer.timeFormat.padSec = false;
$.jPlayer.timeFormat.sepMin = ":";
$.jPlayer.timeFormat.sepSec = "";
my_playState.text(opt_text_selected);
my_jPlayer.jPlayer({
ready: function () {
$("#jp_container .track-default").click();
},
timeupdate: function(event) {
my_extraPlayInfo.text(parseInt(event.jPlayer.status.currentPercentAbsolute, 10) + "%");
},
play: function(event) {
my_playState.text(opt_text_playing);
},
pause: function(event) {
my_playState.text(opt_text_selected);
},
ended: function(event) {
my_playState.text(opt_text_selected);
},
swfPath: "js",
cssSelectorAncestor: "#jp_container",
supplied: "mp3",
wmode: "window"
});
$("#jp_container .track").click(function(e) {
my_trackName.text($(this).text());
my_jPlayer.jPlayer("setMedia", {
mp3: $(this).attr("href")
});
if((opt_play_first && first_track) || (opt_auto_play && !first_track)) {
my_jPlayer.jPlayer("play");
}
first_track = false;
$(this).blur();
return false;
});
});
</script>
Код hml
<body>
<div id="jquery_jplayer"></div>
<center>
<div id="jp_container" class="demo-container"><!-- Плеер -->
<p>
<span class="play-state"></span> :
<span class="track-name">ничего</span>
<span class="extra-play-info"></span>
<span class="jp-current-time"></span> | <span class="jp-duration"></span>
</p>
<ul>
<li><a class="jp-play" href="#" tabindex="1">Играть</a></li>
<li><a class="jp-pause" href="#"tabindex="1">Пауза</a></li>
<li><a class="jp-stop" href="#">Стоп</a></li>
</ul>
<ul>
<li>Громкость :</li>
<li><a class="jp-mute" href="#">Заглушить</a></li>
<li><a class="jp-unmute" href="#">Включить звук</a></li>
<li> <a class="jp-volume-bar" href="#">|<---------->|</a></li>
<li><a class="jp-volume-max" href="#">Максимально</a></li>
</ul>
</div>
<div id="jp_container" class="results">
<ul>
<li><a href="#">тут картинка в виде play</a><a href="http://путь до mp3" class="track track-default">Название_1</a> | <a href="#"><i>к примеру: inna</i></a></li>
</ul>
<ul>
<li><a href="#">тут картинка в виде play</a><a href="http://путь до mp3" class="track">Название_2</a> | <a href="#"><i>к примеру: medina</i></a></li>
</ul>
1) <a href="#">тут картинка в виде play</a> при нажатии остановка предыдущей песни и запуск выбронной в данный момент
2)<a class="song_play"><img src="тут картинка в виде play"></a> думаю так правильней!
Всё сори праблему решил сам!
