Re:Show HN: 360° and VR Video Streaming in HTML5 Tutorial, B...
by untog on Tuesday January 19, 2016 @11:33AM
(#10931768)
Does 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.
Re:Show HN: 360° and VR Video Streaming in HTML5 Tutorial, B...
by slederer on Tuesday January 19, 2016 @11:47AM
(#10931888)
No, 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.
Re:Show HN: 360° and VR Video Streaming in HTML5 Tutorial, B...
by joshkpeterson on Tuesday January 19, 2016 @12:28PM
(#10932208)
Android 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>.
Re:Show HN: 360° and VR Video Streaming in HTML5 Tutorial, B...
by shiftpgdn on Tuesday January 19, 2016 @11:33AM
(#10931767)
Am 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.
Re:Show HN: 360° and VR Video Streaming in HTML5 Tutorial, B...
by corysama on Tuesday January 19, 2016 @12:17PM
(#10932106)
You are definitely not alone. This comes up whenever someone demos an immersive 360 video player. But, you are being picky. Arguing for hard-edged semantic barriers is possibly the greatest time waster on the internet. It would be more productive to say that immersive, 3-DOF display of mono, 360 video is really crappy VR. Similarly, a good Google Cardboard experience can at least be stereo, but the 3-DOF tracking is probably terrible, so it is also really crappy VR.
Unfortunately, the infancy of consumer VR will not mature instantly into excellent hardware and software production value for all users on day one. Instead, it will follow a power law curve like everything else does. In the mean time, the best we can do is try to remind the millions of people watching mono 360 videos on their terrible-tracking Cardboards that what they are seeing is really, really crappy VR.
I liken it to watching a cellphone video of a live concert on a cellphone. You are just barely watching a concert... And, if you've never been to one, you shouldn't assume you now know what going to an excellent concert is like.
Re:Show HN: 360° and VR Video Streaming in HTML5 Tutorial, B...
by sorenjan on Tuesday January 19, 2016 @01:01PM
(#10932478)
You 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].
Re:Show HN: 360° and VR Video Streaming in HTML5 Tutorial, B...
by lux on Tuesday January 19, 2016 @01:03PM
(#10932497)
You 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.
Re:Show HN: 360° and VR Video Streaming in HTML5 Tutorial, B...
by aqme28 on Tuesday January 19, 2016 @12:17PM
(#10932108)
And it really needs some degree of positional tracking as well for it to be true VR. Simple stereoscopic 360 video is far more immersive when your view responds realistically to small head movements.
Re:Show HN: 360° and VR Video Streaming in HTML5 Tutorial, B...
by slederer on Tuesday January 19, 2016 @11:42AM
(#10931837)
Agree, 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?
Re:Show HN: 360° and VR Video Streaming in HTML5 Tutorial, B...
by kweks on Tuesday January 19, 2016 @02:44PM
(#10933384)
Slightly 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 ?
Re:Show HN: 360° and VR Video Streaming in HTML5 Tutorial, B...
by reimertz on Tuesday January 19, 2016 @11:42AM
(#10931850)
This 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.
Re:Show HN: 360° and VR Video Streaming in HTML5 Tutorial, B...
by slederer on Tuesday January 19, 2016 @11:45AM
(#10931867)
Thanks!
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.
Re:Show HN: 360° and VR Video Streaming in HTML5 Tutorial, B...
by RobotCaleb on Tuesday January 19, 2016 @01:22PM
(#10932671)
Error 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.
Re:Show HN: 360° and VR Video Streaming in HTML5 Tutorial, B...
by GFischer on Tuesday January 19, 2016 @07:54PM
(#10935304)
I 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)
Re:Show HN: 360° and VR Video Streaming in HTML5 Tutorial, B...
by slederer on Tuesday January 19, 2016 @11:43AM
(#10931855)
With 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.
Re:Show HN: 360° and VR Video Streaming in HTML5 Tutorial, B...
by DarkLinkXXXX on Tuesday January 19, 2016 @02:37PM
(#10933322)
I'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.
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.
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>.
Unfortunately, the infancy of consumer VR will not mature instantly into excellent hardware and software production value for all users on day one. Instead, it will follow a power law curve like everything else does. In the mean time, the best we can do is try to remind the millions of people watching mono 360 videos on their terrible-tracking Cardboards that what they are seeing is really, really crappy VR.
I liken it to watching a cellphone video of a live concert on a cellphone. You are just barely watching a concert... And, if you've never been to one, you shouldn't assume you now know what going to an excellent concert is like.
Google Jump is one such camera jig that use 16 cameras [2].
[0] http://depthy.me/ [1] http://www.scalari.net/2008/04/22/generating-stereoscopic-im... [2] https://www.google.com/get/cardboard/jump/
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.
Have you seen that you can change the rendering modes of the player to also use it on Samsung Gear VR or Google Cardboard?
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 ?
Video.js https://github.com/videojs/video.js with HLS.js https://github.com/dailymotion/hls.js
for a streaming video project. Works great!
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.
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.
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.
Could you try with just one 4k resolution and probably 14Mbps?
Sorry for the inconvenience!
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)
http://mashable.com/2016/01/08/naughty-america-vr-porn-exper...
VR porn is blowing up right now