javascript - PhoneGap Media Plugin - 你能检测到 url 流何时加载吗？

Question

我在通过 Build 3.1 使用 PhoneGap Media 插件让音频播放器在 iOS 和 Android 中正常工作时遇到了一些问题

我有播放和停止按钮，工作正常，但是当您点击播放时，由于音频 URL 加载会出现轻微的延迟，并且会卡住操作系统。我可以应付这个问题，因为它的延迟很短，所以我想我会在屏幕上弹出一个加载图标。

我在这里发布了几次尝试让 JS 工作的文章，因为我不是专家，但现在我意识到我的代码中没有任何内容可以检查音频是否确实在播放!

playAudio 函数加载音频，然后将播放按钮设置为停止按钮。我以为 function success() { 意味着它正在播放，但实际上意味着它已完成播放。

在我的代码中，当单击音频链接时，加载器功能会使屏幕上出现一个旋转器，我认为“成功”会关闭加载器，因为它已加载，而实际上发生的情况是加载器保持打开状态并消失轨道完成后!

我意识到我需要一种方法来检测轨道是否确实正在播放!

我该怎么做？!？!!

函数如下:

function loadPlay(src, trackName) {
   loader();
   playAudio(src, trackName);
}

function loader() {
        // make a loader spinner appear as track loads
    $(".loading").addClass("loadingnow");
}

function playAudio(src,trackname) {
    // for Android
    if (audioPlaying === false) {
        if (device.platform == 'Android') {
            src = '/android_asset/www/' + src;
        }
        media = new Media(src, success, error_error);
        media.play();
        //add playing class so play button is replaced with stop button
        document.getElementById(trackname).parentNode.className="playing";
        audioPlaying = true;
    } else {
        //audio is already playing
    }
}

function success() {
    // track isplaying so remove the stop button put play button back
    $(".playing").removeClass("playing");
    // now track is playing remove the loader spinner
    $(".loading").removeClass("loadingnow");

    audioPlaying = false;
}

function error_error(e) {
    //alert('great error');
    //alert(e.message);
}

function stopAudio() {
    // stop playing track
    if (media) {
        media.stop();
        audioPlaying = false;
    }
}

这里是 PhoneGap Media 插件 API 的链接: http://docs.phonegap.com/en/3.1.0/cordova_media_media.md.html#Media

我需要使用这个位吗？

Media.MEDIA_STARTING = 1;
Media.MEDIA_RUNNING = 2;
Media.MEDIA_PAUSED = 3;
Media.MEDIA_STOPPED = 4;

Answer 1

来自docs :

The following constants are reported as the only parameter to the mediaStatus callback function.

Media.MEDIA_NONE = 0;
Media.MEDIA_STARTING = 1;
Media.MEDIA_RUNNING = 2;
Media.MEDIA_PAUSED = 3;
Media.MEDIA_STOPPED = 4;

mediaStatus 回调是 Media 构造函数中提供的可选第三个回调...

media = new Media(src, success, error_error, status_change);

function status_change(code) {
    switch (code) :
    case Media.MEDIA_STOPPED : doSomething(); break;
}