Project Detail

Description

Need 3 flash players (Used to read flv files)


3 players : - player-lesson.swf
- player-mini.swf
- player-micro.swf


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:

player-lesson.swf and player-mini.swf:
--------------------------------------
http://www.gymglish.com/wb/userwb/showlesson?e=aurelien-flash-demo%40gymglish.com&s=k7NQobIn3U&t=F

player-lesson.swf and player-micro.swf:
----------------------------------------
http://www.gymglish.com/wb/userwb/showlesson?e=aurelien-flash-demo%40gymglish.com&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 http://www.richmorning.com/blah/dsf4564sdfd.flv -->
<!ELEMENT flv_uri (#PCDATA)>
<!-- flv_uri_lowres : content like http://www.richmorning.com/blah/dsf4564sdfd.flv -->
<!ELEMENT flv_uri_lowres (#PCDATA)>
<!-- subtitle_uri : content like /blah/subtitles.xml -->
<!-- subtitle_uri : if present, display subtitles in the subtitles area. Requires crossdomain.xml 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 http://www.richmorning.com/blah/dsf4564sdfd.flv -->
<!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.