Different behaviour of VideoPano component in React-vr and React-360

[shurick31]

Expected behavior

the VideoPano component play video with sound on mobile devices.

Actual behavior

The React-vr version run as expected (tested on IOS Safari, Chrome and Mozilla browsers), plays video with sound, of course, in the IOS Safari browser needs to pause / unmute / play video. The bundle, built with React-360 plays only muted video.

Reproduction

chunk of code:

      <View
        style={{
          transform:[{translate:[0,0,-4]}],
          layoutOrigin: [0.5, 0.5]
        }}
      >
      <VideoPano
        playerState={this.state.playerState}
        source={[
          asset('video.mp4', {format: 'mp4', layout: 'SPHERE'}),
        ]}
      />
         <VideoControl
           style={{
             height: 0.2,
             width: 2,
             transform:[{translate:[1,0,1]}]
           }}
          playerState={this.state.playerState} />
      </View>

Or you can get it from:

• React-360 version: https://github.com/shurick31/test-360

• React-VR version: https://github.com/shurick31/test-vr

  It would be great to know, how to get the same behaviour of the React-360 version of code as in React-VR. As mentioned in issue #573, was added custom component MyControl (commented in the code) to interact with user, but it doesn't helps

Additional Information

• 'react-360' package version: [react-360@1.0.0]
• 'react-360-web' package version: [react-vr@2.0.0]
• Operating System: [IOS 11.4.1]
• Browser: [Safari, Chrome, Mozilla Firefox]
• VR Device: [out of VR]

[andrewimm]

VideoPano is no longer supported in React 360. You should be using Environment to play 360 videos: https://facebook.github.io/react-360/docs/photos-and-videos.html