Step 1: Create an HTML file that will call the Twitter widget.
Using a text editor, MS Word, Adobe Dreamweaver, Notepad, or other editor of your choice, create a basic HTML skeleton file with these lines:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<title>twitter display page</title>
</head>
<body>
</body>
</html>
Step 2: Obtain the code snippet for the Twitter widget.
The code snippet for the widget is obtained from Twitter using your account settings.
Sign in to your twitter account, then go to: http://twitter.com/widgets.
Select “Other” and click “Continue”
Select “Flash Widget” and click “Continue”
Select “Interactive Widget” and click “Continue”
Select a style using the pop-up menu. There are three options. (Don’t worry about the size option right now. We will adjust that in the next step to fit your FireSign Player screen’s format and pixel dimensions.)
Select and copy the HTML from the box in the web browser.
Go to the HTML page you created in Step 1, and paste this code between the <body> and
</body> tags.
Step 3: Customize the widget code to fit your FireSign Player
Edit the width and height parameters in the widget code to match the width and height of the pixel dimensions for your FireSign Player. See the red text in the code block below. For instance, your Player format might be “1360×768 16:9H”. The width is the number before the “x” (1360) and the height is the number after it (768). Do not change anything else.
<object classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,124,0″ width=”458″ height=”822″ id=”TwitterWidget” align=”middle”>
<param name=”allowScriptAccess” value=”always” />
<param name=”allowFullScreen” value=”true” />
<param name=”movie” value=”http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf” />
<param name=”quality” value=”high” />
<param name=”bgcolor” value=”#FF6600″ />
<param name=”FlashVars” value=”userID=16436568&styleURL=http://static.twitter.com/flash/widgets/profile/velvetica.xml”>
<embed src=”http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf” quality=”high” bgcolor=”#FF6600″ width=”1360″ height=”768″ name=”TwitterWidget” align=”middle” allowScriptAccess=”sameDomain” allowFullScreen=”true” type=”application/x-shockwave-flash” pluginspage=”http://www.macromedia.com/go/getflashplayer” FlashVars=”userID=16436568&styleURL=http://static.twitter.com/flash/widgets/profile/velvetica.xml”/>
</object>
Save your HTML file, making sure it has the proper .html file extension.
Step 4: Import your HTML file into your Media Library in FireSign Studio
You may want to also create a separate Media group for HTML files, just to keep them organized.
Step 5: Place the HTML file into a Segment
Create and edit a new Segment (or use an existing one) in FireSign Layout.
Place the HTML file into a Scene. Adjust the Scene duration to be 15 seconds or longer – long enough for someone to be able to read all the tweets on the page.
Resize the HTML file in the Scene so that it covers the entire display area.
Save your work, exit Layout, and go back to Studio.
Step 6: Set the Segment to play
Either add the Segment to a Schedule, or assign it as an override to your Player for a quick check.
Now step back and admire your work!
