Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.08.2013, 15:38
Аспирант
Отправить личное сообщение для alex2012 Посмотреть профиль Найти все сообщения от alex2012
 
Регистрация: 05.01.2012
Сообщений: 76

Плеер audio.min.js
Ситуция такова

Использовал плеер
http://kolber.github.io/audiojs/

Установил плеер на сайт

Плейлист изначально выглядел так
<ol>

<li id="www_1" class="">
<a data-src="mp3pler/mus/20130802223703.mp3" href="#"> Все просто .mp3</a>
</li>

<li id="www_1" class="">
<a data-src="mp3pler/mus/20130805555555.mp3" href="#"> No WayOut.mp3</a>
</li>

</ol>


Я добавил <div> после <li>

<ol>
<li id="www" class="playing">
<a data-src="mp3pler/mus/20130802223703.mp3" href="#"> Все просто .mp3</a>
</li>

<div id="divmp" >
<div class="divmp_load">
<div class="divmp_add">
<div class="divmp_add">
</div>

<li id="www" class="">
<a data-src="mp3pler/mus/20130805555555.mp3" href="#"> No WayOut.mp3</a>
</li>

<div id="divmp" >
<div class="divmp_load">
<div class="divmp_add">
<div class="divmp_add">
</div>

</ol>


Проблема в том при завершении песни нет перехода на новую композицию

вот часть кода которая отвечает за переход

// Setup the player to autoplay the next track
        var a = audiojs.createAll({
          trackEnded: function() {
            var next = $('ol li.playing').next();
            if (!next.length) next = $('ol li').first();
            next.addClass('playing').siblings().removeClass('playing');
            audio.load($('a', next).attr('data-src'));
            audio.play();
          }
        });


К композиции которая играет добавляется class="playing"
Причина в этой строке

var next = $('ol li.playing').next();
После ol li.playing изначально должно идти ol li (тогда работает),
Но так-как я добавил див и он идёт следующим то(autoplay the next track ) не работает

Короче говоря как перепрыгнуть <div id="divmp" > выбрать ol li

Последний раз редактировалось alex2012, 03.08.2013 в 15:49.
Ответить с цитированием
  #2 (permalink)  
Старый 03.08.2013, 17:40
Профессор
Отправить личное сообщение для tenshi Посмотреть профиль Найти все сообщения от tenshi
 
Регистрация: 20.03.2008
Сообщений: 1,183

.next('li')
__________________
.ня
Ответить с цитированием
  #3 (permalink)  
Старый 03.08.2013, 17:46
Аспирант
Отправить личное сообщение для alex2012 Посмотреть профиль Найти все сообщения от alex2012
 
Регистрация: 05.01.2012
Сообщений: 76

Пробовал не работает

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  
  <script>

  $(document).ready(function(){
$('ol li.playing').next('li').css("background", "yellow");
  });
  </script>
  
</head>
<body>
<ol> 

<li id="www_1" class="playing"><a>Bla bla</a></li> 
<div id="divmp_1" class="www"><div >22</div ></div > 

<li id="xzx" ><a>Bla bla</a></li> 
<div id="divmp" class="www"><div>333</div ></div > 

</ol>
</body>
</html>

Последний раз редактировалось alex2012, 03.08.2013 в 17:49.
Ответить с цитированием
  #4 (permalink)  
Старый 03.08.2013, 18:39
Аспирант
Отправить личное сообщение для alex2012 Посмотреть профиль Найти все сообщения от alex2012
 
Регистрация: 05.01.2012
Сообщений: 76

Тему можно закрыть.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
uppod плеер + функции проигрывания Artyom91 Работа 1 24.04.2013 22:41
Mp3 плеер на JavaScript/Flash krisstail Работа 1 26.05.2012 03:00
Проблема с flowplayer или помочь найти видео плеер snapson Библиотеки/Тулкиты/Фреймворки 8 09.03.2012 20:00
скрыть плеер за надписью Ageles Работа 0 25.10.2010 16:51
как скрыть плеер за надписью Ageles Общие вопросы Javascript 5 25.10.2010 09:25