How to embed Vitalize! applications in HTML pages

Yves · November 22, 2007 at 1:10 PM

This is the same syntax as Vitalize! 3. You have to use an OBJECT tag (for Internet Explorer) that contains an EMBED tag (for the other browsers) :

Comments

- replace yourapp.ccn by the name of your application.

- set the width and height of your application in the width and height parameters of the OBJECT and EMBED tags.

- you can replace Vitalize1 by any identifier.

- application/x-cnc is the MIME type of Vitalize! CCN files.

- the Version number in the OBJECT tag (4,0,254,0) is the version of Vitalize! required by your application. It is recommended to use the latest version number. If the installed version of Vitalize! has a lower number, then Internet Explorer will ask the user if s/he wants to install the new version.

- the CHECKVERSION number in the EMBED command is similar. When Vitalize! is executed from another browzer (Firefox, Netscape, Opera, etc), then it will compare this version number to the version number of the installed version and will proposes the user to go to the download page of Vitalize! if necessary.

Optional parameters

- Background color : use the following parameters to change the background color of the plugin window. This window is displayed while the browser is downloading the CCN file.

OBJECT tag
<PARAM NAME="BackColor" VALUE="red,green,blue">

EMBED tag
BackColor="red,green,blue"

red,green,blue = components of the color to use, between 0 and 255

- Progress bar : if you want a progress bar to be displayed while the browser is downloading your application, use the following parameters :

OBJECT tag
<PARAM NAME="ProgressBar" VALUE="x,y,width,height">
<PARAM NAME="ProgressBarColor" VALUE="red,green,blue">
<PARAM NAME="ProgressBarBorderColor" VALUE="red,green,blue">

EMBED tag
ProgressBar="x,y,width,height"
ProgressBarColor="red,green,blue"
ProgressBarBorderColor="red,green,blue"

x,y = position of the progress bar
width,height = width and height of the progress bar
red,green,blue = components of the color to use, between 0 and 255

- Disabling sounds and/or music : use the following parameters to disable the sounds and/or the music in the CCN file. Note 1: only the internal sounds & music are disabled with this option, the sounds played by video objects for example are not disabled. Note 2: if you use these options, CCN files created with TGF1 or MMF1 are not executed.

OBJECT tag
<PARAM NAME="Sounds" VALUE="no">
<PARAM NAME="Music" VALUE="no">

EMBED tag
Sounds="no"
Music="no"

- Disabling specific extensions : use the following parameter to prevent CCNs using some extensions from being executed.

OBJECT tag
<PARAM NAME="DisableExts" VALUE="extension1,extension2,etc">

EMBED tag
DisableExts="extension1,extension2,etc"

extension1,extension2,etc are extension filenames without file extension, for example kcbutton.

- Disabling all extensions except for some of them : use the following parameter to allow only CCNs using specific extensions.

OBJECT tag
<PARAM NAME="EnableExts" VALUE="extension1,extension2,etc">

EMBED tag
EnableExts="extension1,extension2,etc"

extension1,extension2,etc are extension filenames without file extension, for example kcbutton.

- Custom parameters : you can use your own parameters and retrieve them with the CommandItem$ function of MMF2/TGF2.

OBJECT tag
<PARAM NAME="NameOfYourParameter" VALUE="ValueOfYourParameter">

EMBED tag
NameOfYourParameter="ValueOfYourParameter"

and then in your application use CommandItem$("NameOfYourParameter") to retrieve its value.

Example with all the parameters

LyderWare · January 7, 2008 at 9:31 PM

New using Vtlz.
I did not write code for my web game. I installed the v4 plugin then just openned the game from the File,Open, type ALL.

It worked fine - but it seem from the text I did it wrong. Is that right?

Also, Are you allowed to put the V4 plugin on your CDrom with your games when sell it? I am working with MMF2Dev

ThankYou
patricklyder

LIJI · January 9, 2008 at 5:01 PM

Since you defined type="application/x-cnc", there's no need to define CLASSID too. Both IE and Netscape-like browser can handle it with type only.

LB · May 4, 2008 at 5:46 PM

Also, I'd like to present my V-Code generator, which makes creating the code much easier.

