Does the photo sphere viewer plug-in enable gravity sensing and vr functions?

just started to learn the photo sphere viewer plug-in, in the Great God blog will see whether toggleDeviceOrientation (): enables gravity sensing direction to control whether, toggleStereo (): enables stereoscopic effects (can be used for WebVR). There are two methods that can be used for gravity sensing and vr functions, but there are no cases in the official documentation. Adding the gyroscope option to the PSV configuration does not work on the mobile side. As for the two methods, I use psv.toggleDeviceOrientation (); to show that there is no such method. Can this plug-in achieve this function? How to make it happen. Thank you very much.

var div = document.getElementById("your-pano");
    var x = $(".container").css("width");
    var PSV = new PhotoSphereViewer({
        panorama: "images/0600.jpg",
        container: div,
        //  
        gyroscope:true,
        navbar: true,
        size: {
            width:x,
            height:"400px"
        },

        // list of markers
        markers: [

            {
                // image marker that opens the panel when clicked
                id: "image",
                longitude: 0.2,
                latitude: -0.13770,
                image: "images/2.jpg",
                width: 32,
                height: 32,
                anchor: "bottom center",
                tooltip: "A image marker. <b>Click me!</b>",
                content: "Custom",
                onClick: function() {
                    console.log("aaaaaaa");
                }
            },
            {
                // image marker that opens the panel when clicked
                id: "image1",
                longitude: 0.6,
                latitude: -0.13770,
                image: "images/2.jpg",
                width: 32,
                height: 32,
                tooltip: "A image marker. <b>Click me!</b>",
            },
            {
                // html marker with custom style
                id: "text",
                longitude: 0,
                latitude: 0,
                html: "HTML <b>marker</b> ",
                anchor: "bottom right",
                scale: [0.5, 1.5],
                style: {
                    maxWidth: "100px",
                    color: "white",
                    fontSize: "20px",
                    fontFamily: "Helvetica, sans-serif",
                    textAlign: "center"
                },
                tooltip: {
                    content: document.getElementById("lorem-content").innerHTML,
                    position: "right"
                }
            },
            {
                // polygon marker
                id: "polygon",
                polygon_px: [
                    [3184, 794], [3268, 841], [3367, 1194],
                    [3327, 1307], [3065, 1221], [3097, 847]
                ],
                svgStyle: {
                    fill: "rgba(200, 0, 0, 0.2)",
                    stroke: "rgba(200, 0, 50, 0.8)",
                    strokeWidth: "2px"
                },
                tooltip: {
                    content: "A dynamic polygon marker",
                    position: "right bottom"
                }
            },
            {
                // polyline marker
                id: "polyline",
                polyline_rad: [
                    [5.924, 0.064], [5.859, -0.061], [5.710, -0.132],
                    [5.410, -0.287], [4.329, -0.490], [3.838, -0.370], [3.725, -0.241]
                ],
                svgStyle: {
                    stroke: "rgba(140, 190, 10, 0.8)",
                    strokeLinecap: "round",
                    strokeLinejoin: "round",
                    strokeWidth: "10px"
                },
                tooltip: "A dynamic polyline marker"
            },
            {
                // circle marker
                id: "circle",
                circle: 20,
                x: 2500,
                y: 1000,
                tooltip: "A circle marker"
            }
        ]
    });
Sep.16,2021

I use this plug-in to enable gravity sensing. The details are as follows:
PhotoSphereViewer+DeviceOrientationControl.js develops panoramic interactive website


`
var PSV = new PhotoSphereViewer ({

container: photosphere,
panorama: 'image',
size: {
  width: window.innerWidth,
  height: window.innerHeight
},
autoload: true,
allow_scroll_to_zoom: false,
markers: [{
  // 
  id: 'polygon',
  polygon_px: [3184, 794, 3268, 841, 3367, 1194, 3327, 1307, 3065, 1221, 3097, 847],
  svgStyle: {
    fill: 'rgba(200, 0, 0, 0.2)',
    stroke: 'rgba(200, 0, 50, 0.8)',
    'stroke-width': '2px'
  },
  tooltip: {
    content: 'A dynamic polygon marker',
    position: 'right bottom'
  }
}],
onready: function(){
  PSV.toggleDeviceOrientation()
}

})
`
this should work, but it doesn't work well on Android


PhotoSphereViewer.prototype.toggleGyroscopeControl = function() {
  if (this.isGyroscopeEnabled()) {
    this.stopGyroscopeControl();
  }
  else {
    this.startGyroscopeControl();
  }
};

use the above three methods

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1ea0f79-1b20.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1ea0f79-1b20.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?