2016-08-24 1 views
2

私は、角度のあるjsとcordovaでモバイルプロジェクトを作っています。私は、ビデオを表示する機能を追加したいと私はデバイスを風景や肖像画に回転するときにそれ自身を回転する必要がありますが、私は、アプリケーションのオープニングの始めに、私はlockOrientation(ポートレート)を使用しているので、任意のページをランドスケープに回転したくない、私は画面だけでなくビデオを回転させたい。私は回転を検出しようとしますビデオオリエンテーションjavascript

window.addEventListener("orientationchange", function() { 
     alert("the orientation of the device is now " + screen.orientation.angle); 
    }); 

と私はコードの下にビデオを回転させることができます。

transform:rotate(90deg); 

私はlockOrientationの使用中にデバイスの向きをどのように検出できますか?出来ますか?私は向きを解除できないので。私は学生であり、私はこの環境に慣れていません。

答えて

1

Iデバイスがポートレートモードでロックされ作られている間チェックがデバイスを検出する場合、私は、デバイスの動きを検出DeviceMotionプラグイン加速度でhttps://cordova.apache.org/docs/en/latest/reference/cordova-plugin-device-motion/

function onSuccess(acceleration) { 
    alert('Acceleration X: ' + acceleration.x + '\n' + 
      'Acceleration Y: ' + acceleration.y + '\n' + 
      'Acceleration Z: ' + acceleration.z + '\n' + 
      'Timestamp: '  + acceleration.timestamp + '\n'); 
} 

function onError() { 
    alert('onError!'); 
} 

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

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

でそれを解決するには、ポートレートモードまたはランドスケープでありますモード。