And this is a frame of original video that is .m3u8 from Insta360 pro.
I think we can change the part of changing uv mapping of sphereL and sphereR.
I mean, we cann change this part in "/src/scripts/lib/ThreeCanvas.js",
var uvsL = geometryL.attributes.uv.array;
var normalsL = geometryL.attributes.normal.array;
for ( var i = 0; i < normalsL.length / 3; i ++ ) {
uvsL[ i * 2 + 1 ] = uvsL[ i * 2 + 1 ] / 2;
}
var uvsR = geometryR.attributes.uv.array;
var normalsR = geometryR.attributes.normal.array;
for ( var i = 0; i < normalsR.length / 3; i ++ ) {
uvsR[ i * 2 + 1 ] = uvsR[ i * 2 + 1 ] / 2 + 0.5;
}
to
var uvsL = geometryL.attributes.uv.array;
var normalsL = geometryL.attributes.normal.array;
for ( var i = 0; i < normalsL.length / 3; i ++ ) {
uvsL[ i * 2 + 1 ] = uvsL[ i * 2 + 1 ] / 2 + 0.5;
}
var uvsR = geometryR.attributes.uv.array;
var normalsR = geometryR.attributes.normal.array;
for ( var i = 0; i < normalsR.length / 3; i ++ ) {
uvsR[ i * 2 + 1 ] = uvsR[ i * 2 + 1 ] / 2;
}
This is android chrome with videojs-panorama.
This is ios with the official Insta 360 pro App.
And this is a frame of original video that is .m3u8 from Insta360 pro.
I think we can change the part of changing uv mapping of sphereL and sphereR.
I mean, we cann change this part in "/src/scripts/lib/ThreeCanvas.js",
to
This is the case of camera the names Insta 360 pro (https://www.insta360.com/product/insta360-pro/?inspm=77c1c2.1a128e.0.0)
Regards.