首页 文章

IBM Worklight 6.1 - 无法使用Cordova播放本地媒体文件

提问于
浏览 次
0

在Android模拟器中测试过 .

我正在尝试使用Cordova Media API来管理在Worklight项目中本地存储的音频的播放 . 最初我尝试更新我的项目来完成这项任务，但没有成功，所以我决定使用Apache Cordova Media API页面上记录的完整示例 . 我使用完整的示例来播放，暂停和停止音频文件 . 我做的唯一改变是播放我的worklight项目中本地存储的音频文件 .

但是，上述失败......

我在示例项目中创建了一个新文件夹“WavAudo”，其中包含.mp3和要播放的音频的.wav版本 .

当我启动应用程序时，我收到一个警告弹出窗口， error.code 和 error.message 是 undefined . 使用Chrome调试器我在 deviceready 上看到了_我得到了 Uncaught ReferenceError Media is not defined .

我相信我已经尝试了所有可能的路径文件组合来定位文件，但我一定错过了一些东西 .

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
              "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <title>Media Example</title>

    <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
    <script type="text/javascript" charset="utf-8">

    // Wait for device API libraries to load
    //
    document.addEventListener("deviceready", onDeviceReady, false);

    // device APIs are available
    //
    function onDeviceReady() {
        playAudio("/android_asset/www/WavAudio/16300.mp3");
    }

    // Audio player
    //
    var my_media = null;
    var mediaTimer = null;

    // Play audio
    //
    function playAudio(src) {
        // Create Media object from src
        my_media = new Media(src, onSuccess, onError);

        // Play audio
        my_media.play();

        // Update my_media position every second
        if (mediaTimer == null) {
            mediaTimer = setInterval(function() {
                // get my_media position
                my_media.getCurrentPosition(
                    // success callback
                    function(position) {
                        if (position > -1) {
                            setAudioPosition((position) + " sec");
                        }
                    },
                    // error callback
                    function(e) {
                        console.log("Error getting pos=" + e);
                        setAudioPosition("Error: " + e);
                    }
                );
            }, 1000);
        }
    }

    // Pause audio
    //
    function pauseAudio() {
        if (my_media) {
            my_media.pause();
        }
    }

    // Stop audio
    //
    function stopAudio() {
        if (my_media) {
            my_media.stop();
        }
        clearInterval(mediaTimer);
        mediaTimer = null;
    }

    // onSuccess Callback
    //
    function onSuccess() {
        console.log("playAudio():Audio Success");
    }

    // onError Callback
    //
    function onError(error) {
        alert('code: '    + error.code    + '\n' +
              'message: ' + error.message + '\n');
    }

    // Set audio position
    //
    function setAudioPosition(position) {
        document.getElementById('audio_position').innerHTML = position;
    }

    </script>
  </head>
  <body>
    <a href="#" class="btn large" onclick="playAudio
    ('/android_asset/www/WavAudio/16300.mp3');">Play Audio</a>
    <a href="#" class="btn large" onclick="pauseAudio();">Pause Playing Audio</a>
    <a href="#" class="btn large" onclick="stopAudio();">Stop Playing Audio</a>
    <p id="audio_position"></p>
  </body>

我还将这些添加到Android Manifest：

<uses-permission android:name="android.permission.RECORD_AUDIO" />
 <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
 <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
javascript android cordova ibm-mobilefirst

1 回答

  • 1

    示例代码在Cordova 's website works, however it looks like the URL they point to is broken. I' ve replaced it with another提供，然后就可以了 .

    至于播放本地媒体文件，您需要提供媒体文件在生成的Android项目中所在位置的完整路径 . 例如，如果在Worklight应用程序中创建 common\audio 文件夹并在其中放置.mp3文件，则需要使用以下路径（在HTML或JavaScript中，或者您想要...）：

    <a href="#" onclick="playAudio('/android_asset/www/default/audio/myMediaFile.mp3');">Play Audio</a>

    这是因为在Worklight中，每个应用程序都被视为"skin" . 有"default"皮肤和if you add another，它将在 www 文件夹中拥有自己的文件夹 .

    示例项目：Android Cordova Media API

    P.S.，我认为将一个示例从Cordova复制粘贴到Worklight项目并不是一个好习惯 .

    • 没有要链接的cordova.js .

    • 听取 deviceready 是多余的，因为这是在内部处理的 . 这样说：如果你已经达到 wlCommonInit() ，那你就走了 .

    • 除非您想要这些权限提供的内容，否则无需添加额外权限...

    回复于

相关问题