Please login to see this link.

therickman · November 16, 2008 at 4:36 AM

Hello ,
regarding the progress bar, I think it would have been nice to be able to add a message such as : " Please wait...Your game is loading" while the progress bar is displayed.
Does anyone know if it's possible ? My vitalized page takes up the whole frame , so I can't just add the message to the html code of my webpage because it won't disappear after the game has loaded !!
Thanks for your help !

LB · November 16, 2008 at 9:21 PM

You can set the loading image in your application properties and have that have a message.

therickman · November 17, 2008 at 1:19 AM

Ok I'll take a look....thanks for answering !
Eric

evilsavage · February 23, 2009 at 2:30 AM

hi where can i upload the .cnn file so i can use on my website and im using freewebs if anyone can help me out it would greatly be appreciated

RickyRombo · February 23, 2009 at 11:29 PM

alrighty I love freewebs - haven't used it since the dark ages, though. Just looked at it and here's how you do it:

-Login and Click on the Edit My Site button at the top left
-Select Manage Files
-Click on Single Uploader
-Click on Browse
-Find Your .ccn file
-Select it and hit upload

Zabooza · February 24, 2009 at 3:38 AM

genius!, i have been wondering how i would do it all of this time!!!!!

Arbo · March 19, 2009 at 12:37 AM

I've been trying to get my Vitalize! game working for a while now (on Webs, formerly Freewebs), but I guess I haven't figured out the HTML. The game will play off of my computer, but not anyone else's, even if they have Vitalize! too. Help?

Jeff · March 19, 2009 at 1:08 AM

Can you give out a link to the page with the CCN on it and we can take a look.

Arbo · March 21, 2009 at 6:26 PM

Here it is:
Please login to see this link.

Zabooza · March 21, 2009 at 8:45 PM

I CAN FIX THIS PROBLEM VERY FAST. I JUST FINISH THIS PROBLEM
GO TO THE MULTIMEDIA FUSION ARCHIVE. I AM GOING TO PUT A HTML DOCUMENT THERE FOR YOU.

MORE DETAILS WILL BE INSIDE THE POST

ALSO GO TO MY WEBSITE ON MY SIGNATURE.
GO TO MY OWN GAMES. THEN CLICK THE ONE ABOUT MARIO.

IS THIS WHAT YOU HAD IN MIND?

Zabooza · March 22, 2009 at 3:11 AM

btw how did you get the toolbar at the top?

AlbertBodamer · March 29, 2009 at 8:32 PM

Hi. Appreciate any help here. I saved my son's game as a ccn file & posted it on my web server at Please login to see this link.
I also embedded the ccn in the following wb page:
Please login to see this link.
When you browse to these locations, it appears as if the ccn file "cannot be found" The file is definately on the web server though. I can also successfully run the ccn file locally in ie by loading either the page with the imbedded code or the ccn file directly. Any idea why this is failing when accessing from the server?

RickyRombo · March 29, 2009 at 8:56 PM

double check to make sure you have the correct source code for the .ccn file. I had this problem a lot, what I had to do was check where I uploaded it and find the correct source code. Try doing something like that. I would try to upload again if that doesn't work, and then retry the source code.

AlbertBodamer · March 29, 2009 at 8:59 PM

thanks. I just uploaded the ccn file to the root of Please login to see this link. and it still doesn't think it's there.. is it possibly an iis setting?

AlbertBodamer · March 29, 2009 at 9:37 PM

And the answer is: you need to register the MIME type in IIS for teh web site. in IIS, right-click on your web site, select HTTP Headers, under MIME types, select "New" & add the following type: .ccn in the extension field and application/x-cnc in the "content type" field

Bilguun · April 23, 2009 at 11:34 AM

Hello. Could anyone help me as soon as possible with this problem? I have uploaded the game on my server and it's working but the background graphics don't show up? The background images are uploaded on the same page as the .html page. By the way, I can see the background graphics when I open the .html page from my hard drive.
Thank You.

Log in or register!

Looking for Customer Support?

How to embed Vitalize! applications in HTML pages

Participate now!

Useful Links, Resources & Information

Fusion 2.5 Resources

Crowdfunding Focus