집 > 기사 > 웹 프론트엔드 > Phonegap 사용법 소개 (7) 오디오 재생 구현 방법

Phonegap 사용법 소개 (7) 오디오 재생 구현 방법

零下一度원래의: 2017-05-03 10:28:191143검색

다음 편집기는 Phonegap을 사용하여 오디오를 재생하는 구현 방법을 제공합니다. 에디터가 꽤 좋다고 생각해서 지금 공유해서 참고용으로 올려보겠습니다. 에디터를 따라가서 살펴보겠습니다

예제는 다음과 같습니다.

<!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(&#39;audio_position&#39;).innerHTML=position; 
            } 
  
            //错误的回调  
            function onError(error) { 
                alert(&#39;code:&#39;+error.code+&#39;\n&#39;+&#39;message:&#39;+error.message+&#39;\n&#39;); 
            } 
              
        </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>

위 내용은 Phonegap 사용법 소개 (7) 오디오 재생 구현 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：

이전 기사：Phonegap 이용방법 소개 (8) 데이터베이스 운영다음 기사：Phonegap 이용방법 소개 (8) 데이터베이스 운영