data-url

iPhone Open DATA: Url In Safari

Hello, I have a Data: URL (see: http://en.wikipedia.org/wiki/Data_URI_scheme) (as a NSString) and I want to open it in Safari. How would you accomplish this (I tried openURL:.) Example: data:text/html;base64,(Some Base64 Encoded Data Here) Thanks, Isaac Waller ...

Using an image file vs data URI in the CSS

I'm trying to decide the best way to include an image that is required for a script I've written. I discovered this site and it made me think about trying this method to include the image as a data URI (defined by RFC 2397) since it was so small - it's a 1x1 pixel 50% opacity png file (used for a background) - it ends up at 2,792 bytes ...

How to encode image data within an HTML file?

I'd like to be able to output an HTML file which includes an image (within the file itself). By Googling, I've come across a couple of ways to do this: javascript:imageData a data URI such as <IMG SRC="data:image/gif;base64,[...]"> <object ... > tag (although this uses a data URI, so may inherit the same limitations) But I don't know...

Is it possible to use data URIs in video and audio tags?

Assuming the following: The browser in question doesn't limit the size of data URIs. There is actually a purpose to doing this (so please refrain from asking "what's the point?" and "you do realize base64 encoding will expand your file by 33%, right?"). Is it technically possible to encode an entire video or audio file into base64, a...

generating MIDI in javascript

I'd like to generate a sequence of MIDI notes in javascript and then play it. Many plugins support MIDI, but I'm not aware of any supporting "data:" URL. Generating MIDI content is not a big deal - but feeding this content into player is. Anyone knows how this can be done - if not in general, then at least for specific plugin like QuickT...

Draw image from pixel data arrays

If I have an array of pixel data in JavaScript, is there a good way to display it on an HTML page? On recent versions of Safari and Firefox, I can make a <canvas> element and use putImageData to display the pixels, but ideally a solution could work on older versions as well and more importantly, work on Internet Explorer. Another solut...

getDataURL for part of the canvas object

I am building a firefox plugin which allows users to draw any arbitrary figure on an object and save it as an image (png file). var $ = getJQueryOb(); var canvas = '<canvas id="canvas" width="1024" height="1024" style="position:absolute; top:0px; left:0px;"></canvas>'; var currentWindow = Components.classes["@mozilla.org/appshell/window...

Download data url file

I'm playing with the idea of making a completely javascript based zip/unzip utility that anyone can access from a browser. They can just drag their zip directly into the browser and it'll let them download all the files within. They can also create new zip files by dragging individual files in. I know it'd be better to do it serverside,...

multiple instances same data url image

How do you re-instantiate an already declared base64 data url image without having to re-insert the base64 code on the same page?(preferably with css) I tried: <html><head> <style type="text/css"> img.wink { width:15px; height:15px; src:"data:image/.gif;base64,R0lGODlhDwAPALMMAP/qAEVFRQAAAP/OAP/JAP6dAP+0AP/+k//9...