Shared Media and data URIs - Revision history

Gwyneth Llewelyn: /* Can I make pure JavaScript work in a data: URI? */ replacing with

2025-05-06T23:26:30Z

Can I make pure JavaScript work in a data: URI?: replacing <nowiki> with <syntaxhighlight>

← Older revision		Revision as of 16:26, 6 May 2025
Line 54:		Line 54:
	Absolutely.		Absolutely.

	In fact, data: URI is best for displaying limited (up to 1024 chars), but constantly updated information without having to send a bunch of httprequests and bogging down a server. For example, updating a Media on a Prim speedometer on a .2sec timer interval.		In fact, data: URI is best for displaying limited (up to 1024 chars), but constantly updated information without having to send a bunch of {{code\|httprequests}} and bogging down a server. For example, updating a Media on a [[Prim]] speedometer on a .2sec timer interval.
			<syntaxhighlight lang="lsl2">
	//Copy and Paste the below directly into the homepage URL for a prims media.		//Copy and Paste the text below directly into the homepage URL for a prims media.
			</syntaxhighlight>
	<~~nowiki~~>data:text/html,<html><head><style>#ADiv{background-color:#EEE;width:100px;height:100px;}</style><script>function doit(){alert('Hi');}</script></head><body bgcolor='#222' onload='doit()'><div id='ADiv'></div></body></html></~~nowiki~~>		<syntaxhighlight lang="HTML">data:text/html,<html><head><style>#ADiv{background-color:#EEE;width:100px;height:100px;}</style><script>function doit(){alert('Hi');}</script></head><body bgcolor='#222' onload='doit()'><div id='ADiv'></div></body></html></syntaxhighlight>

	== What's the difference between a URI and a URL? ==		== What's the difference between a URI and a URL? ==

Aztral Aeon: /* Can I make pure JavaScript work in a data: URI? */

2014-06-29T20:31:03Z

Can I make pure JavaScript work in a data: URI?

← Older revision		Revision as of 13:31, 29 June 2014
Line 58:		Line 58:
	//Copy and Paste the below directly into the homepage URL for a prims media.		//Copy and Paste the below directly into the homepage URL for a prims media.

	<nowiki>data:text/html,<html><head><style>#ADiv{background-color:#EEE;}</style><script>function doit(){alert('Hi');}</script></head><body bgcolor='#222' onload='doit()'><div id='ADiv'~~><canvas id='CV' width=900 height=900/~~></div></body></html></nowiki>		<nowiki>data:text/html,<html><head><style>#ADiv{background-color:#EEE;width:100px;height:100px;}</style><script>function doit(){alert('Hi');}</script></head><body bgcolor='#222' onload='doit()'><div id='ADiv'></div></body></html></nowiki>

	== What's the difference between a URI and a URL? ==		== What's the difference between a URI and a URL? ==

Aztral Aeon: /* Can I make pure JavaScript work in a data: URI? */

2014-06-29T20:29:08Z

Can I make pure JavaScript work in a data: URI?

← Older revision		Revision as of 13:29, 29 June 2014
Line 52:		Line 52:
	== Can I make pure JavaScript work in a data: URI? ==		== Can I make pure JavaScript work in a data: URI? ==

	~~Possibly~~. ~~This needs~~ to ~~be tested more~~, ~~so please feel free~~ to ~~report your findings here~~.		Absolutely.

			In fact, data: URI is best for displaying limited (up to 1024 chars), but constantly updated information without having to send a bunch of httprequests and bogging down a server. For example, updating a Media on a Prim speedometer on a .2sec timer interval.

			//Copy and Paste the below directly into the homepage URL for a prims media.

			<nowiki>data:text/html,<html><head><style>#ADiv{background-color:#EEE;}</style><script>function doit(){alert('Hi');}</script></head><body bgcolor='#222' onload='doit()'><div id='ADiv'><canvas id='CV' width=900 height=900/></div></body></html></nowiki>

	== What's the difference between a URI and a URL? ==		== What's the difference between a URI and a URL? ==

Darien Caldwell: Changed "characters" to "bytes" to clarify the size. UTF-8 characters can be 2 or 3 bytes in length.

