0

嗨，我正在尝试向游戏按钮和不同的组件添加声音，我正在使用 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>

但是当我在我自己的代码中使用它时，会生成一个错误，这是我的代码：

html:

    <section id="popup">
    <div id="popup-bg">
    </div>
    <div id="popup-box">
        <div id="popup-box-content">
    **<p><a id="gamePlay" class="gameReset button"  href="">Play</a></p>**
        </div>
    </div>
</section>

脚本：

   var ui = $("#gameUI");
   var uiIntro = $("#popup");


   //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;



   $(function(){
  init();
      });


    function init() {
        uiComplete.hide();
        uiCards.hide();
        playGame = false;

        **uiPlay.click(function(e) { //this is the button i want to play             
                                                  //sound after clicking it 
        e.preventDefault();

            playAudio('http://audio.ibeat.org/content/p1rj1s/p1rj1s_-_rockGuitar.mp3');
                    //uiIntro.hide();
                    //startGame();
                });**
        }

         .....


    /****Audio Part***********/
   // 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;
    }

我没有把整个代码只放在声音的一部分。单击 uiPlay 按钮后出现此错误：

   05-09 16:38:35.580: E/Web Console(521): ReferenceError: Can't find variable: Media    
   at file:///android_asset/www/js/dinopairs6.js:196

请问有什么想法吗？

先感谢您

4

1 回答 1

1

这又是我，我只是忘记在我的 HTML 文件中添加包含 phonegep.js 的脚本标签：

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

希望这对其他人有帮助:)

于 2012-05-09T17:23:39.703 回答