Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Playing 4k 360 degree video #32

Open
viknesh2020 opened this issue May 3, 2019 · 2 comments
Open

Playing 4k 360 degree video #32

viknesh2020 opened this issue May 3, 2019 · 2 comments

Comments

@viknesh2020
Copy link

I have made all the setups as per the instructions. I wanted to play a 4k 360 degree video, which was stereoscopicaly rendered. I tried both left and right eye rendering and top/bottom rendering. None of them rendered the video. It was completely black. However, 1080p videos are playing without any issue.

Is there anything that I need to do with <a-entity geometry="primitive: sphere; radius: 100; segmentsWidth: 64; segmentsHeight: 64;" material="shader: flat; src: #video;" scale="-1 1 1" stereo="eye:left; split: vertical"> </a-entity> this? changing these values will adapt a 4k video? I am using Google Chrome to view my video which is locally hosted. I tried in different phones but nothing worked.
@petesamrogers
Copy link

Yep, I'm having the same issue. Largest video dimensions that is supports seems to be 1920x1920. Anything bigger than that does not work (and that's not big enough to use for a 360 videosphere)

@jacob-willden
Copy link

I wanted to let everyone know that this issue appears to be resolved now. I tested an upscaled (4096  ×  2048 pixels) version of the sample video (MaryOculus.mp4) with the latest version of aframe-stereo-component.min.js (committed on March 1, 2022) and the following index.html file:

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>A-Frame 360 Stereoscopic Video Test</title>
        <script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
        <script src="aframe-stereo-component.min.js"></script>
    </head>
    <body>
        <a-scene>
            <video id="myVideo" src="MaryOculus4K.mp4" autoplay loop></video>
            <!-- Camera -->
            <a-camera id="camera" lookcontrols position="0 0 0" stereocam="eye:left;"></a-camera>
            <!-- Video spheres -->
            <a-videosphere src="#myVideo" stereo="eye:left"></a-videosphere>
            <a-videosphere src="#myVideo" stereo="eye:right"></a-videosphere>
        </a-scene>
    </body>
</html>

I viewed the video through Chrome (hosted locally), and it worked flawlessly. Hopefully this helps!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@petesamrogers @viknesh2020 @jacob-willden