HTML5 аудио несколько кнопок воспроизведения

Question

HTML5 аудио несколько кнопок воспроизведения

0

Im пытается отобразить несколько кнопок воспроизведения, поэтому, если вы нажмете на воспроизведение, то начнется музыка, но затем, если вы нажмете на вторую кнопку воспроизведения, тогда музыка будет воспроизводиться для второго. На данный момент, если вы играете, и я нажимаю на второй, он останавливается, тогда я должен снова щелкнуть его.

Как я могу сделать это без его остановки, когда я нажимаю на другую кнопку воспроизведения во время воспроизведения музыки

Вот jsfiddle

http://jsfiddle.net/eD9K3/

$(document).ready(function(){

window.player = document.getElementById('player');
    $('.play').click(function(){
        if (player.paused) {
            player.play();
            $('.play').html('Play');
            $(this).html('Pause');
        } else {
            player.pause();
            $('.play').html('Play');
            $(this).html('Play');
        }
    });    
});

Daniel Lematy 24 апр. 2014, в 23:14

Источник

Теги:

javascript

jquery

audio

html5

1 ответ

Ещё вопросы

Jahed · Answer 1 · 2014-04-24T19-21-00.000Z

Вы назначаете несколько кнопок воспроизведения одному и тому же элементу аудио. Звук воспроизводится, когда вы нажимаете второй, чтобы он приостанавливался и воспроизводился, когда он снова щелкнул (как указано в вашем обработчике кликов).

Сделайте три разных аудиоэлемента, по одному для каждой кнопки, и назначьте каждый обработчик щелчка кнопки воспроизведения, чтобы приостановить/воспроизвести их отдельно.

for(var i = 0; i < $playButtons.length; i++) {
    var playButton = $playButtons[i];
    var player = $players[i];

    $(playButton).click(onPlayClick.bind(null, playButton, player));  
}

Здесь скрипка: http://jsfiddle.net/eD9K3/1/