test.html 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <title>Document</title>
  8. </head>
  9. <body>
  10. <button id="request_permission">允许VR访问</button>
  11. <div class="text"></div>
  12. </body>
  13. </html>
  14. <script>
  15. document.getElementById("request_permission").addEventListener("click", function () {
  16. if (
  17. DeviceMotionEvent &&
  18. DeviceMotionEvent.requestPermission &&
  19. typeof DeviceMotionEvent.requestPermission === 'function'
  20. ) {
  21. DeviceMotionEvent.requestPermission();
  22. }
  23. if (
  24. DeviceOrientationEvent &&
  25. DeviceOrientationEvent.requestPermission &&
  26. typeof DeviceOrientationEvent.requestPermission === 'function'
  27. ) {
  28. DeviceOrientationEvent.requestPermission();
  29. }
  30. })
  31. window.addEventListener('deviceorientation', function (event) {
  32. document.innerHTML = (event.alpha + ' : ' + event.beta + ' : ' + event.gamma);
  33. });
  34. window.addEventListener('devicemotion', function (event) {
  35. document.innerHTML = (event.acceleration.x + ' m/s2');
  36. });
  37. </script>