Заставьте jPlayer играть снова без перезагрузки страницы - PullRequest
Новая
       1

Заставьте jPlayer играть снова без перезагрузки страницы

2 голосов
/ 11 декабря 2011

Наши пользователи, использующие IE7 и мне, должны воспроизводить звук, если есть оповещения для диспетчеров.

Это прекрасно работает, когда страница загружена, но если диспетчер оставляет страницу открытой и сообщения были получены ранее.и ответил .... затем при получении новых сообщений звук не работает.

Что я делаю не так при использовании jPlayer?Я просто хочу воспроизводить звук непрерывно, пока есть сообщения.

Мой вызов Ajax 

$.ajax({
    type: "POST",
    url: "/Messages/ViewMessages.aspx/GetMessages",
    data: "{messageId:" + 45 + "}",
    contentType: "application/json; charset=utf-8",
    cache: false,
    dataType: "json",
    timeout: 60000,
    success: function(data) {
        if (data.d.length > 0) {
            showPanic(data.d);
            var sound = "/JavaScript/jQuery/UI/js/Audio/Air Plane Ding-SoundBible.com496729130.mp3";
     playSound(sound);
        }
        else {
            $("#dialog").dialog("destroy");
        }

    }

function playSound(sound) {
            $("#jquery_jplayer_1").jPlayer({
                ready: function() {
                    $(this).jPlayer("setMedia", {
                        mp3: sound
                    }).jPlayer("play");
                },
                loop: true,
                swfPath: "/JavaScript/jQuery/UI/js/jQuery.jPlayer.2.1.0/Jplayer.swf",
                supplied: "mp3"
            });
            $("#jquery_jplayer_1").jPlayer("play");}

Ответы [ 2 ]

3 голосов
/ 11 декабря 2011

попробуйте это изменение в playSound. Нажмите здесь, чтобы запустить код в jsFiddle .

function playSound(sound) {
    var $player = $("#jquery_jplayer_1");
    if ($player.data().jPlayer && $player.data().jPlayer.internal.ready === true) {
        $player.jPlayer("setMedia", {
            mp3: sound
        }).jPlayer("play");
    }
    else {
        $player.jPlayer({
            ready: function() {
                $(this).jPlayer("setMedia", {
                    mp3: sound
                }).jPlayer("play");
            },
            loop: true,
            swfPath: "/JavaScript/jQuery/UI/js/jQuery.jPlayer.2.1.0/Jplayer.swf",
            supplied: "mp3"
        });
    }
}
0 голосов
/ 12 декабря 2011

Мой div jPlayer был внутри класса, который реализовал Display: none.Это исключает доступ к воспроизведению, паузе, остановке функций jPlayer.

...