10 ms·
Show HN: 360° and VR Video Streaming in HTML5 Tutorial, Build a Netflix For VR
- slederer 11y agoWe would be curious on your feedback on this, so please be brutally honest ;-)
- reimertz 11y agoThis is really cool, but still lacks IOS-support, right? I was developing the app for differentperspectiv.es, and quickly realized that the easiest way for me to get 360-degree video support on multi platforms was to build an Unity app and project movies on sphere-shaped textures. This project seems cool, but would love to see the HTML5 player being open-sourced.
- slederer 11y agoThanks! We are working on the iOS support, this will be added soon. It's pretty simple, we just have to use HLS instead of DASH, as Safari on iOS does not support the HTML5 MSE.
- moron4hire 11y agoiOS is garbage for anything VR right now. iOS' version of Webkit is the Internet Explorer 5 of our times.
- dsp1234 11y agoFun fact, IE 2 included support for VRML, the virtual reality modeling language, back in 1996.
- RobotCaleb 11y agoError while saving Encoding Profile!: field 'videoStreamConfigs.codec' is invalid! valid values: (h264,hevc) Source is vp8 webm @ 4000x2000. I chose the 1080p adaptive profile and tried to add 4kx2k @ 20mbps and 2kx1k @ 15mbps. Both of the added show encoded of vp8 but don't allow me to change it to h264. Codec: vp8 FPS: 25.00 Bitrate: 15.00 Mbps Resolution: 2000x1000 I previously encoded the same video just using the 1080p adaptive profile and am unable to convince the player to treat it as 360 video.
- schellkenig 11y agoAre you trying to add the encoding profile through the web interface or through the API?
- schellkenig 11y agoCould be a bug in the encoding profile validation as free users are restricted on the total output bandwidth. Could you try with just one 4k resolution and probably 14Mbps? Sorry for the inconvenience!
- GFischer 11y agoI think it is awesome, and I was looking for something like this to play with (I've landed on bitmovin's page before :) looking for MPEG-DASH solutions). It does pause/lag a bit when I move the camera around. I really, really want to try it with live streaming (but I don't have the gear right now)
- shiftpgdn 11y agoAm I alone in getting aggravated by people considering 360 video VR? If you want proper VR you need stereo display of 360 video. I feel like the lack of stereoscopic video being called VR is poisoning the well for layman.
- untog 11y agoIt is possible to do stereo display of 360 video in the browser - you just need Google Cardboard or similar to allow users to view it.
- StavrosK 11y agoHow? I've never seen a stereo 360 video before. How do you avoid the camera recording itself?
- sorenjan 11y agoYou use a bunch of cameras, calculate a depthmap, and use the spherical video and the depthmap to apply parallax, like this [0, 1] but spherical. It's a kind of faked stereo video. Google Jump is one such camera jig that use 16 cameras [2]. [0] http://depthy.me/ http://depthy.me/ [1] http://www.scalari.net/2008/04/22/generating-stereoscopic-images-with-parallax-occlusion-mapping/ http://www.scalari.net/2008/04/22/generating-stereoscopic-im... [2] https://www.google.com/get/cardboard/jump/ https://www.google.com/get/cardboard/jump/
- lux 11y agoYou record from two sets of cameras positioned an average eye distance apart, then project one set of cameras to the inside of a sphere shown to one eye, and the other set to the other eye. The limitation is that the cameras are arranged horizontally (current gen), so the stereo effect is lost if you tilt your head, as well as at the north/south poles of the spheres.
- slederer 11y agoAgree, there is definitely a long way down the road to get to more realistic VR experience for video, especially for streaming. That's currently a starting point. Have you seen that you can change the rendering modes of the player to also use it on Samsung Gear VR or Google Cardboard?
- untog 11y agoDoes this work on an iPhone? I was playing around with in-browser 360 degree video a while back and was infuriated to find that absolutely everything I required - WebGL, a Three.JS library, <video> tags, were present - but iPhone Safari will only ever play videos fullscreen through tap to play, so it's impossible to play a video through WebGL. I really, really wish Apple would drop this restriction. Aside from anything else, the original intention (bandwidth savings) is totally ruined by the fact that everyone is encoding videos as (much larger) animated GIFs to get around the restriction. How about letting videos autoplay, but silently, and have "tap for sound"? Either that or disable autoplaying of GIFs, because the current situation doesn't really make sense.
- slederer 11y agoNo, iPhone is not supported yet. but we are working on it and will have the support added shortly. We just have to use HLS instead of MPEG-DASH for the streaming, as Safari on iOS does not implement the HTML5 MSE.
- untog 11y agoHow are you getting around the tap-to-play restriction on video tags? Are you decoding the video some other way inside WebGL, or...?
- joshkpeterson 11y agoAndroid Chrome as well requires user input (usually a tap) to play videos. So a less drastic change would for iOS to do the same, not just let videos autoplay. Also, if you want to use the web audio API to control the volume of videos like this, there's a known issue that prevents you from doing that on Android Chrome if you source the audio from a <video>.
- saspiesas 11y agoIt's also worth noting that this is a direction I see mobile browsers heading in, not a restriction that may disappear at one point.
- rocky1138 11y agoHow is this any different than 360 videos on YouTube?
- slederer 11y agoWith this you can host your own 360° videos, and don't need YouTube. This is in particular interesting if you want to monetize by your own, e.g., through ads or subscription. It's basically the infrastructure you need to build Netflix-like services.
- DarkLinkXXXX 11y agoI'm pretty sure you can't host it yourself. If you want to use their framework, I'm pretty sure you have to host it through them. At least, I can't find a download link anywhere.
- slederer 11y agoyes, you can download the video assets after encoding + download the player for self-hosting
- rasz_pl 11y agocant host pr0n on YT http://mashable.com/2016/01/08/naughty-america-vr-porn-experience/#JBL5Ypks4mqg http://mashable.com/2016/01/08/naughty-america-vr-porn-exper... VR porn is blowing up right now
- tzm 11y agodemo: http://www.dash-player.com/demo/adaptive-vr-360-video-html5-demo/ http://www.dash-player.com/demo/adaptive-vr-360-video-html5-...
- corysama 11y ago/r/oculus and especially /r/VRFilm would also be interested in this :)
- slederer 11y agocool! I'll post it there as well
- vrmaster 11y agoPlease check vrapp.co/whitehouse to tesr our vr video in the browser solution. For ios choose add to homescreen
- kweks 11y agoSlightly OT, but I have been looking for a live streaming / transcoded solution. IE, webcam in, and streaming video out that doesn't use FMS/Flash/etc. Is it possible in HTML5 yet? Dash seems promising - but is there a totally OSS solution available ?
- Mandatum 11y agoRelevant: http://phoboslab.org/log/2013/09/html5-live-video-streaming-via-websockets http://phoboslab.org/log/2013/09/html5-live-video-streaming-...
- w-ll 11y agoIn the web, I'm using Video.js https://github.com/videojs/video.js https://github.com/videojs/video.js with HLS.js https://github.com/dailymotion/hls.js https://github.com/dailymotion/hls.js for a streaming video project. Works great!
- rasz_pl 11y agohttps://github.com/phoboslab/jsmpeg https://github.com/phoboslab/jsmpeg
- LCDninja 11y agoVery cool... interesting to see Hacker news picking up stories on VR with increasing frequency... Here's to hoping VR is the next boom! Best of luck!