search

pchen66 / panolens.js

Javascript panorama viewer based on Three.js
https://pchen66.github.io/Panolens/
MIT License
2.8k stars 499 forks source link

Panolens Video Panorama stream video #262

Open edwinius opened 4 years ago

edwinius commented 4 years ago

Hello, a very great library, in fact one of the best JS panorama viewer out there. One thing I have not managed to do is how to load the video by streaming the file.

I am using an 30MB (minified, simplified, compressed) video for the video panorama, however it took quite some time for the web to download and render the video until the panorama viewer is working.

Is there any possible way to stream the video such as videojs panorama, so that even using more HD video it will take very little time to initialize and download the video by streaming.

Thank you very much for your work and attention.

claytonrothschild commented 3 years ago

Did you find a solution to this?

claytonrothschild commented 3 years ago

The solution is likely a simply refactor: https://medium.com/@eyevinntechnology/how-to-build-your-own-streaming-video-html-player-6ee85d4d078a and use something like CloudFlare Stream for the server side.

flyandi commented 3 years ago

Technically it is a video element aka videoElement: document.createElement( 'video' ) and that allows you to stream any HLS source ..

You can just setup a simple node-hls server (https://www.npmjs.com/package/hls-server) and stream your video that way in.