Javascript 音频无法使用phoneGap_Javascript_Html_Cordova

Javascript 音频无法使用phoneGap

javascript html cordova

Javascript 音频无法使用phoneGap,javascript,html,cordova,Javascript,Html,Cordova,嗨，我尝试为我的游戏添加声音我使用了aphoneGap代码： <!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="te

嗨，我尝试为我的游戏添加声音我使用了aphoneGap代码：

   <!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="js/phonegap-1.4.1.js"></script>
    <script type="text/javascript" charset="utf-8">

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

    // PhoneGap is ready
    //
    function onDeviceReady() {
        playAudio("http://audio.ibeat.org/content/p1rj1s/p1rj1s_-_rockGuitar.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('http://audio.ibeat.org/content/p1rj1s/p1rj1s_- 
      _rockGuitar.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>
   </html>

有什么想法吗，提前感谢您

将路径更改为“/android_asset/www/sounds/introDino.mp3”，一切都会好的。阅读我的Android迷你教程：

此功能将使用HTML5音频API（如果可用）播放声音，如果不可用，则返回PhoneGap媒体API：

function playAudio(src) {

    // HTML5 Audio
    if (typeof Audio != "undefined") { 
        new Audio(src).play() ;

    // Phonegap media
    } else if (typeof device != "undefined") {

        // Android needs the search path explicitly specified
        if (device.platform == 'Android') {
            src = '/android_asset/www/' + src;
        }

        var mediaRes = new Media(src,
            function onSuccess() {
                // release the media resource once finished playing
                mediaRes.release();
            },
            function onError(e){
                console.log("error playing sound: " + JSON.stringify(e));
            });
        mediaRes.play();

    } else {
        console.log("no sound API to play: " + src);
    }
}

由于新安卓版本（可能在其他平台上）上的音频对象可用且不“未定义”，所以之前的两个答案都不起作用。因此，我将代码升级为：

function playSound(src){
var devicePlatform = (typeof device !== 'undefined' && device.platform)? device.platform: null;
if (typeof Audio !== "undefined" && devicePlatform === null) {          // HTML5 Audio
    new Audio(src).play() ;
} else if ( devicePlatform ) {              // Phonegap media
if (devicePlatform === 'Android') {     // Android needs the search path explicitly specified
    src = '/android_asset/www/' + src;
}
var media  = new Media(src,
function onSuccess() {
    media.release();                // Release the media resource once finished playing
},
function onError(e){
    console.log("error playing sound: " + JSON.stringify(e));
}
);
media.play({numberOfLoops: 1});
} else {
    console.log("no sound API to play: " + src);
}
}

还必须说，在所有这些之前，您必须添加cordova构建的“设备”和“媒体”插件，否则将无法工作。可用插件

这似乎不适合我使用Android 4.2.2，即

类型的音频！=“undefined”

解析为

true

，无法播放

无法打开文件“/android\u asset/www/ticktock.mp3”

，但是，即使音频文件路径正确，它仍然会失败。@DavidHancock:您找到解决方案了吗？能否共享您的解决方案？@simon macdonald:相对路径不能工作，例如

“/sounds/introDino.mp3”

来自

www/index.html

？

function playSound(src){
var devicePlatform = (typeof device !== 'undefined' && device.platform)? device.platform: null;
if (typeof Audio !== "undefined" && devicePlatform === null) {          // HTML5 Audio
    new Audio(src).play() ;
} else if ( devicePlatform ) {              // Phonegap media
if (devicePlatform === 'Android') {     // Android needs the search path explicitly specified
    src = '/android_asset/www/' + src;
}
var media  = new Media(src,
function onSuccess() {
    media.release();                // Release the media resource once finished playing
},
function onError(e){
    console.log("error playing sound: " + JSON.stringify(e));
}
);
media.play({numberOfLoops: 1});
} else {
    console.log("no sound API to play: " + src);
}
}