Demo
Polaroid Gallery is a free, opensource flash gallery developed by myself, Christopher Einarsrud, in the year of 2006.
I was originally going to use this for my online portfolio, but I ended up going for something completely different.
I thought that it might come in handy for someone else, so I decided to release it here. After all, I did put some work into it and it would be a pity to see it all go to waste…
How to use
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Meen Gallery v.1.01</title>
<script type="text/javascript" src="_inc/swfobject.js"></script>
<link href="_inc/styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="fullscreendemo" align="center">
<strong>This site requires Flash Player 8.0 or greater</strong><br />
<script type="text/javascript">
//<![CDATA[
var so = new SWFObject("polaroid.swf", "polaroid", "500", "500", "8", "#FFFFFF");
// specify the url to the xml-file, default is photos.xml
so.addVariable("xmlURL","photos.xml");
so.write("fullscreendemo");
//]]>
</script></div>
</body>
</html>
Data file
<?xml version="1.0" encoding="utf-8"?>
<photos>
<!-- Plase your photos here -->
<photo desc="Meen1" url="_pics/IMGP0021.JPG" />
<photo desc="Meen3" url="_pics/IMGP0023.JPG" />
<photo desc="Meen4" url="_pics/IMGP0024.JPG" />
<photo desc="Meen5" url="_pics/IMGP0025.JPG" />
<photo desc="Meen6" url="_pics/IMGP0026.JPG" />
<photo desc="Meen7" url="_pics/IMGP0027.JPG" />
<photo desc="Meen8" url="_pics/IMGP0028.JPG" />
<photo desc="Meen9" url="_pics/IMGP0029.JPG" />
<photo desc="Meen10" url="_pics/IMGP0030.jpg" />
<photo desc="Meen11" url="_pics/IMGP0031.jpg" />
<photo desc="Meen12" url="_pics/IMGP0032.jpg" />
<photo desc="Meen13" url="_pics/IMGP0033.jpg" />
<photo desc="Meen14" url="_pics/IMGP0034.jpg" />
<photo desc="Meen15" url="_pics/IMGP0035.jpg" />
<photo desc="Meen16" url="_pics/IMGP0036.jpg" />
<photo desc="Meen17" url="_pics/IMGP0037.jpg" />
<photo desc="Meen19" url="_pics/IMGP0038.jpg" />
<photo desc="Meen20" url="_pics/IMGP0039.jpg" />
<photo desc="Meen21" url="_pics/IMGP0040.jpg" />
</photos>
More info
http://www.no3dfx.com/polaroid/
?
Open Flash Chart, is open source. It is free to use and you get the source code to fiddle with!
http://teethgrinder.co.uk/open-flash-chart
Sample code
chart page
<SCRIPT LANGUAGE="JavaScript">
<!--
function reload_compare()
{
tmp = findSWF("chart");
x = tmp.reload();
x = tmp.reload("chat_data.php");
x = tmp.reload("chat_data.php", false);
}
function findSWF(movieName) {
if (navigator.appName.indexOf("Microsoft")!= -1) {
return window["ie_" + movieName];
} else {
return document[movieName];
}
}
//–>
</SCRIPT>
<BODY>
<?php
require_once 'lib/open_flash_chart_object.php';
require_once 'lib/open-flash-chart.php';
open_flash_chart_object(500,300,'chart_data.php',false,'lib/');
?>
<br>
<br>
<INPUT TYPE="button" onClick="reload_compare();" value="โหลดข้อมูลใหม่">
</object>
</BODY>
?>
data page
<?php
header ("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header ("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header ("Cache-Control: no-cache, must-revalidate");
header ("Pragma: no-cache");
include_once( 'lib/open-flash-chart.php' );
srand((double)microtime()*1000000);
$bar_red = new bar_3d( 75, '#D54C78' );
$bar_red->key( '2006', 10 );
// add random height bars:
for( $i=0; $i<10; $i++ )
$bar_red->data[] = rand(2,5);
//
// create a 2nd set of bars:
//
$bar_blue = new bar_3d( 75, '#3334AD' );
$bar_blue->key( '2007', 10 );
// add random height bars:
for( $i=0; $i<10; $i++ )
$bar_blue->data[] = rand(5,9);
// create the graph object:
$g = new graph();
$g->title( '3D Bar Chart', '{font-size:20px; color: #FFFFFF; margin: 5px;}' );
//$g->set_data( $data_1 );
//$g->bar_3D( 75, '#D54C78', '2006', 10 );
//$g->set_data( $data_2 );
//$g->bar_3D( 75, '#3334AD', '2007', 10 );
$g->data_sets[] = $bar_red;
$g->data_sets[] = $bar_blue;
$g->set_x_axis_3d( 12 );
$g->x_axis_colour( '#909090', '#ADB5C7' );
$g->y_axis_colour( '#909090', '#ADB5C7' );
$g->set_x_labels(array( 'Jan','Feb','Mar','April','May','June','July','Aug'
,'Sep','Oct'));
$g->set_y_max( 10 );
$g->y_label_steps( 5 );
$g->bg_colour = '#FFFF99';
$g->set_inner_background( '#E3F0FD', '#CBD7E6', 90 );
$g->set_y_legend( 'Open Flash Chart', 12, '#736AFF' );
echo $g->render();
?>
27 May
Posted by: admin in: flash, flv, javascript, mp4, video
sample code
<div id="playerContainer"></div>
<SCRIPT LANGUAGE="JavaScript">
<!--
$("#playerContainer").flashembed({
src:'flash/FlowPlayerDark.swf',
width:300,
height:300
},
{config: {
controlsOverVideo: 'ease',
showMenu:false,
showVolumeSlider:true,
autoPlay: false,
autoRewind:true,
loop:false,
initialScale:'scale',
usePlayOverlay:true,
videoFile: 'mov/bat.flv',
initialScale: 'scale',
autoBuffering: false,
useNativeFullScreen: true,
emailPostUrl: false,
controlBarBackgroundColor: '0x222222',
useHwScaling:true
}}
);
//-->
</SCRIPT>
FlowPlayer is a Flash media player. You can use it on your HTML pages to play video files. “It is your personal YouTube”.
Support for multiple media
video: FLV, MP4, H.264
image: JPG and PNG
audio: MP3
Other formats such as mpg, mov, avi and wmv are also supported but they must first be converted to FLV, MP4 or H.264. H.263 offers best video quality with smallest filesize.
Flexible configuration
FlowPlayer has tons of configuration options. You can immediately start with the defaults and start tweaking with the options.
Full screen mode
Hardware accelerated full-screen mode without maximized browser windows. You can also make you own in-window fullscreens with scripting if you like. It leverages DirectX on Windows and OpenGL on OSX. Faster and smoother.
Progressive download
The simplest way to provide Flash video to your users. This is how YouTube does it.
Playlists
Control several videos in one player instance. Or combine multiple videos as one stream with the help of a streaming server. You can also include images in playlists or you can build playlist with HTML - see example.
Streaming
FlowPlayer supports streaming servers like the Flash Media Server, Wowza and Red5, allowing random seeking to arbitrary positions in the video timeline.
Scripting API
Control the player with JavaScript and from other Flash movies.
Thumbnails
Provide quick access to specific chapters in a long lasting movie.
Protection against hotlinking
Protection against hotlinking or direct linking of video and image files.

Audio player for MP3 file, intended for the diffusion on websites.
It?s an audio player for MP3 file, intended for the diffusion on websites.
It?s open source, free and customizable.
sample code
<object type="application/x-shockwave-flash" data="player_mp3_multi.swf" > <param name="movie" value="player_mp3_multi.swf" /> <param name="wmode" value="transparent" /> <param name="FlashVars" value="configxml=configxml_multi.xml" /> </object>
config file
<?xml version="1.0" encoding="UTF-8"?> <config> <param name="mp3" value="try.mp3|img_T1211390787_2.mp3" /> <param name="title" value="img_T1211390787_2.mp3"/> <param name="height" value="150" /> <param name="width" value="250" /> <param name="bgcolor" value="cccc99" /> <param name="bgcolor1" value="e79a2d" /> <param name="bgcolor2" value="d38c29" /> <param name="buttoncolor" value="dddddd" /> <param name="buttonovercolor" value="f9bf37" /> <param name="slidercolor1" value="dddddd" /> <param name="slidercolor2" value="cccccc" /> <param name="sliderovercolor" value="f9bf37" /> <param name="textcolor" value="dddddd" /> <param name="playlistcolor" value="999999" /> <param name="currentmp3color" value="f9bf37" /> <param name="scrollbarcolor" value="cccccc" /> <param name="scrollbarovercolor" value="f9bf37" /> <param name="showvolume" value="1" /> <param name="showinfo" value="1" /> </config>
Statistics