The small program rotates the mobile phone to push the stream, and the remote pull stream picture is cut

Due to the influence of gravity induction ,Android Small program streaming and rotating mobile phone , The picture pulled from the far end is cropped ; The applet does not open gravity sensing API, Can only be circumvented by ：

The current phenomenon ：

1、Android Mobile phone horizontal screen shooting , If you do not set the horizontal screen push flow ,PC The streaming picture is incomplete ; For vertical screen shooting, you need to set vertical screen streaming ;

2、iOS Horizontal screen shooting , Do not set the horizontal screen resolution ,PC Pull flow picture is complete . Set the horizontal screen resolution , The picture is incomplete ;

summary ： Small program horizontal screen shooting , If you need to pull the stream end to watch the picture completely ,Android Need to set the horizontal screen resolution ,iOS No settings ; For vertical screen troubleshooting of small programs, you need to set vertical screen streaming ;

Android Mobile phone horizontal screen , The picture pulled from the far end ：

Before the change ：

After modification ：

Proposal ：

1、 First, through the applet interface wx.getSystemInfo Get the current device is android still ios;

2、 Re pass wx.onDeviceMotionChange Monitor device direction change

① If it is currently android equipment , Set when the mobile phone is horizontal videoOrientation Set to horizontal Push flow ;

Set when the mobile phone is vertical videoOrientation Set to vertica Push flow ;

② If it is currently ios equipment , Is set videoOrientation Set to vertica Push flow ;

This can ensure that the remote streaming picture is not cut

The code snippet is as follows

const that = this
      wx.getSystemInfo({
        success (res) {
          if (res.platform == "ios"){
            if (that.data.localVideo) {
              console.log(that)
              that.setPusherAttributesHandler({videoOrientation: 'vertical'})
            }
            console.log("111111111")
          }else if (res.platform == "android"){
            // Monitor device direction change 
           wx.startDeviceMotionListening({
             success(){
               wx.onDeviceMotionChange((result) => {
                //  console.log(" rotate ",result.gamma);
                 if(result.gamma < -40 || result.gamma > 40){
                   // Mobile phone horizontal screen 
                   console.log(" Mobile phone horizontal screen use ");
                   that.setPusherAttributesHandler({videoOrientation: 'horizontal'})
                 } else{
                  that.setPusherAttributesHandler({videoOrientation: 'vertical'})
                 }
               })
             }
           })
          }
          console.log(" The judgment system ",res.platform)
        }
      })