Fb:live-stream

From Facebook Developer Wiki

Jump to: navigation, search

Contents

Description

Use this tag to render a Live Stream Box social widget on your FBML canvas pages or Facebook Connect sites.

Note: If you have an IFrame application, you can render the Live Stream Box in an <iframe> tag. See Live Stream Box for details.

Attributes

RequiredNameTypeDescription
required event_app_id string This is the application ID from the application you just created above. You must specify either the application ID or the API key.
apikey string The API key from the application you just created above. You must specify either the application ID or the API key.
optional width int The width of the box in pixels. (Default value is 450 pixels.)
height int The height of the box in pixels. (Default value is 400 pixels.)
xid string If you want to have multiple Live Stream Boxes on your canvas pages, specify a unique XID for each box. Specify xid=EVENT_NAME, where EVENT_NAME represents the event. EVENT_NAME can include only numbers, letters, and underscores. (Default value is default.)

Examples

For an FBML canvas page: <fb:live-stream event_app_id="YOUR_APPLICATION_ID" width="400" height="500"/>


For a Facebook Connect site: <html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml"> <head></head> <body> <div> YOUR PAGE CONTENT </div> <fb:live-stream width="400" height="500"></fb:live-stream> <script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript"></script> <script type="text/javascript"> FB.init("YOUR_API_KEY_HERE", "xd_receiver.htm"); </script> </body> </html>

Notes

Important: If you want to place a Live Stream Box on a page on your site that already references Facebook Connect (that is, the page contains one script that calls FeatureLoader.js.php and another that calls FB.init), then you must not reference these scripts again. You simply can just put in the fb:live-stream tag where you want the Live Stream Box to appear. As in:

<fb:live-stream width="400" height="500"></fb:live-stream>

See Also

Live Stream Box