After a year of on and off development, Pannellum, a free and open
source panorama viewer for the web, is ready for release. Built using
HTML5, CSS3, JavaScript, and WebGL, it is plug-in free. The
lightweight viewer, just 18kB gzipped, can be deployed using a single
file and displays full equirectangular panoramas. One can easily embed
panoramas in web pages as an <iframe>, using code generated by the
included configuration utility.
Nice! Your example works well for me in Firefox 12 on Win7 64 (pan,
zoom, full screen).
The only thing is that at first I was waiting for the panorama to
load, then after some time I thought I might have to click the "Load
Panorama". Maybe you could write "Click to load panorama" instead.
> After a year of on and off development, Pannellum, a free and open
> source panorama viewer for the web, is ready for release. Built using
> HTML5, CSS3, JavaScript, and WebGL, it is plug-in free. The
> lightweight viewer, just 18kB gzipped, can be deployed using a single
> file and displays full equirectangular panoramas. One can easily embed
> panoramas in web pages as an <iframe>, using code generated by the
> included configuration utility.
> I've tested it across a range of browsers, but I'd appreciate any
> feedback or bug reports.
> -Matthew
> --
> You received this message because you are subscribed to the Google Groups "Hugin and other free panoramic software" group.
> A list of frequently asked questions is available at: http://wiki.panotools.org/Hugin_FAQ > To post to this group, send email to hugin-ptx@googlegroups.com
> To unsubscribe from this group, send email to hugin-ptx+unsubscribe@googlegroups.com
> For more options, visit this group at http://groups.google.com/group/hugin-ptx
> After a year of on and off development, Pannellum, a free and open
> source panorama viewer for the web, is ready for release. Built using
> HTML5, CSS3, JavaScript, and WebGL, it is plug-in free. The
> lightweight viewer, just 18kB gzipped, can be deployed using a single
> file and displays full equirectangular panoramas. One can easily embed
> panoramas in web pages as an <iframe>, using code generated by the
> included configuration utility.
> I've tested it across a range of browsers, but I'd appreciate any
> feedback or bug reports.
> -Matthew
> --
> You received this message because you are subscribed to the Google Groups
> "Hugin and other free panoramic software" group.
> A list of frequently asked questions is available at:
> http://wiki.panotools.org/Hugin_FAQ > To post to this group, send email to hugin-ptx@googlegroups.com
> To unsubscribe from this group, send email to
> hugin-ptx+unsubscribe@googlegroups.com
> For more options, visit this group at
> http://groups.google.com/group/hugin-ptx
On Monday, 28 May 2012 at 20:49:20 -0700, Matthew Petroff wrote:
> After a year of on and off development, Pannellum, a free and open
> source panorama viewer for the web, is ready for release. Built using
> HTML5, CSS3, JavaScript, and WebGL, it is plug-in free. The
> lightweight viewer, just 18kB gzipped, can be deployed using a single
> file and displays full equirectangular panoramas. One can easily embed
> panoramas in web pages as an <iframe>, using code generated by the
> included configuration utility.
Great stuff! And that after I've spent a day and a half getting
SaladoPlayer to work :-(
> I've tested it across a range of browsers, but I'd appreciate any
> feedback or bug reports.
It looks good, but it seems relatively slow compared to Salado, and it
caused X to crash both for me and for a friend. This may be related
to the quality of the HTML5 implementation in our firefoxes. I'll
take a more detailed look when I have time.
Greg
--
Sent from my desktop computer
Finger g...@FreeBSD.org for PGP public key.
See complete headers for address and phone numbers.
This message is digitally signed. If your Microsoft MUA reports
problems, please read http://tinyurl.com/broken-mua
I get a message saying “A browser supporting webgl (and the canvas element)
is required to view this panorama.” on my iPad. I was hopeful that there
would be a way of presenting panoramas on the ipad but this isn’t it, it
seems.
On 29 May 2012 08:11, Harry van der Wolf <hvdw...@gmail.com> wrote:
> You example works fine in Safari 5.1.7 and Firefox 12.0 on Mac OS X, also
> in full screen.
> Further tests will follow.
> Harry
> --
> You received this message because you are subscribed to the Google Groups
> "Hugin and other free panoramic software" group.
> A list of frequently asked questions is available at:
> http://wiki.panotools.org/Hugin_FAQ > To post to this group, send email to hugin-ptx@googlegroups.com
> To unsubscribe from this group, send email to
> hugin-ptx+unsubscribe@googlegroups.com
> For more options, visit this group at
> http://groups.google.com/group/hugin-ptx
Den 29/05/2012 05.49 skrev "Matthew Petroff" <matt...@mpetroff.net>:
> After a year of on and off development, Pannellum, a free and open
> source panorama viewer for the web, is ready for release. Built using
> HTML5, CSS3, JavaScript, and WebGL, it is plug-in free.
This sounds like a very interesting project. I haven't been able to test it
on my computer yet, but on Android I had no luck in getting your example to
work, unfortunately.
With the built-in browser (Android 2.2.2 Froyo), the viewer reports missing
WebGL support, which is probably true for that browser.
With Firefox 10.0.4 for Android, downloaded from Google Play just now,
after I tap the Load Panorams button, it says Loading for a while, and then
two thirds of the pano area turns black, and then nothing happens. I
googled for Webgl support in Firefox for Android, and it seems some users
have to turn it on (set webgl.force-enabled to true in about:config) before
it works. However, this didn't change anything for me.
After also enabling webgl.force_osmesa as suggested by e.g.
http://goo.gl/x1zEg it didn't work, but now I get the no webgl support
message like with the built-in browser.
I'll try testing on my computer later.
Btw, if you plan on translating the viewer into other languages, I'll be
able to do a Danish translation, for what it's worth :-)
> Nice! Your example works well for me in Firefox 12 on Win7 64 (pan,
> zoom, full screen).
> The only thing is that at first I was waiting for the panorama to
> load, then after some time I thought I might have to click the "Load
> Panorama". Maybe you could write "Click to load panorama" instead.
> 2012/5/29 Matthew Petroff<matt...@mpetroff.net>:
>> After a year of on and off development, Pannellum, a free and open
>> source panorama viewer for the web, is ready for release. Built using
>> HTML5, CSS3, JavaScript, and WebGL, it is plug-in free. The
>> lightweight viewer, just 18kB gzipped, can be deployed using a single
>> file and displays full equirectangular panoramas. One can easily embed
>> panoramas in web pages as an<iframe>, using code generated by the
>> included configuration utility.
Actually, Flash and Java work just fine in FF10. I personally think the real reason behind the "plug-in free" push is Apple and Microsoft trying to wound thorns in their side called Adobe and Oracle/Sun. Javascript is a clumsy replacement. And everybody seems to have passed on supporting SVG in browsers.
So I guess implementing this one means sites have to provide it PLUS another panorama viewer, or rudely lock people out.
> Nice! Your example works well for me in Firefox 12 on Win7 64 (pan,
> zoom, full screen).
> The only thing is that at first I was waiting for the panorama to
> load, then after some time I thought I might have to click the "Load
> Panorama". Maybe you could write "Click to load panorama" instead.
> 2012/5/29 Matthew Petroff<matt...@mpetroff.net>:
>> After a year of on and off development, Pannellum, a free and open
>> source panorama viewer for the web, is ready for release. Built using
>> HTML5, CSS3, JavaScript, and WebGL, it is plug-in free. The
>> lightweight viewer, just 18kB gzipped, can be deployed using a single
>> file and displays full equirectangular panoramas. One can easily embed
>> panoramas in web pages as an<iframe>, using code generated by the
>> included configuration utility.
>> I've tested it across a range of browsers, but I'd appreciate any
>> feedback or bug reports.
>> -Matthew
>> --
>> You received this message because you are subscribed to the Google Groups "Hugin and other free panoramic software" group.
>> A list of frequently asked questions is available at: http://wiki.panotools.org/Hugin_FAQ >> To post to this group, send email to hugin-ptx@googlegroups.com
>> To unsubscribe from this group, send email to hugin-ptx+unsubscribe@googlegroups.com
>> For more options, visit this group at http://groups.google.com/group/hugin-ptx
great work! :) Linux, Ubuntu 64 and SeaMonkey (some kind of Firefox) 2.9.1 - no problems.
I wonder, however - how large may the panoramas become, before it gets
laggy (or browsers crash)? For example, I don't know a browser
displaying a half-a-gigapixel image directly, so that'd be at least one
limitation...
Matthew Petroff wrote:
> After a year of on and off development, Pannellum, a free and open
> source panorama viewer for the web, is ready for release. Built using
> HTML5, CSS3, JavaScript, and WebGL, it is plug-in free. The
> lightweight viewer, just 18kB gzipped, can be deployed using a single
> file and displays full equirectangular panoramas. One can easily embed
> panoramas in web pages as an <iframe>, using code generated by the
> included configuration utility.
Hi, didn't work here on a firefox 11 on windows XP. Got a black screen
after clicking to load the panorama. No error messages.
Some ideas would be implementing cube faces, maybe with multi-resolution
and a way to detect HTML5 browsers and redirect to another place in case it
doesn't support it. I have done like this in many panoramas with VR 5 pano
viewer <http://www.vrhabitat.com/#vr5>. It detects iPad and iPhone and
jumps to another link in negative cases, where I put a Salado Player.
The VR5 pano viewer uses 2 cubes with 2 different resolutions, one with
1024 pixels size and another with 480.
> great work! :) Linux, Ubuntu 64 and SeaMonkey (some kind of Firefox)
> 2.9.1 - no problems.
> I wonder, however - how large may the panoramas become, before it gets
> laggy (or browsers crash)? For example, I don't know a browser
> displaying a half-a-gigapixel image directly, so that'd be at least one
> limitation...
> Benjamin
> Matthew Petroff wrote:
> > After a year of on and off development, Pannellum, a free and open
> > source panorama viewer for the web, is ready for release. Built using
> > HTML5, CSS3, JavaScript, and WebGL, it is plug-in free. The
> > lightweight viewer, just 18kB gzipped, can be deployed using a single
> > file and displays full equirectangular panoramas. One can easily embed
> > panoramas in web pages as an <iframe>, using code generated by the
> > included configuration utility.
> > I've tested it across a range of browsers, but I'd appreciate any
> > feedback or bug reports.
> > -Matthew
> --
> You received this message because you are subscribed to the Google Groups
> "Hugin and other free panoramic software" group.
> A list of frequently asked questions is available at:
> http://wiki.panotools.org/Hugin_FAQ > To post to this group, send email to hugin-ptx@googlegroups.com
> To unsubscribe from this group, send email to
> hugin-ptx+unsubscribe@googlegroups.com
> For more options, visit this group at
> http://groups.google.com/group/hugin-ptx
On Mon, 28 May 2012 23:38:16 -1000, Gnome Nomad wrote:
> Actually, Flash and Java work just fine in FF10. I personally think the real reason behind the "plug-in free" push is Apple and Microsoft trying to wound thorns in their side called Adobe and Oracle/Sun. Javascript is a clumsy replacement. And everybody seems to have passed on supporting SVG in browsers.
> So I guess implementing this one means sites have to provide it PLUS another panorama viewer, or rudely lock people out.
WebGL has its own problems. For one, it doesn't seem to work for me at
all running Firefox 12 on Linux. It also has the problem of giving
external content direct access to the graphics hardware.
> On 05/28/2012 07:24 PM, RizThon wrote:
>> Nice! Your example works well for me in Firefox 12 on Win7 64 (pan,
>> zoom, full screen).
>> The only thing is that at first I was waiting for the panorama to
>> load, then after some time I thought I might have to click the "Load
>> Panorama". Maybe you could write "Click to load panorama" instead.
>> 2012/5/29 Matthew Petroff<matt...@mpetroff.net>:
>>> After a year of on and off development, Pannellum, a free and open
>>> source panorama viewer for the web, is ready for release. Built using
>>> HTML5, CSS3, JavaScript, and WebGL, it is plug-in free. The
>>> lightweight viewer, just 18kB gzipped, can be deployed using a single
>>> file and displays full equirectangular panoramas. One can easily embed
>>> panoramas in web pages as an<iframe>, using code generated by the
>>> included configuration utility.
I like your initiative to do something about the state of the
available web panorama viewers. If it weren't for those poor IE users,
it would be dead obvious, that WebGL is the way to go (and I have a
tendency trying to ignore those whenever I can ;)). I did some
experiments regarding WebGL and panorama viewing myself some time ago:
Although, my focus was primarily on getting some HDR panorama viewing
feature onto our website.
You seemed to be interested in a low a footprint script. I have about
400 lines of js and another 120 GLSL code (but admittedly using jquery
for convenience). The geometrical approach I used is different: there
is no textured 3D structure approximating a sphere and then looking at
it from the inside. I render a simple viewport sized quad and use a
fragment shader to find the proper pixel position in the source
texture for each pixel in the viewport.
You or anyone who is interested should be able to get a look at the
(uncompressed) code if you know your browser web debugging facilities.
If you think replacing tree.js with some GLSL code might be
interesting, let me know.
System:
Seamonkey 2.9.1
Win XP SP3
NVidia GeForce 8400 GS driver version 196.21
Works well, no glitches I could see. I had to enable WebGL support in
the browser first, using the following steps:
1. Type about:config in address bar
2. In the search box type webgl.
3. To enable WebGL, set webgl.force-enabled to true.
On the WebGL page (http://get.webgl.org/) is says:
Your browser supports WebGL
However, it indicates that support is experimental; you might see issues with some content.
Hi, didn't work here on a firefox 12 on windows XP. Got a black screen after clicking to load the panorama. No error messages. Visiting the WebGL site says that it is supported but experimental, but there simple cube rotated.
cartol...@gmail.com> wrote:
> Hi, didn't work here on a firefox 11 on windows XP. Got a black screen
> after clicking to load the panorama. No error messages.
> Some ideas would be implementing cube faces, maybe with multi-resolution
> and a way to detect HTML5 browsers and redirect to another place in case it
> doesn't support it. I have done like this in many panoramas with VR 5
> pano viewer <http://www.vrhabitat.com/#vr5>. It detects iPad and iPhone
> and jumps to another link in negative cases, where I put a Salado Player.
> The VR5 pano viewer uses 2 cubes with 2 different resolutions, one with
> 1024 pixels size and another with 480.
> 2012/5/29 Benjamin Schnieders <benjamin.schnied...@gmail.com>
>> Hi Matthew,
>> great work! :) Linux, Ubuntu 64 and SeaMonkey (some kind of Firefox)
>> 2.9.1 - no problems.
>> I wonder, however - how large may the panoramas become, before it gets
>> laggy (or browsers crash)? For example, I don't know a browser
>> displaying a half-a-gigapixel image directly, so that'd be at least one
>> limitation...
>> Benjamin
>> Matthew Petroff wrote:
>> > After a year of on and off development, Pannellum, a free and open
>> > source panorama viewer for the web, is ready for release. Built using
>> > HTML5, CSS3, JavaScript, and WebGL, it is plug-in free. The
>> > lightweight viewer, just 18kB gzipped, can be deployed using a single
>> > file and displays full equirectangular panoramas. One can easily embed
>> > panoramas in web pages as an <iframe>, using code generated by the
>> > included configuration utility.
>> > I've tested it across a range of browsers, but I'd appreciate any
>> > feedback or bug reports.
>> > -Matthew
>> --
>> You received this message because you are subscribed to the Google Groups
>> "Hugin and other free panoramic software" group.
>> A list of frequently asked questions is available at:
>> http://wiki.panotools.org/Hugin_FAQ >> To post to this group, send email to hugin-ptx@googlegroups.com
>> To unsubscribe from this group, send email to
>> hugin-ptx+unsubscribe@googlegroups.com
>> For more options, visit this group at
>> http://groups.google.com/group/hugin-ptx
> --
> You received this message because you are subscribed to the Google Groups
> "Hugin and other free panoramic software" group.
> A list of frequently asked questions is available at:
> http://wiki.panotools.org/Hugin_FAQ > To post to this group, send email to hugin-ptx@googlegroups.com
> To unsubscribe from this group, send email to
> hugin-ptx+unsubscribe@googlegroups.com
> For more options, visit this group at
> http://groups.google.com/group/hugin-ptx
Chromium 18.0.1025.151, installed from the Ubuntu repositories: The viewer
tells me: "A browser supporting WebGL (and the canvas element) is required
to view this panorama". In about:gpu Chromium reports:
Chrome 19.0.1084.52, downloaded from the Chrome website: Works nicely! Also
in full-screen (which seems to be faster than I expected on my aging
computer). However, I notice, that if you drag to rotate the panorama, but
you then release the mouse button out off the panorama area, the viewer
still thinks the mouse button is pressed when moving the mouse over the
panorama again. Not a big deal, but I thought I'd let you know.
Firefox 12.0, installed from the Ubuntu repositories: Works nicely! Also in
full-screen. Doesn't have the drag-out-off-the-pano-area problem described
above.
- FF12.0, works nicely
- Chrome Versi�n 19.0.1084.52 says:
Graphics Feature Status
Canvas: Software only, hardware acceleration unavailable
Compositing: Hardware accelerated
3D CSS: Hardware accelerated
CSS Animation: Accelerated
WebGL: Hardware accelerated
WebGL multisampling: Hardware accelerated
Problems Detected
Accelerated 2d canvas is unstable in Linux at the moment.
Version Information
Data exported Tue May 29 2012 11:10:41 GMT-0400 (CLT)
Chrome version 19.0.1084.52 (Build oficial 138391)
Operating system Linux 3.2.0-25-generic
Software rendering list version 1.29
ANGLE revision 1022
2D graphics backend Skia
> After a year of on and off development, Pannellum, a free and open
> source panorama viewer for the web, is ready for release. Built using
> HTML5, CSS3, JavaScript, and WebGL, it is plug-in free. The
> lightweight viewer, just 18kB gzipped, can be deployed using a single
> file and displays full equirectangular panoramas. One can easily embed
> panoramas in web pages as an <iframe>, using code generated by the
> included configuration utility.
La informaci�n contenida en este mensaje puede ser privada, confidencial
y estar protegida contra la divulgaci�n. Si el lector de este mensaje no
es el receptor que se intent� contactar o un trabajador o interlocutor
responsable de entregar este mensaje al receptor que se intent�
contactar, usted est� siendo notificado que cualquier propagaci�n,
distribuci�n o copia de esta comunicaci�n est� estrictamente prohibida.
Si ha recibido esta comunicaci�n por error, por favor, notif�quenos de
inmediato respondiendo este mensaje y elimin�ndolo de su computador.
Very nice. I've tested it on Linux 64 bit (Debian testing, Nvidia
graphics card with drivers 295.49-1) ans the results are the
following :
1. Iceweasel (Firefox) 12.0 : works perfectly (fullscreen too)
2. Google Chrome 19.0.1084.52 : works perfectly (fullscreen
too)
3. Opera 11.64.1403 : I get the message "A browser supporting
WebGL (and the canvas element) is required to view this panorama."
I'll test it it on some heavier panoramas and keep you informed.
Michal
> After a year of on and off development, Pannellum, a free and open
> source panorama viewer for the web, is ready for release. Built using
> HTML5, CSS3, JavaScript, and WebGL, it is plug-in free. The
> lightweight viewer, just 18kB gzipped, can be deployed using a single
> file and displays full equirectangular panoramas. One can easily embed
> panoramas in web pages as an<iframe>, using code generated by the
> included configuration utility.
Thanks for the reports! It should work in recent desktop versions of
Firefox and Chrome with proper driver support. Safari needs WebGL to
be manually enabled, and Opera won't support it until Opera 12. Mobile
support is much more spotty. As for the reports of a black screen, I
think it is due to buggy WebGL implementations; when I first started
working on this last year, I got the occasional black screen, but with
more recent browser updates, this is no longer the case for me.
I can certainly change the text from "Load Panorama" to "Click to Load
Panorama." As for translations, there is no client side way for
detecting language that I know of, so it's a bit of a moot point; if
one wants to host it on a page in a different language, one can just
change the strings in the hosted copy. I might consider changing the
base implementation and adding some sort of image pyramid support in
the future, but I don't plan on adding new feature or developing it
much more until WebGL support matures more.
-Matthew
On May 28, 11:49 pm, Matthew Petroff <matt...@mpetroff.net> wrote:
> After a year of on and off development, Pannellum, a free and open
> source panorama viewer for the web, is ready for release. Built using
> HTML5, CSS3, JavaScript, and WebGL, it is plug-in free. The
> lightweight viewer, just 18kB gzipped, can be deployed using a single
> file and displays full equirectangular panoramas. One can easily embed
> panoramas in web pages as an <iframe>, using code generated by the
> included configuration utility.
> On Mon, 28 May 2012 23:38:16 -1000, Gnome Nomad wrote:
>> Actually, Flash and Java work just fine in FF10. I personally think the real reason behind the "plug-in free" push is Apple and Microsoft trying to wound thorns in their side called Adobe and Oracle/Sun. Javascript is a clumsy replacement. And everybody seems to have passed on supporting SVG in browsers.
>> So I guess implementing this one means sites have to provide it PLUS another panorama viewer, or rudely lock people out.
> WebGL has its own problems. For one, it doesn't seem to work for me at
> all running Firefox 12 on Linux. It also has the problem of giving
> external content direct access to the graphics hardware.
I understand WebGL is very dependent on the particular graphics driver and hardware involved. I doubt very much that the old Intel video hardware on my good old reliable Toshiba laptop will ever have WebGL support.
I've played a little bit with Panellum and I've two questions :
- it seems to me that you suppose that the panoramas are
always 360 x180 . When I load a panorama which is 360
but narrower that 180 the effect is strange. Is there a method
to indicate that the panorama is narrower ?
- peformance : I've tried to load a 50 Mpix panorama and after
some time I gave up. Have you tested it on panoramas of that
size ?
> Thanks for the reports! It should work in recent desktop versions of
> Firefox and Chrome with proper driver support. Safari needs WebGL to
> be manually enabled, and Opera won't support it until Opera 12. Mobile
> support is much more spotty. As for the reports of a black screen, I
> think it is due to buggy WebGL implementations; when I first started
> working on this last year, I got the occasional black screen, but with
> more recent browser updates, this is no longer the case for me.
> I can certainly change the text from "Load Panorama" to "Click to Load
> Panorama." As for translations, there is no client side way for
> detecting language that I know of, so it's a bit of a moot point; if
> one wants to host it on a page in a different language, one can just
> change the strings in the hosted copy. I might consider changing the
> base implementation and adding some sort of image pyramid support in
> the future, but I don't plan on adding new feature or developing it
> much more until WebGL support matures more.
> -Matthew
> On May 28, 11:49 pm, Matthew Petroff<matt...@mpetroff.net> wrote:
>> After a year of on and off development, Pannellum, a free and open
>> source panorama viewer for the web, is ready for release. Built using
>> HTML5, CSS3, JavaScript, and WebGL, it is plug-in free. The
>> lightweight viewer, just 18kB gzipped, can be deployed using a single
>> file and displays full equirectangular panoramas. One can easily embed
>> panoramas in web pages as an<iframe>, using code generated by the
>> included configuration utility.
Nice Job, Matthew. And thanks.
It seems to work fine on my Intel C2D MacBook Pro running Safari on
10.7.4.
No go on my iPod touch though as (surprising to me) Safari on iOS does
not support WebGL (I guess it's still fairly beta on Safari though.)
It would be nice to be able to use the cursor arrows to control the
panning (but I have no idea if that is technically likely. Possibly in
the full screen mode?)
Hopefully I'll be able to figure out how to use it for my own
panoramas. I hope it can to partial panoramas (as that is mostly what
I shoot.)
I look forward to experimenting with it and appreciate your hard work.
Currently, partial panoramas are not supported; images are assumed to
be 360x180 degrees. I have not tested it with large panoramas; the
minimum field of view is currently hard-coded (and somewhat
arbitrary), so even if a large panorama works, you won't be able to
see the full detail. Adding keyboard controls for panning is a good
idea and is something I might add in the future.
-Matthew
On May 28, 11:49 pm, Matthew Petroff <matt...@mpetroff.net> wrote:
> After a year of on and off development, Pannellum, a free and open
> source panorama viewer for the web, is ready for release. Built using
> HTML5, CSS3, JavaScript, and WebGL, it is plug-in free. The
> lightweight viewer, just 18kB gzipped, can be deployed using a single
> file and displays full equirectangular panoramas. One can easily embed
> panoramas in web pages as an <iframe>, using code generated by the
> included configuration utility.