Ausführliche Erklärung der Audiowiedergabe auf Phonegap-H5-Tutorial-php.cn

Ausführliche Erklärung der Audiowiedergabe auf Phonegap

php中世界最好的语言

Freigeben： 2018-03-26 15:31:43

Original

1491 Leute haben es durchsucht

Dieses Mal werde ich Ihnen eine detaillierte Erklärung der Phonegap-Audiowiedergabe geben. Was sind die Vorsichtsmaßnahmen für eine detaillierte Erklärung der Phonegap-Audiowiedergabe?

Die Beispiele sind wie folgt:

<!DOCTYPE html> 
<html>
    <head> 
        <meta charset="UTF-8"> 
        <title>Compass Example</title> 
  
        <script type="text/javascript" charset="UTF-8" src="cordova.js"></script> 
        <script type="text/javascript" charset="UTF-8"> 
            document.addEventListener("deviceready", onDeviceReady, false); 
  
            function onDeviceReady() { 
            } 
              
            var my_media=null; 
            var mediaTimer=null; 
              
            function playAudio(src){ 
                my_media=new Media(src,onSuccess,onError); 
                my_media.play(); 
                  
                if(mediaTimer==null){ 
                    mediaTimer=setInterval(function(){ 
                        my_media.getCurrentPosition( 
                            //成功回调 
                            function(position){ 
                            if(position>-1){ 
                                setAudioPosition((position/1000)+"sec"); 
                            } 
                        }, 
                        //错误回调 
                        function (e){ 
                            console.log("Error getting pos="+e); 
                            setAudioPosition("Error: "+e); 
                        } 
                        ); 
                    },1000); 
                } 
            } 
              
            function pauseAudio(){ 
                if(my_media){ 
                    my_media.pause(); 
                } 
            } 
              
            function stopAudio(){ 
                if(my_media){ 
                    my_media.stopAudio(); 
                } 
                clearInterval(mediaTimer); 
                mediaTimer=null; 
            } 
              
            function onSuccess(){ 
                console.log("playAudio():Audio Success"); 
            } 
              
            function setAudioPosition(position){ 
                document.getElementById('audio_position').innerHTML=position; 
            } 
  
            //错误的回调  
            function onError(error) { 
                alert('code:'+error.code+'\n'+'message:'+error.message+'\n'); 
            } 
              
        </script> 
    </head> 
  
    <body> 
        <a href="#" onclick="playAudio(&#39;http://example.com/audio.mp3&#39;);">Play Audio</a> 
        <a href="#" onclick="pauseAudio();">Pause Playing Audio</a> 
        <a href="#" onclick="stopAudio();">Stop Playing Audio</a> 
        <p id="audio_position"></p> 
    </body> 
  
</html>

Nach dem Login kopieren

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben Spannende Dinge, bitte achten Sie auf andere php-chinesische Websites Verwandte Artikel!

Empfohlene Lektüre:

So bedienen Sie die URL mit Pushstate und Popstate

So ändern Sie die aktuelle URL, ohne den Code zu aktualisieren

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung der Audiowiedergabe auf Phonegap. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!