Galleries For Photos and Art

Some Samples

JAlbum is free and it's available for the Mac & PC here's a sample I put together using Jalbum

Dream Weaver Slideshow/Gallery Extensions (these are Free)

Ken Burns

Light Box

Thick Box

phatFusion Slideshow

There are others that you need to Buy...

Media on the Web

There are hundreds of media formats... These are the basic common formats used on the web.

Common Media file types:

Converting Media Formats

You may need to have your media in a particular format, or in more than one format

Converting (Transcoding) Video Files

Handbrake (Open Source)

Supported Sources:

Any DVD-like source: VIDEO_TS folder, DVD image or real DVD (unencrypted--protection methods including CSS are not supported internally and must be handled externally with third-party software and libraries), and some .VOB and .TS files
Most any multimedia file it can get libavformat to read and libavcodec to decode.

Outputs:

File format: MP4 and MKV
Video: MPEG-4, H.264, or Theora
Audio: AAC, CoreAudio AAC (OS X Only), MP3, or Vorbis. AC-3 pass-through, DTS pass-thorugh (MKV only)

Prism

(Free Version)

Audio Files

Audacity

Using U-Tube to add video to your web page...

This is by far the easiest method, and here's some instructions from U-Tube The U-Tube instructions are inserted as a web page inside this web page! The page is embedded using the html tag <iframe>

 

U-Tube will now accept video up to 1080p but they will convert the audio to a "lower" resolution. To find the "insert code" to put on your web page. It look like this...

insert window

Copy the code and paste it into your html page where you want the video to occur.

<object width="580" height="360"><param name="movie" value="http://www.youtube.com/v/oAVjF_7ensg&hl=en_US&fs=1&color1=0x2b405b&color2=0x6b8ab6&hd=1&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/oAVjF_7ensg&hl=en_US&fs=1&color1=0x2b405b&color2=0x6b8ab6&hd=1&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="580" height="360"></embed></object>

In order for the video to VALIDATE you will need to edit the above insert code with the following

"<object type="application/x-shockwave-flash" width="425" height="350" data="http://www.youtube.com/v/yourcode"><param name="movie" value="http://www.youtube.com/v/yourcode" /></object>"

The Valid insert looks like this

<object type="application/x-shockwave-flash" width="580" height="360" data="http://www.youtube.com/v/oAVjF_7ensg&hl=en_US&fs=1&color1=0x2b405b&color2=0x6b8ab6&hd=1&border=1"><param name=”movie" value="http://www.youtube.com/v/oAVjF_7ensg&hl=en_US&fs=1&color1=0x2b405b&color2=0x6b8ab6&hd=1&border=1" /></object>

The Adobe support article is available here

http://www.adobe.com/cfusion/communityengine/index.cfm?event=showdetails&postId=15068&productId=1&loc=en_US

As I had problems with Adobe's valid fix playing on a Window's PC running Internet Explorer 8/7 here's the video using U-tube's Coding

Embedding Video to Play Directly from your Web Site

Media files need to be converted to a web friendly Streaming format called a Codec.

Apple's Quick Time Pro (available for Macs and PC's) may well be the most elegant solution... and gives the best mpg4 video output called H.264

Here is a sample of what QuickTime Pro does when you "convert for the web"... Apple's QuickTime Pro solution for converting video for download on the web. Quicktime Pro produces 3 codecs for you  (.3gp for  iPhone-cell) (.m4v for iphone) and (.m4V for Desktop computers)

What ever your solution, clients visiting your web site will need a "player" program that they have already installed. A Windows Media Player, an Apple QuickTime player, and/or Adobe's Flash player (They are all free)
...or...

 

Here's How to insert QuickTime video using Dreamweaver and No Javascripts like above

Note: In the tutorial the url needed for Apple's codec player is http://apple.com/quicktime/download/"

here's the tutorial

http://www.layersmagazine.com/using-quicktime-videos-with-dreamweaver.html

A new kid on the block --HTML 5 Video <video></video> element.

This is a method of setting up video for a web page such that if the first choice doen't work, the embedded code falls back to the second choice., If that doesn't work, the browser falls back to the third choice and so on...

Here's the web site you can copy the code and modify to your hearts content

"http://camendesign.com/code/video_for_everybody"

 

 

Other media --Sound Tags

<bdsound/>

before you embed sound in a web page, using <bgsound src="PathToFile.wav"/>please read this reference from sitepoint.com

using an href link

play sample from the sound Track to The Scorpio Sagittarius Connection

Sound object code

Here's the source

<object>
<param name="autostart" value="false" />
<param name="src" value="sounds/curling_song.wav" />
<param name="autoplay" value="false" />
<param name="controller" value="true" />
<embed src="sounds/curling_song.wav" controller="true" autoplay="false" autostart="false" type="audio/wav"></embed>
</object>

RSS News feeds

Another kind of "media" is a news feed that is continuously updated.

Here's what I have been using, it's free and quick

RSS-Info.com