This is a very, very old post dating back to 2011!
If you are interested in an online HTML5 player for 360° video, check out ForgeJS which is the motor behind Kolor Eyes/GoPro VR Hosting !
Kolor Eyes video player
Kolor Eyes is a web video player designed to allow user to immerge himself into the scene during viewing. Video footage is in spherical format and consists in frames with fields of view of 360×180°. User can turn in every direction and zoom in order to position where he aims anytime. It’s now up to you to decide where to look at in the video.
Live version and demo video
You can try online version here.
Here is a demo video showing what is possible to do with Kolor Eyes. Remember to enable closed caption (CC button) to get live explanations.
Technologies behind Kolor Eyes
Kolor Eyes video player is based on 2 recent major technologies of the Internet:
- HTML5Video content is broadcasted through a <video> tag which is part of HTML5 specification. Data decoding is done by the browser, without any need for some additional plug-in.
- WebGLView frame is inside a <canvas> element with a 3D WebGL context. This brand new technology is specified by Khronos Group. It’s a set of graphical 3D features made available directly in the web page by the browser and taking advantage of the capacities of the graphical card.
No need for additional plug-in
As said earlier, the browser does give access to these technologies, thus user does not need to install any third party plug-in. All market leader browsers does not enable these technologies yet. Nevertheless, Firefox 4.0 or Chrome 10 do implement them and give the best user experiences with Kolor Eyes video player. Opera 11 will support it, and Safari enables it with a special setting. Khronos Group maintains a web page listing current available implementations of WebGL for every platform.
High level of integration
Proprietary technologies well deployed over the Internet today suffer of a lack of integration with web page content. Kolor Eyes video player breaks this statement offering new possibilities as it relies on standards. Player’s code runs directly into the browser and can access all enabled API. This allows web page developers to create better interaction between the player and online resources. We demonstrate this with snapshot feature in version 1.0.
Kolor Eyes video player features
A video player
Kolor Eyes is a video player. It has a complete set of common features: playback and audio settings control, preloading, stream quality selector, playlist, full windowed or reduced display modes. Fullscreen mode is reachable by a simple user action, depending on the browser. More features can be developed, 1.0 version embeds as an example of HTML5 capabilities a take snapshot button allowing to capture instant frame to save and share it wherever the user wants to. Kolor Eyes video player also enables camera autorotation.
|Different controls are available from right column sliding menus. They expose useful camera and view settings. Projection distance makes it possible to change distance to projection plane for pannini and little planet projection modes.|
|Camera has several settings allowing user to have a real custom experience. Zoom speed sets the zoom actions intensity and camera speed the repositioning velocity. Camera has a spring simulating physics when moving into the scene, to give user a strong natural feeling. Two important spring settings are exposed: damping and harshness. It’s also possible to set autorotation speed in degrees per second. Positive values makes it turn to the right and negative values to the left.|
|All these controls are also reachable by presets assigned on projection mode change. When user selects a projection mode, some predefined settings are automatically applied to the view presenting what we think is the most interesting scene. Then it’s up to the user to modify them to create his own view.|
Kolor Eyes video player allows to set the projection mode. As any other controls, it’s available anytime during playing. Projection computation is done by graphical card and reaches a precision to the pixel. This means there is no distortion in image. 6 modes are today proposed by the player.
|This projection mode shows the spherical video. This means fields of view of 360×180°.|
|This projection mode is a standard lens. It’s the default mode.|
|Pannini is a large field of view planar projection that allows to display large field of view while keeping lines straight.|
|Also called polar projection, everything is wrapped around a small ball.|
|This mode corresponds to the projection given by a 180° fisheye lens.|
|If you had a perfect spherical mirror ball, you’ll get this view.|
Kolor Eyes video player is at the moment at the demonstration level, and still evolving in our lab. If you’re interesting in this technology, in a futur product or if you wish to know more about this technology, please contact us with following form