2013-02-21T00:02:40Z

Changed "characters" to "bytes" to clarify the size. UTF-8 characters can be 2 or 3 bytes in length.

← Older revision		Revision as of 17:02, 20 February 2013
Line 20:		Line 20:
	Feel free to use more advanced code to gain familiarity.		Feel free to use more advanced code to gain familiarity.

	{{KBtip\|A data: URI can be up to 32 kilobytes. The maximum length of an URI/URL in the Viewer is 1024 ~~characters~~, although an URL-shortening service (as described below) can prevent this limit from being reached.}}		{{KBtip\|A data: URI can be up to 32 kilobytes. The maximum length of an URI/URL in the Viewer is 1024 bytes, although an URL-shortening service (as described below) can prevent this limit from being reached.}}

	== Examples ==		== Examples ==

Boston Linden at 20:09, 6 February 2012

2012-02-06T20:09:15Z

← Older revision		Revision as of 13:09, 6 February 2012
Line 1:		Line 1:
	~~<noinclude>{{KBmaster}}</noinclude> {{TOCright}}~~

	== About ==		== About ==

Line 66:		Line 64:

	[[Category:Shared Media]]		[[Category:Shared Media]]
			[[Category:Media, music, and sound]]

Liny Odell: Undo revision 1158826 by Boston Linden (Talk) This content does not exist on the redirected to page.

2011-12-25T20:13:04Z

Undo revision 1158826 by Boston Linden (Talk) This content does not exist on the redirected to page.

