Archive for October 19, 2007

VoD – Placing Streaming Video into a Website

Now you’ve made your streaming video file and want to place it on your website. There are two ways of doing this: Direct link and embedded file. It depends entirely on how you want the video to appear on the website, as to which one you choose.

  • Direct Links

Direct links enable the video file to be opened in the user’s default media player. For example, if you clicked a link to a Quicktime file, your Quicktime player will open and play the video. This gives the user control over which media player they use but, can be unpredictable and unsightly.

To add a direct link on your website you simply need to add a hyperlink which points to the video file.

Example:

<a href=”videofilename.mov” mce_href=”videofilename.mov”>Click here to view video</a>

  • Embedded Files

Embedding a video file will place the video file right onto the webpage in media player screen, providing a greater level of control over how the video is displayed.

To embed the file you must add HTML code to the webpage, dependant on your video file. This example is for Quicktime files.

Example:

<OBJECT CLASSID=”clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B” WIDTH=”320″HEIGHT=”180″
CODEBASE=”http://www.apple.com/qtactivex/qtplugin.cab”&gt;
<PARAM name=”SRC” VALUE=”videofilename.mov”>
<PARAM name=”AUTOPLAY” VALUE=”true”>
<PARAM name=”CONTROLLER” VALUE=”false”>
<EMBED src=”videofilename.mov” mce_src=”videofilename.mov” WIDTH=”320″ HEIGHT=”180″ AUTOPLAY=”true” CONTROLLER=”false” PLUGINSPAGE=”http://www.apple.com/quicktime/download/”&gt;
</EMBED>
</OBJECT>

Notice that this method uses two tags: <object> and <embed>. This is for maximum browser compatibility. You will need to set the file name and attributes for both tags.

This tutorial is courtesy of Media College. For more information and HTML for embedding other video file formats, view the entire tutorial here.

Advertisements

Create a turret point and shoot in the direction of the mouse-lecture

  • draw the turret base

turret-base.jpg

  • convert it to a symbol of type move clip.
  • draw a gun

gun.jpg

  • convert the gun to a movie clip and name it “gun”. Put the instance name “gun” in the properties box as well.
  • go to edit the clip “gun” and make sure the end of your turret that attaches to your turret base is the focus.
  • Draw the bullet to be fired
  • Convert the bullet into a movie symbol and name it “shot”. Then select it and in the box under the dropdown box put “shot” there too for the instance name.
  • Select the “gun” clip and put the code:

 

onClipEvent(load)

{

_root.shot._visible=false;

shotcount=1;

}

onClipEvent (enterFrame)

{

myRadians = Math.atan2(_root._ymouse-this._y, _root._xmouse-this._x);

myDegrees = Math.round((myRadians*180/Math.PI));

_root.yChange = Math.round(_root._ymouse-this._y);

_root.xChange = Math.round(_root._xmouse-this._x);

this._rotation = myDegrees+90;

}

onClipEvent(mouseDown)

{

_root.shot.duplicateMovieClip( “shot”+shotcount, shotcount+7000);

_root[“shot”+shotcount]._visible=true;

shotcount++;

if(shotcount>100)

{

shotcount=1;

}

}


<!–[endif]–>

<!–[endif]–>

  • open the “shot” movie clip and put the code

onClipEvent(load)

{

if(this._name==”shot”)

{

this._visible=false;

}

else

{

this._visible=true;

}

this._x=_root.gun._x;

this._y=_root.gun._y;

shotxspeed=40*Math.sin(_root.gun._rotation*(Math.PI/180));

shotyspeed=40*Math.cos(_root.gun._rotation*(Math.PI/180));

}

onClipEvent(enterFrame)

{

this._x+=shotxspeed;

this._y-=shotyspeed;

if(this._x<0)

{

this.removeMovieClip();

}

if(this._x>550)

{

this.removeMovieClip();

}

if(this._y>400)

{

this.removeMovieClip();

}

if(this._y<0)

{

this.removeMovieClip();

}

}

 

10. The finished product

turret.jpg

 

How to create an RSS 2.0 feed – Azeem Ahmad

This week I’ve spent looking around on the internet, researching how to create an RSS feed.

This time yesterday, I had no idea how to understand the code, it all looked like a foreign language!

Now i’m fully aware of what RSS actually is and how to make a feed.

I have attached the file as a presentation to this post, its  a step by step guide on how to create a feed:

Creating an RSS 2.0 Feed

By clicking the link above, you will download the presentation.