Html5 video+alpha channel, they said it could not be done!
Posted: Thu May 29, 2014 11:36 pm
...Video with alpha channel can't be done with html5 currently, so i came up with this next best thing.
It involves having a video clip acting like a cube face that lines up perfectly with the pano (thus invisible in a sense), you add video elements with alpha channel in your video editor to an extracted partial cubeface image, then export a normal video clip that is used like a cube face.
Its a bit of a mad hack at this time, you have to edit the pano2vr file with a coding text editor. Hopefully in the near future we will have more features that enable this sort of thing more easily.
http://addlionfilms.webspace.virginmedi ... 000px.html
(Only working in chrome at present) firefox is not cooperating with the video format.)
Here is another effect that can be achieved with this technique.... (door opens on rollover)
http://addlionfilms.webspace.virginmedi ... wtest.html
(again, chrome only at the moment)
Simple examples there, but many possibilities spring to mind of ways to use this. But now i'm bogged down with making it work and work in all browsers/platforms etc. Feel free to contribute! I'll document the method if people are interested in working on it and adding to it!
It involves having a video clip acting like a cube face that lines up perfectly with the pano (thus invisible in a sense), you add video elements with alpha channel in your video editor to an extracted partial cubeface image, then export a normal video clip that is used like a cube face.
Its a bit of a mad hack at this time, you have to edit the pano2vr file with a coding text editor. Hopefully in the near future we will have more features that enable this sort of thing more easily.
http://addlionfilms.webspace.virginmedi ... 000px.html
(Only working in chrome at present) firefox is not cooperating with the video format.)
Here is another effect that can be achieved with this technique.... (door opens on rollover)
http://addlionfilms.webspace.virginmedi ... wtest.html
(again, chrome only at the moment)
Simple examples there, but many possibilities spring to mind of ways to use this. But now i'm bogged down with making it work and work in all browsers/platforms etc. Feel free to contribute! I'll document the method if people are interested in working on it and adding to it!