phonegap 实现摇一摇

来源：互联网发布：ubuntu php sqlite3 编辑：程序博客网时间：2024/05/17 01:35

<!DOCTYPE html>
<html>
<head>
    <title>Acceleration Example</title>

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

    // The watch id references the current `watchAcceleration`
    var watchID = null;

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

    // device APIs are available
    //
    function onDeviceReady() {
        startWatch();
    }

    // Start watching the acceleration
    //
    function startWatch() {

        // Update acceleration every 3 seconds
        var options = { frequency: 250 };

        watchID = navigator.accelerometer.watchAcceleration(onSuccess, onError, options);
    }

    // Stop watching the acceleration
    //
    function stopWatch() {
        if (watchID) {
            navigator.accelerometer.clearWatch(watchID);
            watchID = null;
        }
    }

    // onSuccess: Get a snapshot of the current acceleration
    //
    var count=0;
    var shake_time=1;
    var lastTime;
    function onSuccess(acceleration) {

          var element = document.getElementById('accelerometer');

    if(Math.abs(acceleration.x)>13 || Math.abs(acceleration.y)>13 ||Math.abs(acceleration.z)>13){
        if(!lastTime){lastTime = new Date().getTime();};

            nowTime = new Date().getTime();

            if(nowTime-lastTime>1000){
                shake_time++;
                playAudio();
            }


            lastTime=nowTime;


           count++;
           element.innerHTML = 'Acceleration X: ' + acceleration.x + '<br />' +
             'Acceleration Y: ' + acceleration.y + '<br />' +
             'Acceleration Z: ' + acceleration.z + '<br />' +
             'Timestamp: '      + acceleration.timestamp + '<br />'+
             'count======'           + count+'<br/>'+
             'shake_time======'           + shake_time+'<br/>';


   }






    }

    // onError: Failed to get the acceleration
    //
    function onError() {
        alert('onError!');
    }



    function playAudio() {
        // Create Media object from src
        my_media = new Media("/android_asset/www/media/shake1.mp3", onSuccess_audio, onError_audio);

        // Play audio
        my_media.play();
    }

    function onSuccess_audio() {
        console.log("playAudio():Audio Success");
    }

    // onError Callback
    //
    function onError_audio(error) {
        alert('code: '    + error.code    + '\n' +
              'message: ' + error.message + '\n');
    }
    </script>
</head>
<body>
    <div id="accelerometer">Waiting for accelerometer...</div>
        <button onclick="stopWatch();">Stop Watching</button>
</body>
</html>