Code custom flash video player

Need 3 flash players (Used to read flv files) 3 players : - [login to view URL] - [login to view URL] - [login to view URL] We already have a version of those players but we aren't satisfied with them. We would like a rewrite of the players, just keeping the visual TV decoration. You can see them here: [login to view URL] and [login to view URL]: -------------------------------------- [login to view URL];s=k7NQobIn3U&t=F [login to view URL] and [login to view URL]: ---------------------------------------- [login to view URL];s=k7NQobIn3U&t=FOFF Problems: --------- - We have some performance problems. They use a lot of CPU resources and many users complain about jumpy sound (in the lesson player). When we click on the center of the player the video doesn't always start. - Our users don't use this player because they don't see that it's a player. Common parts: ------------ - Each player should not use a lot of CPU resources because on the same html page we have up to 20 players. We want to view this html page on old computers (1.2+ Ghz) as well as on new hardware. - The information (video url, ...) are in a xml file. We give it to the flash. Their description are below. - In the center of each player, we want to display an image which contains a play button. When we click in the player we want to run the video. NOTE: The images are differents according the player - When the playing is finished, we want to display an image with replay. When we click on it, we want to restart the video. lesson-tv: ---------- IMPORTANT: ---------- - When we load the page we also want to load the video. XML FILE: --------- DTD --- <!ELEMENT tv_summary (default_show, play_by_default?, subtitles_default, show_data*)> <!ELEMENT show_data (show_number, tooltip, flv_uri, flv_uri_lowres?, subtitle_uri?)> <!-- default_show : integer, used to link to a 'show_number' clip --> <!-- play_by_default : will play if present --> <!ELEMENT play_by_default (#PCDATA)> <!-- subtitles_default : "OFF" or "ON" --> <!ELEMENT subtitles_default (#PCDATA)> <!-- show_number : integer, used for buttons to select the channel --> <!ELEMENT show_number (#PCDATA)> <!-- tooltip : text to display the tooltip on the button --> <!ELEMENT tooltip (#PCDATA)> <!-- flv_uri : content like [login to view URL] --> <!ELEMENT flv_uri (#PCDATA)> <!-- flv_uri_lowres : content like [login to view URL] --> <!ELEMENT flv_uri_lowres (#PCDATA)> <!-- subtitle_uri : content like /blah/[login to view URL] --> <!-- subtitle_uri : if present, display subtitles in the subtitles area. Requires [login to view URL] to accept URIs instead of only relative URLs --> <!ELEMENT subtitle_uri (#PCDATA)> Example: -------- <tv_summary> <default_show>2</default_show> <subtitles_default>ON</subtitles_default> <show_data> <show_number>1</show_number> <tooltip>Day 1, ...</tooltip> <flv_uri>http://www.richmorning.com/videos/show01.flv</flv_uri> <subtitle_uri>show01.subtitles.xml</subtitle_uri> </show_data> <show_data> <show_number>2</show_number> <tooltip>Day 2, ...</tooltip> <flv_uri>http://www.richmorning.com/videos/show02.flv</flv_uri> <subtitle_uri>titles2.xml</subtitle_uri> </show_data> </tv_summary> LOW QUALITY: ------------ In the dtd, we have a tag flv_uri_lowres which is not required. - flv_uri is the uri for the high video quality. - flv_uri_lowres is the uri for the low video quality. We want to have a button to change the flv quality if flv_uri_lowres is present. (Maybe we should do this in javascript ?) BUTTONS: -------- - one button play-pause - one to display subtitles - one to display in fullscreen - one turn button for sound. - 21 right buttons: we enable them according <default_show> Example: if default_show is 3 we - enable button 1 and 2. - disable button 3 ... 21 When we click on an available button, we want to load the flv_uri from the xml file. Example: if we click on the button 3 we want to load the flv_uri where show_number is 3. PROGRESS BAR: ------------- - We want a progress bar to see the progression of the video. SUBTITLES: --------- DTD: ---- <!ELEMENT subtittles (subtittle*)> <!ELEMENT subtittle (begin_time, end_time, text) <!--Time to start to display text--> <!ELEMENT begin_time (#PCDATA)> <!--Time to stop to display text--> <!ELEMENT end_time (#PCDATA)> <!--text: text to display--> <!ELEMENT text (#PCDATA)>number : integer, used for buttons to select the channel --> Example: -------- <subtittles> <subtittle> <begin_time>9.36</begin_time> <end_time>12.66</end_time> <text>Good morn... no, no, no, no!</text> </subtittle> <subtittle> <begin_time>12.76</begin_time> <end_time>14.91</end_time> <text>Good morning animals!</text> </subtittle> <subtittle> <begin_time>15.01</begin_time> <end_time>17.06</end_time> <text>It's the Rich Morning Show!</text> </subtittle> </subtittles> We want to display subtitles when the button is pressed. NOTE: the button is pressed on loading if in the data xml (not subtitle xml) file we have <subtitles_default>ON</subtitles_default> mini-tv and micro-tv: --------------------- XML FILE: --------- DTD --- <!ELEMENT tv_clip (clip_data)> <!ELEMENT clip_data (flv_uri)> <!-- flv_uri : content like [login to view URL] --> <!ELEMENT flv_uri (#PCDATA)> Example: -------- <tv_clip> <clip_data> <flv_uri>http://www.richmorning.com/images/test_antoine.flv</flv_uri> </clip_data> </tv_clip> BUTTONS: -------- - one button play-pause - one turn button for sound.