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
360webplayer's People
Contributors
Stargazers
Watchers
Forkers
abrahamfast amerllica mrlelong frosh-li echosystemmark manick94 aljasmi25 hiro-9999 orgail wuzerun-888 shutdown57 yydounai1234 akaravi keyzf loriszigliani360webplayer's Issues
Video Progress Bar Missing on HLS / m3u8 videos
Is there a way to include the progress bar?
Mobile swipe gestures not working.
Can't change POV with touch drag on mobile.
Pimax 5k+ FOV 200 degree
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.
Need Fullscreen native on IOS 16+
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?
HLS video is felt in cross-origin error (The video element contains cross-origin data, and may not be loaded)
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?
Uncaught TypeError: Cannot read property 'canPlayType' of undefined
Actually, after the new update to support NativeHLS on some devices like iOS devices, there is an error in playing HLS videos on all devices.
Uncaught TypeError: Cannot read property 'canPlayType' of undefined
So it is crashing. Now I wanna send a PR for it. thanks.
Why iOS doesn't have HLS support?
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?
- Is this a bug?
- 360WebPlayer wasn't developed for iOS?
- Is it a technical issue from the base package?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.