2012-05-11 18 views
9

Ciao io provo ad aggiungere il suono al mio gioco ho usato il codice aphoneGap per farlo:audio che non funziona con PhoneGap

<!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> 

funziona benissimo, ma quando cambio la fonte del suono che non ha funzionato, ecco il codice:

playAudio("file:///android_asset/www/sounds/introDino.mp3"); 

Qualsiasi idea per favore, Grazie in anticipo

risposta

2

Questa funzione riprodurre l'audio utilizzando l'API di HTML5 audio, se disponibile, con ripiego al se non API PhoneGap media:

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); 
    } 
} 
+1

Questo non sembra funzionare per me usando Android 4.2.2, Il 'typeof Audio! =" Undefined "' risolve in 'true' e non riesce a giocare con' Impossibile aprire il file '/android_asset/www/ticktock.mp3 ', tuttavia, anche se il percorso del file audio è corretto, non riesce ancora. –

+0

@DavidHancock: hai trovato una soluzione e potresti condividere la tua soluzione? – Hugolpz

0

fatto causa che Audio oggetto su nuove versioni di Android (può essere su altre piattaforme) disponibili e non "indefinite" entrambe le risposte precedenti non funzioneranno. Così ho aggiornato il codice per:

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); 
} 
} 

Inoltre deve dire che prima di tutto è necessario aggiungere a Cordova costruire 'dispositivo' e plugin 'media' altrimenti non funzionerà. Plugin disponibili here

Problemi correlati