JS + XBM + Base64 + data: + favicon == VU meter — OZONE Asylum, home of the Mad Scientists

DHTML/Javascript

JS + XBM + Base64 + data: + favicon == VU meter

This page's ID: 30412

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	Cool. I have the feeling that appending a new LINK node in the HEAD at each frame is begging for memory leak. It seems cleaner to clone the LINK, and replace the original by the clone with a new [i]href[/i]. Alas the cloning is necessary as the icon does not seem to update when only the [i]href[/i] is changed. Note that the base64 encoding is not necessary. You can simply use the ES3 method encodeURI(...)[code]xbmImages[i][j]='data:image/x-bitmap,'+encodeURI(ico.getXBM());[/code] When calling setPageIcon() you fetch the icon [i]xbmImages[parseInt([b]16[/b]this.peakData.left)][parseInt([b]16[/b]this.peakData.right)][/i]. I believe the [b]16[/b] should be replaced by [b]15[/b], otherwise you'll try to fetch the 17th image when one of the peak saturates at 1.0. Generating PNGs is ridiculously simple with Canvas now ;) In theory this should work in IE8 with the data: URI. It might even work in previous versions of IE as a javascript: URI [url=http://www.p01.org/][sigrotate][img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_love.gif[/img]\|[img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_love_small.gif[/img]\|[img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_charly.gif[/img]\|[img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_dk.gif[/img]\|[img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_reason.gif[/img]\|[img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_galaxy.gif[/img]\|[img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_neon88x31.gif[/img]\|[img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_teapot.png[/img][/sigrotate][/url] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu