Web « GGshow reloaded

December 23, 2008

Video covered whole screen area when full screen

Issue:

Only can see video when full screen mode activated (StageDisplayState.FULL_SCREEN).
Other content not visible when full screen.

Reason:

Flash Player uses hardware acceleration to scale the video file, rather than scaling it through software.
By hardware acceleration for full-screen, FLVPlayback component instance take over whole full screen area by default.

Solution:
Set the fullScreenTakeOver parameter to false.

FLVPlaybackInstance.fullScreenTakeOver = false;

Additional Information:
Using the FLVPlayback component with Flash Player 9 Update 3

Comments (0)

Filed under: ActionScript,Flash Platform,Web — Tags: flash, fullscreen, hardware acceleration, video — GG @ 2:48 pm

December 7, 2008

Dynamic Chord Diagram

A single SWF file to generate diagrams for all kinds of guitar chords.
Pass a variable from HTML to SWF when loading it.

Examples:

chord.swf?chord=C,X,3,2,0,1,0
(Either JavaScript is not active or you are using an old version of Adobe Flash Player. Please install the newest Flash Player.)

It is customizable…
chord.swf?chord=Am,X,0,2,2,1,0&bgcolor=0xDDFFDD&fgcolor=0x009900

(Either JavaScript is not active or you are using an old version of Adobe Flash Player. Please install the newest Flash Player.)

It is scalable…

(Either JavaScript is not active or you are using an old version of Adobe Flash Player. Please install the newest Flash Player.)

Comments (0)

Filed under: Flash Platform,GG's Flash Extensions,Web — Tags: chord, flash, swf — GG @ 2:09 pm

October 20, 2008

WMODE for SWF

Issue:

How to display other HTML content above a swf?
DHTML menus appear underneath swf
HTML layer z-index not working on swf object

Reason:
By default wmode=”window”, Active Content is rendered directly to the screen on top of web browser window, which means it appears on top of other HTML content.

Solution:
Set the wmode parameter for swf object & embed tag to “opaque” or “transparent”.
e.g.:

In HTML,

add to object tag:
```
<param name="wmode" value="opaque">
```
add to embed tag:
```
wmode="opaque"
```

So your html code will looked like:

<object ... >
    ...
    <param name="wmode" value="opaque">
    <embed ... wmode="opaque" ... >
</object>

From Flash,
1. From menu, File > Publish Settings,
2. click HTML tag,
3. select “Opaque Windowless” for Window Mode.
4. Publish
From Dreamweaver,
1. Select the swf in the Design View.
2. In the Properties panel, choose Parameters.
3. Enter “wmode” (without quotes) for the Parameter.
4. Enter “transparent” (without quotes) for the Value.
5. Save the document.

Additional Information:

TechNote:
Flash content displays on top of all DHTML layers
How to make a Flash movie with a transparent background

Comments (0)

Filed under: Flash Platform,HTML,Web — Tags: flash, html, swf, wmode — GG @ 1:48 am

September 21, 2008

Download free TrueType Fonts

These TrueType fonts originally created for solving problem in Flash, but it can be used elsewhere including web and desktop applications.

	GG SignDings
	~~GG Subscript~~ ~~GG Superscript~~ GG Subscript Sans GG Superscript Sans GG Subscript Serif GG Superscript Serif
	GG Root Sans N GG Root Sans Radical GG Root Sans Radicand

All fonts from GGSHOW.COM are licensed under a Creative Commons Attribution-Share Alike 3.0 Unported License.

Comments (9)

Filed under: Flash,Web — Tags: download, flash, font, subscript, superscript, truetype — GG @ 8:51 pm

October 29, 2007

GG WebSwfExts v1.0.0

GG WebSwfExts is a set of flash component for web based swfs. Version 1.0.0 includes 3 useful components below:
– GG bgColor v1
– GG jsWindow v2
– GG mailto v1

GG bgColor v1
A flash actionscript component integrates DOM document object bgColor property. Allows HTML body background color to be changed by using actionscript command.
Editable Parameters:

N/A

Examples:
[01][02] click to open

GG jsWindow v2
A flash actionscript component integrates JavaScript popup window function, launch JavaScript popup window in Flash, with fully customizable window properties, include toolbar, location, directories, status, menubar, scrollbars, resizable, copyhistory, width, and height.

componentInstance.openWindow(url, windowName);
e.g.:
my_btn.onPress = function() {
my_popup.openWindow(“http://www.ggshow.com”, “my_window”);
};

componentInstance.closeWindow(windowName);
e.g.:
my_btn.onPress = function() {
my_popup.closeWindow(“my_window”);
};

Editable Parameters:

toolbar	Determines whether to include the standard Back, Forward, Home toolbar.
location	Determines whether to show the current URL location.
directories	Determines whether to show “What’s New” “What’s Cool,” or other buttons.
status	Determines whether to have a status bar at the bottom of the window.
menubar	Determines whether to include a menu bar at the top of the window.
scrollbars	Determines whether to create scroll bars if the document exceeds the window size.
resizable	Determines whether the user may resize the window.
copyhistory	Determines whether this new window should inherit the current window’s session history.
width	Defines how wide the window should be, measured in pixels.
height	Defines how tall the window should be, measured in pixels.

Examples:

(Either JavaScript is not active or you are using an old version of Adobe Flash Player. Please install the newest Flash Player.)

GG mailto v1
Customizable mailto function in flash, launch users’ email client with complete parameters includes to, cc, bcc, subject, and body.
Editable Parameters:

to	Receipients’ email address(es), separated by using semicolon (;). *required
cc	cc *optional
bcc	bcc *optional
subject	email subject *optional
body	email message body, use %0A as line break. *optional

Examples:

(Either JavaScript is not active or you are using an old version of Adobe Flash Player. Please install the newest Flash Player.)

Comments (0)

Filed under: ActionScript,Flash Platform,GG's Flash Extensions,Web — Tags: bgcolor, flash, mailto, window — GG @ 3:56 am

July 26, 2007

GG jsWindow

A flash actionscript component integrates JavaScript popup window function, launch JavaScript popup window in Flash, with fully customizable window properties, include toolbar, location, directories, status, menubar, scrollbars, resizable, copyhistory, width, and height.

openWindow function
componentInstance.openWindow(url, windowName);

e.g.:

my_btn.onPress = function() {
my_popup.openWindow(“http://www.ggshow.com”, “my_window”);
};

Example:

(Either JavaScript is not active or you are using an old version of Adobe Flash Player. Please install the newest Flash Player.)

Comments (0)

Filed under: Flash Platform,GG's Flash Extensions,JavaScript,Web — Tags: actionscript, flash, javascript, window — GG @ 3:34 pm

May 7, 2007

ActiveX Controls

Issue:

Security warning “Click to activate and use this control.”
Flash button need double click in MSIE
How to remove border/frame/rectangle around swf in MSIE?
How to automatic activate active control?
Rollover on swf in MSIE
ac_runactivecontent.js

Reason:
An update to Microsoft Internet Explorer (MSIE) 6 changes its way in handles some webpages that use ActiveX controls and Java applets like Adobe Reader, Apple QuickTime Player, Macromedia Flash Player, Microsoft Windows Media Player, Real Networks RealPlayer, Sun Java Virtual Machine, and more. After you install this update, you cannot interact with ActiveX controls loaded by the APPLET, EMBED, or OBJECT elements, until these controls are enabled. To enable an ActiveX control, manually click the control.

Solution:

By using JavaScript:
By installing extension/updater
- Installing the Flash Active Content Update extension
- Converting Active Content with the Dreamweaver 8.0.2 Updater

Additional Information:

Developer Center:
Active Content Developer Center
Active content FAQ

TechNote:
Installing the Flash Active Content Update extension

Microsoft Support:
Internet Explorer ActiveX update

MSDN:
Activating ActiveX Controls

Comments (0)

Filed under: Flash Platform,JavaScript,Web — Tags: activex, flash, html, swf — GG @ 6:28 pm

April 21, 2007

Cross-domain policy

Issue:

Unable to load variables or XML data into a Flash movie from another domain/subdomain.
Unable to load swf or flv into Flash movie from another domain/subdomain.

Reason:
For security reasons, data loading operations (load, loadMovie, loadVariables, & etc.) from a different domain is not permitted.

Solution:
Create a cross-domain policy file (crossdomain.xml) and place on the site root of the server you wish to access with the movie.

Cross-domain policy files is a simple XML file that gives the Flash Player permission to access data from a given domain without displaying a security dialog, the file can be created in a simple text editor such as Notepad or SimpleText.

Sample Cross-domain policy file allow access from any domain

<?xml version="1.0"?>
<cross-domain-policy>
	<allow-access-from domain="*" />
</cross-domain-policy>

Sample Cross-domain policy file allow access from any subdomains & local server, & secure server

<?xml version="1.0"?>
<!DOCTYPE cross-domain-policy SYSTEM "http://www.macromedia.com/xml/dtds/cross-domain-policy.dtd">
<cross-domain-policy>
	<allow-access-from domain="www.ggshow.com" />
	<allow-access-from domain="ggshow.com" />
	<allow-access-from domain="*.ggshow.com" />
	<allow-access-from domain="blog.ggshow.com" />
	<allow-access-from domain="search.ggshow.com" />
	<allow-access-from domain="blog" />
	<allow-access-from domain="search" />
	<allow-access-from domain="www.ggshow.com" secure="false" />
</cross-domain-policy>

Sample Cross-domain policy file on other websites

Additional Information:
crossdomainxml.org

LiveDocs:
Using policy files

TechNote:
External data not accessible outside a Macromedia Flash movie’s domain
Loading data across domains
Macromedia Flash movie fails to load data in Flash Player 7

Comments (0)

Filed under: Flash Platform,Web — Tags: crossdomain, flash, html, xml — GG @ 3:34 pm

April 19, 2007

How to use subscript & superscript in dynamic and input text field

Issue:

Unable to use subscript or superscript in dynamic and input text field.
Unable to display subscript or superscript for external loaded text.
Unable to use & tags in dynamic or input text field.
To create subscript or superscript text without Text Layout Framework (TLF).

Reason:
 & tags are not supported by Flash.

TechNote: Subscript and superscript fail in dynamic and input text fields
LiveDocs: Supported HTML tags

Solution:

Download & install GG Subscript & GG Superscript TrueType fonts. You will need to restart Flash software after installed fonts.
Create a dynamic text field with Arial font embeded. Set the HTML property to true.
Create a dynamic text field with GG Subscript font embeded.
Create a dynamic text field with GG Superscript font embeded.
Use HTML tag to set text to subscript or superscript like below:
```
AdobeTM
```
If you are using ActionScript to test the htmlText, use script like below:
```
my_txt.text = "AdobeTM";
```

Demo:

(Either JavaScript is not active or you are using an old version of Adobe Flash Player. Please install the newest Flash Player.)

Download:
superscript.fla
superscript.swf

Updated: (2008-09-21)
A new set of superscript & subscript fonts includes both sans & serif type, with more complete & improved glyphs, standard scale & shift, is now available to be downloaded (free) from here.

Updated: (2010-10-23)
Another set of fonts for displaying square root (SQRT), cube root, nth root, and other roots formula in dynamic and input text field is now available here.

Related:
For creating subscript & superscript text with Text Layout Framework in AS3 or Flex project, refer to here

Comments (0)

Filed under: ActionScript,HTML — Tags: actionscript, font, html, subscript, superscript — GG @ 5:51 pm

« Newer Posts