Блог

Главная - Вопросы по программированию - Обнаружение движения с помощью акклерометра в phonegap

Обнаружение движения с помощью акклерометра в phonegap

#javascript #android #cordova #accelerometer #phonegap

#javascript #Android #кордова #акселерометр #phonegap

Вопрос:

Я создавал приложение, поэтому я хотел использовать акселерометр, чтобы определить, переместил ли пользователь устройство, поэтому я хотел знать, как я могу включить плагин акселерометра в приложение для сборки PhoneGap, добавив его в config.xml файл и как я могу проверить перемещение устройства в приложении через каждые 20 -30 мс с использованием javascript?

Ответ №1:

Cordova Чтобы установить плагин в ваше приложение Cordova, выполните следующие действия:

 cordova plugin add cordova-plugin-device-motion

PhoneGap
Чтобы добавить плагин в ваше приложение PhoneGap, добавьте следующее в свой config.xml:

 <plugin name="cordova-plugin-device-motion" />

код:

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

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

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

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

    // Cordova is ready
    //
    function onDeviceReady() {
        startWatch();
    }

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

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

        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
    //
    function onSuccess(acceleration) {
        var element = document.getElementById('accelerometer');
        element.innerHTML = 'Acceleration X: '   acceleration.x   '<br />'  
                            'Acceleration Y: '   acceleration.y   '<br />'  
                            'Acceleration Z: '   acceleration.z   '<br />'  
                            'Timestamp: '        acceleration.timestamp   '<br />';
    }

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

    </script>
  </head>
  <body>
    <div id="accelerometer">Waiting for accelerometer...</div>
  </body>
</html>

Комментарии:

1. Я попробовал ваш способ, но он не работает, и когда я создаю его белой сборкой PhoneGap и устанавливаю приложение, тогда оно просто показывает «Ожидание акселерометра …..» это связано с подписью apk или чем-то еще

2. будьте уверены cordova.js является действительным. сначала вам нужно создать свой телефон, и если вы хотите добавить кнопку для ускорения, добавьте в js функцию getAcceleration(){ navigator.accelerometer.getCurrentAcceleration(onAccelSuccess, onError); } и добавьте <p> <кнопка onclick=»getAcceleration()»> Получить ускорение</button> </p> в тело

Метки: