Создание пользовательского плеера Soundcloud. Организация плейлистов

58
7

Спасибо за этих парней и их код (Как получить каждый трек плейлиста с Soundcloud API?), Мой плейлист начал работать.

Но я хотел бы начать/приостановить воспроизведение с нажатием на имя песни (не разные кнопки).

Я попытался сделать это с помощью:

playState togglePause()

У меня не было никакого успеха с ними - playState всегда показывает "undefined" в console.log. Со вторым вариантом сказано -

sound.togglePause не является функцией.

Вот один из моих вариантов кода.

SC.initialize({
client_id: "53902af7a344bb0351898c47bc3d786f"
});

$(document).ready(function(){


SC.get('/users/8179872/playlists/135665862', function(playlist) {


$(playlist.tracks).each(function(i, track) {

var $tr = $('.tr').eq(i);

$tr.append((i + 1) + ' ' + track.title);
$tr.attr('value', track.id);

});

$('.tr').on('click', function(){

var track_id = $(this).attr('value');

SC.stream('/tracks/' + track_id, function(sound){

if (sound.playState === undefined || sound.playState === 0 ||
sound.paused === true) {
sound.play();
console.log(sound.playState);
} else {
sound.pause();
}

});

});

});
});

<!DOCTYPE html>
<html>
<head>
<title>music</title>
<meta charset="windows-1251">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://connect.soundcloud.com/sdk-2.0.0.js"></script>
<script src="http://soundmanagerv297a-20150601/script/soundmanager2.js"></script>
<script src='scriptmine.js'></script>
<link href="main.css" rel=stylesheet type="text/css">
</head>
<body>
<div class="script_m">
<ul class='pl_t'>
<li class='tr'></li>
<li class='tr'></li>
<li class='tr'></li>
<li class='tr'></li>
<li class='tr'></li>
</ul>
</div>
</body>
</html>

спросил(а) 2015-08-22T02:33:00+03:00 5 лет, 2 месяца назад
0
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема