Difference between revisions of "KB2/Shared Media"

From Second Life Wiki
Jump to navigation Jump to search
m (1 revision: Porting KB2 working drafts to public wiki)
m (1 revision)
 
(2 intermediate revisions by one other user not shown)
Line 1: Line 1:
* http://wiki.secondlife.com/wiki/Adding_Shared_Media_to_an_object
{{KB2}}
* http://wiki.secondlife.com/wiki/Showing_Shared_Media_at_the_right_aspect_ratio
* http://wiki.secondlife.com/wiki/Playing_media
* http://wiki.secondlife.com/wiki/Navigating_Shared_Media


== Adding shared media to an object ==
== Adding shared media to an object ==
You can add web-based media content to the surface of any objects you are allowed to [[Next-owner_permissions_FAQ|modify]]. To add media to an object:
{{:Adding Shared Media to an object}}
 
=== Using the build tools ===
 
# Right-click the object and choose '''Edit'''.
# Choose '''Select Face''' in the build tools window.
# Click one face of your object. For example, if your object is a cube, click the side of the cube on which you wish to display your media.
# Click the '''Texture''' tab of the build tools window.
# Click the '''+''' icon next to the Media URL field at the bottom of the Texture tab.
# In the General tab of the MEDIA SETTINGS window, enter your media's URL in the '''Home URL''' field.
# Click '''Apply''', then '''OK'''.
# Close the build tools window.
 
{{KBcaution|Make sure to apply your media to only one face of the object! Rendering the same media multiple times can needlessly cause severe performance and bandwidth problems for Residents who view your object.}}
 
This video @ 2:50 shows the above steps in action:
 
{{KBvideo|Wv20U7rJuwU|type=youtube|640|480}}
 
=== Drag and drop ===
 
You can also drag and drop URLs and favicons from your favorite web browser onto a prim to add Shared Media.
 
[[File:Shared Media Drag and Drop.png]]
 
More about this feature is [https://blogs.secondlife.com/community/community/tnt/blog/2010/03/04/viewer-2-tip-drag-websites-to-show-shared-media-in-seconds shown here].
 
=== Next steps ===
 
To start viewing your media, click the media-enabled surface of your object once. A set of media controls appears, and your media loads. From this point forward, you can [[Navigating_Shared_Media|interact with your media]] as though you are viewing it with a standard web browser.
 
{{KBtip|To use Flash, popularly used in a wide variety of media from YouTube to interactive games to collaboration webapps, you need to [http://get.adobe.com/flashplayer/otherversions/ download and install Flash].}}


== Showing shared media at the correct aspect ratio ==
== Showing shared media at the correct aspect ratio ==
[[Shared Media]] is setup to show square media. However, you can '''change this to fit any aspect ratio'''. Doing so isn't instant and could probably be easier in the future. There are three key things you need to know and do:
{{:Showing Shared Media at the right aspect ratio}}
 
# The media's exact dimensions in pixels.
# The offset alignment of the media — calculated with an '''Align''' button.
# The aspect ratio of the media — easily calculated using a tool, as we'll see.
 
=== What works? ===
 
This page presumes you already know how to [[Adding_Shared_Media_to_an_object|add Shared Media to an object]] and have the URL ready entered. This kind of content works (this isn't a complete list, just examples):
 
* '''Direct links to a supported image type''' like an animated GIF, JPG, or PNG.
** By the way, we used to need special converters to show animated GIFs in Second Life as textures, and they'd appear at reduced quality. Now, you can show them as-intended.
* '''Rich interactive media like Flash that's ''isolated'' on a page.'''
** This technique is likely to fail if there's a page with a Flash media embedded in the middle of whole bunch of other stuff, but usually works if the Flash media is the ''only'' thing on the page.
* '''[[Shared_Media_and_data_URI|data: URIs]]''' that fall under the above. data: URIs save you time by letting you show content ''without'' having to upload a webpage to a server.
 
Watch this easy video tutorial to see how it all works in action, then as-needed, follow the text steps below:
 
{{KBvideo|29aVwgvLdkE|640|385|type=youtube}}
 
=== Finding and applying the media's dimensions ===
 
First, view the media in an external web browser.
 
* If it's an image, most browsers show the size in pixels (like <code>500x375</code>) in the title bar.
* If it's Flash media or something else, try viewing the page source (usually available as a context menu option if you right-click the page). [http://lecs.welcome-island.secondlife.com.s3.amazonaws.com/video-1/index.html Try this example] and look for where it says <code>height="433" width="720"</code>. Specified dimensions are highly typical in Flash media embed code.
 
Once you have those dimensions, in the Second Life Viewer:
 
# Right-click the prim and choose '''Edit'''.
# In the build tools that appear, click the '''Texture''' tab.
# Click '''Select face'''.
# Near the bottom-right corner, click the gear icon.
# Under the MEDIA SETTINGS' '''General''' tab, ''uncheck'' '''Auto Scale Media on Face of Object'''.
# Enter the exact size in the '''Size''' fields.
# Click '''OK'''.
 
=== Aligning the media ===
 
This is easy. Back in the '''Texture''' tab of the build tools, click '''Align'''. You should see the media wrap and "hug" the full face of the prim. If it doesn't, there may be elements on the media's source page that interfere with positioning.
 
=== Entering the aspect ratio ===
 
In your web browser, do a pixels-to-meters conversion:
 
# Open a calculator like the cleverly-named '''[http://andrew.hedges.name/experiments/aspect_ratio/ Aspect Ratio Calculator]''' or the '''[http://www.continuum2.com/js_ratio.php Continuum Javascript Ratio Calculator]'''.
# In one set of boxes, enter the pixel dimensions of the media you used earlier.
# In the other set of boxes, enter one of the desired dimensions of the prim (up to <code>10.000</code>m for a non-[[megaprim]] dimension). The calculator gives you the other number.
 
Back in the Viewer:
 
# Still in the '''Object''' tab of the build tools, enter that second set of metric numbers. The prim resizes and the media should appear at the right aspect ratio without undesired squashing/stretching.
 
You can tweak the prim further (Torley recommends making a [https://blogs.secondlife.com/community/community/tnt/blog/2010/03/29/viewer-2-tip-shared-media-template-sign-object Shared Media template]), but you're basically done!


== Navigating shared media ==
== Navigating shared media ==
Some objects in Second Life can display web-based media content, much like a common web browser.  If you are already comfortable browsing the web, Shared Media controls should be easy to learn.
{{:Navigating Shared Media}}
 
===Trying out Shared Media navigation===
# Find a media-enabled object.  These objects are easily identified by the media controls that appear when your mouse cursor moves over them.  If you are unable to find a suitable media-enabled object, you can [[Adding Shared Media to an object|create one of your own]].
# Click the media once to give it focus.  You must click the media itself, and not another part of the same object.
# Notice the navigation controls that appear:
#* [[File:Shared Media Web Controls.png]]
#* '''Back and forward buttons:''' Cycle through previously visited pages.
#* '''Home button:''' Returns the media to this object's home URL.
#* '''Refresh/stop button:''' Reloads the current page or stops the loading of a page that is in progress.
#* '''Address bar:''' Navigate to any URL by typing it into this bar.
#* '''Magnifying glass/right arrow button:''' The magnifying glass automatically positions your camera in front of the media, then changes to the right arrow button, which returns your camera view to your avatar.
#* '''Window button:''' Opens the current URL in an external web browser.
# Try visiting several of your favorite websites to get a feel for how web content is presented in Second Life.  Any web pages you view are fully interactive, meaning you can click any links and type into any text fields you see!
 
 
{{KBnote|The creator of a Shared Media object can disable navigation controls and keyboard and mouse interactivity on it.  If you are unable to find an object that has all the controls and features listed above, you can easily [[Adding Shared Media to an object|create your own fully permissive Shared Media object]].}}
 
[[Category:Knowledge_Base_2]]

Latest revision as of 11:34, 5 January 2011


Adding shared media to an object

Redirecting to http://community.secondlife.com/t5/English-Knowledge-Base/Shared-Media/ta-p/700145

Showing shared media at the correct aspect ratio

Redirecting to http://community.secondlife.com/t5/English-Knowledge-Base/Shared-Media/ta-p/700145

Navigating shared media

Redirecting to http://community.secondlife.com/t5/English-Knowledge-Base/Shared-Media/ta-p/700145

Retrieved from "https://wiki.secondlife.com/w/index.php?title=KB2/Shared_Media&oldid=1130466"