Ditutup

Code custom flash video player

Need 3 flash players (Used to read flv files)

3 players : - [url removed, login to view]

- [url removed, login to view]

- [url removed, login to view]

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:

[url removed, login to view] and [url removed, login to view]:

--------------------------------------

[url removed, login to view];s=k7NQobIn3U&t=F

[url removed, login to view] and [url removed, login to view]:

----------------------------------------

[url removed, login to view];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 [url removed, login to view] -->

<!ELEMENT flv_uri (#PCDATA)>

<!-- flv_uri_lowres : content like [url removed, login to view] -->

<!ELEMENT flv_uri_lowres (#PCDATA)>

<!-- subtitle_uri : content like /blah/[url removed, login to view] -->

<!-- subtitle_uri : if present, display subtitles in the subtitles area. Requires [url removed, login to view] 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 [url removed, login to view] -->

<!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.

Kemahiran: Adobe Flash

Lihat lebih lanjut: custom flash video player, videos custom, video do, video custom, rich text javascript, quality resources, our code, mini clip, low center, hardware resources, code 1, animals video, rich morning show flv, custom mini player html, videoplayer custom swf, player miniswf, custom video player html, code video player, custom flash players code, flash lessonswf, custom flash players html, custom flash video example, microswf player, player code, custom flash player code

Tentang Majikan:
( 9 ulasan ) Paris, France

ID Projek: #352593