bivrost / 360webplayer Goto Github PK
View Code? Open in Web Editor NEWThe easiest way to stream 360 videos and pictures on your website or blog.
Home Page: https://docs.bivrost.pro/webplayer-docs
License: Other
The easiest way to stream 360 videos and pictures on your website or blog.
Home Page: https://docs.bivrost.pro/webplayer-docs
License: Other
Hi,
Your work is very good. Grat! Thanks,
I use Pimax 5k+. The FOV greater than others, in the largest setup 200 degree. I use in 170 but in any case I can see black areas in the eyes corner. I think the headsets with smaller FOV working well.
Can I increase the view globe area anywhere?
Thanks Gabor.
Is there a way to include the progress bar?
Does work:
https://docs.bivrost.pro/webplayer-docs/resolution-4096x2048.html
does not work:
https://docs.bivrost.pro/webplayer-docs/resolution-8k.html
https://docs.bivrost.pro/webplayer-docs/resolution-8k-h265.html
https://docs.bivrost.pro/webplayer-docs/resolution-8192x4320.html
https://docs.bivrost.pro/webplayer-docs/resolution-8192x4320-h265.html
FYI:
All videos work in Brave and the Edge browser, and both are Chromium.
Firefo Version: 127.0.2 (64-bit)
Happens on two tested systems with windows 10
This library is awesome but for my solution, I seriously need to have support on iOS devices, especially iPhone, I don't see the source code, So I leave an issue to ask what's the main reason for this lack?
I can't watch a video with the Meta Quest 3 in the Meta Browser.
It freezes every time.
This also means that 360 photos work :D
Can't change POV with touch drag on mobile.
I would like to have the posibbility to change the speed to: 0.25x 0.5x 0.75x 1.25x 1.5x 1.75x 2.0x
Keep up to good work, i like the video player so far :D
Hi everyone, I just used bivrost player in stereoscopic vr on Safari (ios 17), but it doesn't support native fullscreen, it is inserted in a larger container but it doesn't go to fullscreen, do you know how it's possible to do it?
I want to display 360 degree video from an rstp stream to the web interface at a fixed angle, then get that image data to send to the server, is it possible? How to do it?
I run a local server on my macOS and then expose it on its local IP, then I call my page on my android phone browser but the HLS video is not played and I see this error on my phone console:
THREE.WebGLState: DOMException: Failed to execute 'texImage2D' on 'WebGL2RenderingContext': The video element contains cross-origin data, and may not be loaded.
It is my HTML code:
<!DOCTYPE html>
<html>
<head>
<title>pelk studio</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.6/cerulean/bootstrap.min.css" rel="stylesheet" />
<link href="./bivrost.css" rel="stylesheet" />
<script src="./bivrost-debug.js"></script>
<script src="./hls.min.js"></script>
<script type="text/javascript">
Bivrost.verbose=true;
</script>
</head>
<body >
<bivrost-player url="https://penaltyvr.com/stream/5f9b32a1e454a0dc5/playlist.m3u8"></bivrost-player>
<script type="text/javascript">
var player;
addEventListener("load", function() {
player = document.getElementsByTagName("bivrost-player")[0].bivrost;
});
</script>
</body>
</html>
And I call on my phone by using this address: http://192.168.1.4:5000/testPage.html
I guess this issue comes from cross-origin
but the error appears just on mobile, not on desktop. when I call the above IP address on the desktop the video is shown but on Android phone I face this issue.
What does it mean and can we deal with this issue?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.