← Older revision		Revision as of 13:13, 25 December 2011
Line 1:		Line 1:
	{{#~~Widget~~:~~Redirect~~\|~~url~~=/t5/~~English~~-~~Knowledge~~-~~Base~~/Shared-Media/ta-p/~~700145}}~~		<noinclude>{{KBmaster}}</noinclude> {{TOCright}}

			== About ==

			'''[http://en.wikipedia.org/wiki/Data_Uri Data: URIs] can be used with [[Shared Media]].''' If you're not a geek, why should you care?

			In short, one possible use is: say you have some content you want to show on a prim face, but you don't want to go through the trouble of creating an HTML file and uploading it to a webserver. (Or, you don't have a server.)

			'''You can use a data: URI tool to convert web content into a long link you can paste into Shared Media.''' It saves time and trouble.

			Here's a simple example:

			# In your web browser, go to '''[http://software.hixie.ch/utilities/cgi/data/data The data: URI kitchen]'''. This is an easy tool to convert HTML into a data: URI.
			# Insert your HTML between the <code><nowiki><body></nowiki></code> tags. Change <code><nowiki><p></p></nowiki></code> to <code><nowiki><p>This is a test!</p></nowiki></code>
			# Click the '''Generate''' button.
			# Copy the ''full'' data: URI in your web browser's address bar. It should look like this: <code><nowiki>data:text/html;charset=utf-8,<!DOCTYPE HTML PUBLIC "-%2F%2FW3C%2F%2FDTD HTML 4.0%2F%2FEN">%0D%0A<html lang%3D"en">%0D%0A <head>%0D%0A <title>Test<%2Ftitle>%0D%0A <style type%3D"text%2Fcss">%0D%0A <%2Fstyle>%0D%0A <%2Fhead>%0D%0A <body>%0D%0A <p>This is a test!<%2Fp>%0D%0A <%2Fbody>%0D%0A<%2Fhtml>%0D%0A</nowiki></code>
			# Using the steps described in "'''[[Adding Shared Media to an object]]'''", paste that exact URI into Shared Media on a prim.
			# The result should look like this:

			[[File:Data_URI_with_Shared_Media.png\|640px]]

			Feel free to use more advanced code to gain familiarity.

			{{KBtip\|A data: URI can be up to 32 kilobytes. The maximum length of an URI/URL in the Viewer is 1024 characters, although an URL-shortening service (as described below) can prevent this limit from being reached.}}

			== Examples ==

			This shows several lines of styled text:

			: <code><nowiki>data:text/html;charset=utf-8,<!DOCTYPE HTML PUBLIC "-%2F%2FW3C%2F%2FDTD HTML 4.0%2F%2FEN">%0D%0A<html lang%3D"en">%0D%0A <head>%0D%0A <title>Test<%2Ftitle>%0D%0A <style type%3D"text%2Fcss">%0D%0A <%2Fstyle>%0D%0A <%2Fhead>%0D%0A <body>%0D%0A <p>This is a test!<%2Fp>%0D%0A%0D%0A<p><strong>But it gets fancier because we're using styled text.<%2Fstrong><%2Fp>%0D%0A%0D%0A<p><em>Feel free to play with HTML snippets and jazz it up.<%2Fem><%2Fp>%0D%0A%0D%0A<h2><font color%3D"%23ff0080"><strong>That's why we call it rich content%2C yeah%3F<%2Fstrong><%2Ffont><%2Fh2>%0D%0A%0D%0A<p><strike>This line has intentionally been struck out.<%2Fstrike><%2Fp>%0D%0A <%2Fbody>%0D%0A<%2Fhtml>%0D%0A</nowiki></code>

			This embeds a Flash video:

			: <code><nowiki>data:text/html;charset=utf-8,<!DOCTYPE HTML PUBLIC "-%2F%2FW3C%2F%2FDTD HTML 4.0%2F%2FEN">%0D%0A<html lang%3D"en">%0D%0A <head>%0D%0A <title>Test<%2Ftitle>%0D%0A <style type%3D"text%2Fcss">%0D%0A <%2Fstyle>%0D%0A <%2Fhead>%0D%0A <body>%0D%0A <p><object width%3D"640" height%3D"480"><param name%3D"allowfullscreen" value%3D"true" %2F><param name%3D"allowscriptaccess" value%3D"always" %2F><param name%3D"movie" value%3D"http%3A%2F%2Fvimeo.com%2Fmoogaloop.swf%3Fclip_id%3D9656041%26amp%3Bserver%3Dvimeo.com%26amp%3Bshow_title%3D0%26amp%3Bshow_byline%3D0%26amp%3Bshow_portrait%3D0%26amp%3Bcolor%3DFF0080%26amp%3Bfullscreen%3D1" %2F><embed src%3D"http%3A%2F%2Fvimeo.com%2Fmoogaloop.swf%3Fclip_id%3D9656041%26amp%3Bserver%3Dvimeo.com%26amp%3Bshow_title%3D0%26amp%3Bshow_byline%3D0%26amp%3Bshow_portrait%3D0%26amp%3Bcolor%3DFF0080%26amp%3Bfullscreen%3D1" type%3D"application%2Fx-shockwave-flash" allowfullscreen%3D"true" allowscriptaccess%3D"always" width%3D"640" height%3D"480"><%2Fembed><%2Fobject><%2Fp>%0D%0A <%2Fbody>%0D%0A<%2Fhtml>%0D%0A</nowiki></code>

			This embeds an SVG (scalable vector graphic) of three interlocking, colored circles. Since SVGs are vectors, they can scale smoothly to any size:

			: <code><nowiki>http://tinyurl.com/yd5uyfa</nowiki></code>

			This embeds a Flash panorama of a Second Life scene, [https://blogs.secondlife.com/community/community/tnt/blog/2010/03/17/viewer-2-tip-shared-media-add-custom-content-with-data-uri-no-webpage-upload-needed as explained here]:

			: <code><nowiki>data:text/html;charset=utf-8,<html lang%3D"en">%0D%0A <head>%0D%0A <title>Test<%2Ftitle>%0D%0A <style type%3D"text%2Fcss">%0D%0A <%2Fstyle>%0D%0A <%2Fhead>%0D%0A <body marginheight%3D"0" marginwidth%3D"0" topmargin%3D"0" leftmargin%3D"0" rightmargin%3D"0" bottommargin%3D"0" style%3D"overflow%3Ahidden">%0D%0A <p align%3D"center"><object width%3D"100%25" height%3D"100%25">%0D%0A<param name%3D"movie" value%3D"http%3A%2F%2Ftorley.s3.amazonaws.com%2Fpanoramas%2FAmbiant-Waters-S.swf">%0D%0A<embed src%3D"http%3A%2F%2Ftorley.s3.amazonaws.com%2Fpanoramas%2FAmbiant-Waters-S.swf" width%3D"100%25" height%3D"100%25" type%3D"application%2Fx-shockwave-flash">%0D%0A<%2Fembed>%0D%0A<%2Fobject><%2Fp>%0D%0A <%2Fbody>%0D%0A<%2Fhtml></nowiki></code>

			== Those data: URIs are so long! Can I shorten them? ==

			Yes, an URL-shortener can make them a lot easier to copy-and-paste, although most popular ones (like bit.ly and snurl.com — no relation to [[SLurl]]) have troubles, and reliability is dependent on the specific service. '''[http://tinyurl.com TinyURL]''' appears to work, as shown above.

			== Can I embed other data types too? ==

			Yes, like images. The '''[http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/ Image to data URI convertor]''' can convert small PNG, JPG, or GIF images into a data URI. The resulting code may appear quite lengthy but give it a try.

			As shown above, SVGs can work, too.

			== Can I make pure JavaScript work in a data: URI? ==

			Possibly. This needs to be tested more, so please feel free to report your findings here.

			== What's the difference between a URI and a URL? ==

			This gets fairly technical, but "[http://www.damnhandy.com/2009/08/26/url-vs-uri-vs-urn-in-more-concise-terms/ URL vs. URI vs. URN, in More Concise Terms]" has a good explanation.

			== See also ==

			* '''[[User:Kelly_Linden/lsl_hacks\|Shared Media and HTTP-In]]''' - Kelly Linden compiled these clever tech tricks on making Shared Media integrate SL and the web better, including data: URIs.
			* '''[https://blogs.secondlife.com/community/community/tnt/blog/2010/03/17/viewer-2-tip-shared-media-add-custom-content-with-data-uri-no-webpage-upload-needed <nowiki>[VIEWER 2 TIP]</nowiki> Shared Media: Add custom content with data: URI (no webpage upload needed!)]''' - Blog post referring to this article.

			[[Category:Shared Media]]

Boston Linden: Replaced content with "{{#Widget:Redirect|url=/t5/English-Knowledge-Base/Shared-Media/ta-p/700145}}"

2011-11-28T16:39:16Z

Replaced content with "{{#Widget:Redirect|url=/t5/English-Knowledge-Base/Shared-Media/ta-p/700145}}"

← Older revision		Revision as of 09:39, 28 November 2011
Line 1:		Line 1:
	~~<noinclude>~~{{~~KBmaster}}</noinclude> {{TOCright}}~~		{{#Widget:Redirect\|url=/t5/English-Knowledge-Base/Shared-Media/ta-p/700145}}

	~~== About ==~~

	~~'''[http://en.wikipedia.org/wiki/Data_Uri Data: URIs] can be used with [[Shared Media]].''' If you're not a geek, why should you care?~~

	In short, one possible use is: say you have some content you want to show on a prim face, but you don't want to go through the trouble of creating an HTML file and uploading it to a webserver. (Or, you don't have a server.)

	~~'''You can use a data: URI tool to convert web content into a long link you can paste into Shared Media.''' It saves time and trouble.~~

	~~Here's a simple example:~~

	~~# In your web browser, go to '''[http://software.hixie.ch/utilities/cgi/data/data The data: URI kitchen]'''. This is an easy tool to convert HTML into a data: URI.~~
	~~# Insert your HTML between the <code><nowiki><body></nowiki></code> tags. Change <code><nowiki><p></p></nowiki></code> to <code><nowiki><p>This is a test!</p></nowiki></code>~~
	~~# Click the '''Generate''' button.~~
	# ~~Copy the ''full'' data: URI in your web browser's address bar. It should look like this: <code><nowiki>data~~:text/html;charset=utf-8,<!DOCTYPE HTML PUBLIC "-%2F%2FW3C%2F%2FDTD HTML 4.0%2F%2FEN">%0D%0A<html lang%3D"en">%0D%0A <head>%0D%0A <title>Test<%2Ftitle>%0D%0A <style type%3D"text%2Fcss">%0D%0A <%2Fstyle>%0D%0A <%2Fhead>%0D%0A <body>%0D%0A <p>This is a test!<%2Fp>%0D%0A <%2Fbody>%0D%0A<%2Fhtml>%0D%0A</nowiki></code>
	~~# Using the steps described in "'''[[Adding Shared Media to an object]]'''", paste that exact URI into Shared Media on a prim.~~
	~~# The result should look like this:~~

	~~[[File:Data_URI_with_Shared_Media.png~~\|~~640px]]~~

	~~Feel free to use more advanced code to gain familiarity.~~

	{{KBtip\|A data: URI can be up to 32 kilobytes. The maximum length of an URI/URL in the Viewer is 1024 characters, although an URL-shortening service (as described below) can prevent this limit from being reached.}}

	~~== Examples =~~=

	~~This shows several lines of styled text:~~

	~~: <code><nowiki>data:text~~/html;charset=utf-8,<!DOCTYPE HTML PUBLIC "-%2F%2FW3C%2F%2FDTD HTML 4.0%2F%2FEN">%0D%0A<html lang%3D"en">%0D%0A <head>%0D%0A <title>Test<%2Ftitle>%0D%0A <style type%3D"text%2Fcss">%0D%0A <%2Fstyle>%0D%0A <%2Fhead>%0D%0A <body>%0D%0A <p>This is a test!<%2Fp>%0D%0A%0D%0A<p><strong>But it gets fancier because we're using styled text.<%2Fstrong><%2Fp>%0D%0A%0D%0A<p><em>Feel free to play with HTML snippets and jazz it up.<%2Fem><%2Fp>%0D%0A%0D%0A<h2><font color%3D"%23ff0080"><strong>That's why we call it rich content%2C yeah%3F<%2Fstrong><%2Ffont><%2Fh2>%0D%0A%0D%0A<p><strike>This line has intentionally been struck out.<%2Fstrike><%2Fp>%0D%0A <%2Fbody>%0D%0A<%2Fhtml>%0D%0A</~~nowiki></code>~~

	~~This embeds a Flash video:~~

	: <code><nowiki>data:text/html;charset=utf-8,<!DOCTYPE HTML PUBLIC "-%2F%2FW3C%2F%2FDTD HTML 4.0%2F%2FEN">%0D%0A<html lang%3D"en">%0D%0A <head>%0D%0A <title>Test<%2Ftitle>%0D%0A <style type%3D"text%2Fcss">%0D%0A <%2Fstyle>%0D%0A <%2Fhead>%0D%0A <body>%0D%0A <p><object width%3D"640" height%3D"480"><param name%3D"allowfullscreen" value%3D"true" %2F><param name%3D"allowscriptaccess" value%3D"always" %2F><param name%3D"movie" value%3D"http%3A%2F%2Fvimeo.com%2Fmoogaloop.swf%3Fclip_id%3D9656041%26amp%3Bserver%3Dvimeo.com%26amp%3Bshow_title%3D0%26amp%3Bshow_byline%3D0%26amp%3Bshow_portrait%3D0%26amp%3Bcolor%3DFF0080%26amp%3Bfullscreen%3D1" %2F><embed src%3D"http%3A%2F%2Fvimeo.com%2Fmoogaloop.swf%3Fclip_id%3D9656041%26amp%3Bserver%3Dvimeo.com%26amp%3Bshow_title%3D0%26amp%3Bshow_byline%3D0%26amp%3Bshow_portrait%3D0%26amp%3Bcolor%3DFF0080%26amp%3Bfullscreen%3D1" type%3D"application%2Fx-~~shockwave~~-~~flash" allowfullscreen%3D"true" allowscriptaccess%3D"always" width%3D"640" height%3D"480"><%2Fembed><%2Fobject><%2Fp>%0D%0A <%2Fbody>%0D%0A<%2Fhtml>%0D%0A</nowiki><~~/~~code>~~

	~~This embeds an SVG (scalable vector graphic) of three interlocking, colored circles. Since SVGs are vectors, they can scale smoothly to any size:~~

	~~: <code><nowiki>http://tinyurl.com/yd5uyfa</nowiki></code>~~

	This embeds a Flash panorama of a Second Life scene, [https://blogs.secondlife.com/community/community/tnt/blog/2010/03/17/viewer-2-tip-shared-media-add-custom-content-with-data-uri-no-webpage-upload-needed as explained here]:

	: <code><nowiki>data:text/html;charset=utf-8,<html lang%3D"en">%0D%0A <head>%0D%0A <title>Test<%2Ftitle>%0D%0A <style type%3D"text%2Fcss">%0D%0A <%2Fstyle>%0D%0A <%2Fhead>%0D%0A <body marginheight%3D"0" marginwidth%3D"0" topmargin%3D"0" leftmargin%3D"0" rightmargin%3D"0" bottommargin%3D"0" style%3D"overflow%3Ahidden">%0D%0A <p align%3D"center"><object width%3D"100%25" height%3D"100%25">%0D%0A<param name%3D"movie" value%3D"http%3A%2F%2Ftorley.s3.amazonaws.com%2Fpanoramas%2FAmbiant-Waters-S.swf">%0D%0A<embed src%3D"http%3A%2F%2Ftorley.s3.amazonaws.com%2Fpanoramas%2FAmbiant-Waters-S.swf" width%3D"100%25" height%3D"100%25" type%3D"application%2Fx-shockwave-flash">%0D%0A<%2Fembed>%0D%0A<%2Fobject><%2Fp>%0D%0A <%2Fbody>%0D%0A<%2Fhtml></nowiki></code>

	~~== Those data: URIs are so long! Can I shorten them? ==~~

	Yes, an URL-shortener can make them a lot easier to copy-and-paste, although most popular ones (like bit.ly and snurl.com — no relation to [[SLurl]]) have troubles, and reliability is dependent on the specific service. '''[http://tinyurl.com TinyURL]''' appears to work, as shown above.

	~~== Can I embed other data types too? ==~~

	Yes, like images. The '''[http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/ Image to data URI convertor]''' can convert small PNG, JPG, or GIF images into a data URI. The resulting code may appear quite lengthy but give it a try.

	~~As shown above, SVGs can work, too.~~

	~~== Can I make pure JavaScript work in a data: URI? ==~~

	~~Possibly. This needs to be tested more, so please feel free to report your findings here.~~

	~~== What's the difference between a URI and a URL? ==~~

	~~This gets fairly technical, but "[http://www.damnhandy.com/2009/08/26/url-vs-uri-vs-urn-in-more-concise-terms/ URL vs. URI vs. URN, in More Concise Terms]" has a good explanation.~~

	~~== See also ==~~

	* '''[[User:Kelly_Linden/lsl_hacks\|Shared ~~Media and HTTP~~-~~In]]''' - Kelly Linden compiled these clever tech tricks on making Shared~~ Media ~~integrate SL and the web better, including data: URIs.~~
	* '''[https:/~~/blogs.secondlife.com/community/community/tnt/blog/2010/03/17/viewer~~-~~2-tip-shared-media-add-custom-content-with-data-uri-no-webpage-upload-needed <nowiki>[VIEWER 2 TIP]<~~/~~nowiki> Shared Media: Add custom content with data: URI (no webpage upload needed!)]''' - Blog post referring to this article.~~

	~~[[Category:Shared Media]]~~

Jeremy Linden: Text replace - '{{KBmaster}}' to '{{KBmaster}}'

2010-10-26T18:44:13Z

Text replace - '{{KBmaster}}' to '<noinclude>{{KBmaster}}</noinclude>'

← Older revision		Revision as of 11:44, 26 October 2010
Line 1:		Line 1:
	{{KBmaster}} {{TOCright}}		<noinclude>{{KBmaster}}</noinclude> {{TOCright}}

	== About ==		== About ==

Torley Linden: /* See also */

2010-03-18T14:12:25Z

Torley Linden at 19:45, 17 March 2010

2010-03-17T19:45:43Z

← Older revision		Revision as of 12:45, 17 March 2010
Line 20:		Line 20:
	[[File:Data_URI_with_Shared_Media.png\|640px]]		[[File:Data_URI_with_Shared_Media.png\|640px]]

	~~{{KBtip\|The maximum length of an URI/URL in the Viewer is 1024 characters~~.}}		Feel free to use more advanced code to gain familiarity.

	~~Feel free~~ to ~~use more advanced code to gain familiarity~~. This shows several lines of styled text:		{{KBtip\|A data: URI can be up to 32 kilobytes. The maximum length of an URI/URL in the Viewer is 1024 characters, although an URL-shortening service (as described below) can prevent this limit from being reached.}}

			== Examples ==

			This shows several lines of styled text:

	: <code><nowiki>data:text/html;charset=utf-8,<!DOCTYPE HTML PUBLIC "-%2F%2FW3C%2F%2FDTD HTML 4.0%2F%2FEN">%0D%0A<html lang%3D"en">%0D%0A <head>%0D%0A <title>Test<%2Ftitle>%0D%0A <style type%3D"text%2Fcss">%0D%0A <%2Fstyle>%0D%0A <%2Fhead>%0D%0A <body>%0D%0A <p>This is a test!<%2Fp>%0D%0A%0D%0A<p><strong>But it gets fancier because we're using styled text.<%2Fstrong><%2Fp>%0D%0A%0D%0A<p><em>Feel free to play with HTML snippets and jazz it up.<%2Fem><%2Fp>%0D%0A%0D%0A<h2><font color%3D"%23ff0080"><strong>That's why we call it rich content%2C yeah%3F<%2Fstrong><%2Ffont><%2Fh2>%0D%0A%0D%0A<p><strike>This line has intentionally been struck out.<%2Fstrike><%2Fp>%0D%0A <%2Fbody>%0D%0A<%2Fhtml>%0D%0A</nowiki></code>		: <code><nowiki>data:text/html;charset=utf-8,<!DOCTYPE HTML PUBLIC "-%2F%2FW3C%2F%2FDTD HTML 4.0%2F%2FEN">%0D%0A<html lang%3D"en">%0D%0A <head>%0D%0A <title>Test<%2Ftitle>%0D%0A <style type%3D"text%2Fcss">%0D%0A <%2Fstyle>%0D%0A <%2Fhead>%0D%0A <body>%0D%0A <p>This is a test!<%2Fp>%0D%0A%0D%0A<p><strong>But it gets fancier because we're using styled text.<%2Fstrong><%2Fp>%0D%0A%0D%0A<p><em>Feel free to play with HTML snippets and jazz it up.<%2Fem><%2Fp>%0D%0A%0D%0A<h2><font color%3D"%23ff0080"><strong>That's why we call it rich content%2C yeah%3F<%2Fstrong><%2Ffont><%2Fh2>%0D%0A%0D%0A<p><strike>This line has intentionally been struck out.<%2Fstrike><%2Fp>%0D%0A <%2Fbody>%0D%0A<%2Fhtml>%0D%0A</nowiki></code>
Line 30:		Line 34:
	: <code><nowiki>data:text/html;charset=utf-8,<!DOCTYPE HTML PUBLIC "-%2F%2FW3C%2F%2FDTD HTML 4.0%2F%2FEN">%0D%0A<html lang%3D"en">%0D%0A <head>%0D%0A <title>Test<%2Ftitle>%0D%0A <style type%3D"text%2Fcss">%0D%0A <%2Fstyle>%0D%0A <%2Fhead>%0D%0A <body>%0D%0A <p><object width%3D"640" height%3D"480"><param name%3D"allowfullscreen" value%3D"true" %2F><param name%3D"allowscriptaccess" value%3D"always" %2F><param name%3D"movie" value%3D"http%3A%2F%2Fvimeo.com%2Fmoogaloop.swf%3Fclip_id%3D9656041%26amp%3Bserver%3Dvimeo.com%26amp%3Bshow_title%3D0%26amp%3Bshow_byline%3D0%26amp%3Bshow_portrait%3D0%26amp%3Bcolor%3DFF0080%26amp%3Bfullscreen%3D1" %2F><embed src%3D"http%3A%2F%2Fvimeo.com%2Fmoogaloop.swf%3Fclip_id%3D9656041%26amp%3Bserver%3Dvimeo.com%26amp%3Bshow_title%3D0%26amp%3Bshow_byline%3D0%26amp%3Bshow_portrait%3D0%26amp%3Bcolor%3DFF0080%26amp%3Bfullscreen%3D1" type%3D"application%2Fx-shockwave-flash" allowfullscreen%3D"true" allowscriptaccess%3D"always" width%3D"640" height%3D"480"><%2Fembed><%2Fobject><%2Fp>%0D%0A <%2Fbody>%0D%0A<%2Fhtml>%0D%0A</nowiki></code>		: <code><nowiki>data:text/html;charset=utf-8,<!DOCTYPE HTML PUBLIC "-%2F%2FW3C%2F%2FDTD HTML 4.0%2F%2FEN">%0D%0A<html lang%3D"en">%0D%0A <head>%0D%0A <title>Test<%2Ftitle>%0D%0A <style type%3D"text%2Fcss">%0D%0A <%2Fstyle>%0D%0A <%2Fhead>%0D%0A <body>%0D%0A <p><object width%3D"640" height%3D"480"><param name%3D"allowfullscreen" value%3D"true" %2F><param name%3D"allowscriptaccess" value%3D"always" %2F><param name%3D"movie" value%3D"http%3A%2F%2Fvimeo.com%2Fmoogaloop.swf%3Fclip_id%3D9656041%26amp%3Bserver%3Dvimeo.com%26amp%3Bshow_title%3D0%26amp%3Bshow_byline%3D0%26amp%3Bshow_portrait%3D0%26amp%3Bcolor%3DFF0080%26amp%3Bfullscreen%3D1" %2F><embed src%3D"http%3A%2F%2Fvimeo.com%2Fmoogaloop.swf%3Fclip_id%3D9656041%26amp%3Bserver%3Dvimeo.com%26amp%3Bshow_title%3D0%26amp%3Bshow_byline%3D0%26amp%3Bshow_portrait%3D0%26amp%3Bcolor%3DFF0080%26amp%3Bfullscreen%3D1" type%3D"application%2Fx-shockwave-flash" allowfullscreen%3D"true" allowscriptaccess%3D"always" width%3D"640" height%3D"480"><%2Fembed><%2Fobject><%2Fp>%0D%0A <%2Fbody>%0D%0A<%2Fhtml>%0D%0A</nowiki></code>

	This embeds an SVG (scalable vector graphic) of three interlocking, colored circles:		This embeds an SVG (scalable vector graphic) of three interlocking, colored circles. Since SVGs are vectors, they can scale smoothly to any size:

	: <code><nowiki>http://tinyurl.com/yd5uyfa</nowiki></code>		: <code><nowiki>http://tinyurl.com/yd5uyfa</nowiki></code>

	~~Since SVGs are vectors, they can scale smoothly to any size.~~

	This embeds a Flash panorama of a Second Life scene, [https://blogs.secondlife.com/community/community/tnt/blog/2010/03/17/viewer-2-tip-shared-media-add-custom-content-with-data-uri-no-webpage-upload-needed as explained here]:		This embeds a Flash panorama of a Second Life scene, [https://blogs.secondlife.com/community/community/tnt/blog/2010/03/17/viewer-2-tip-shared-media-add-custom-content-with-data-uri-no-webpage-upload-needed as explained here]:

← Older revision		Revision as of 07:12, 18 March 2010
Line 62:		Line 62:
	== See also ==		== See also ==

			* '''[[User:Kelly_Linden/lsl_hacks\|Shared Media and HTTP-In]]''' - Kelly Linden compiled these clever tech tricks on making Shared Media integrate SL and the web better, including data: URIs.
	* '''[https://blogs.secondlife.com/community/community/tnt/blog/2010/03/17/viewer-2-tip-shared-media-add-custom-content-with-data-uri-no-webpage-upload-needed <nowiki>[VIEWER 2 TIP]</nowiki> Shared Media: Add custom content with data: URI (no webpage upload needed!)]''' - Blog post referring to this article.		* '''[https://blogs.secondlife.com/community/community/tnt/blog/2010/03/17/viewer-2-tip-shared-media-add-custom-content-with-data-uri-no-webpage-upload-needed <nowiki>[VIEWER 2 TIP]</nowiki> Shared Media: Add custom content with data: URI (no webpage upload needed!)]''' - Blog post referring to this article.

	[[Category:Shared Media]]		[[Category:Shared Media]]