TSVIDEOPLAYER

We recommend
Other Dreamweaver Extensions:
flash music player
mp3 music flash
TSVideo, a video player that offers a simple, but robust solution
for all those who wish to publish videos without requiring any professional skills.

Flash Video Player as extension for Adobe Dreamweaver

TSVIDEO AS EXTENSION FOR ADOBE DREAMWEAVER

TSVideo is also distributed as an extension for Adobe Dreamweaver, allowing millions of users of this important tool to insert videos in their pages with great facility and hardly any web development skills.

REQUIREMENTS

Adobe Dreamweaver MX 2004 or later versions.

TSVideo has been implemented using the potential of Action Script 3.0 and the improvements that Adobe Flash CS3 introduced in the media support, which reduces the number of Flash player versions capable of supporting TSVideo Player, - Flash Player 9 or later version is required.

INSTALLATION

The installation of TSVideo as an extension for Adobe Dreamweaver is very simple, you just need to use Adobe Extension Manager (distributed together with Adobe Dreamweaver); press the option Install Extension, browse to find the file TSVideo.mxp and accept.

To complete the installation, please restart Adobe Dreamweaver. Once this is done, you will be able to access TSVideo trhough the menu option "Command > Insert TSVideo"

USE

Here's how to use TSVideo Player extension:

Open the page where the video player will be inserted, in Adobe Dreamweaver. The webpage must be previously saved; the website where the video player will be used, must be previously defined.

Select with the cursor where the video player will be inserted in the webpage.

Click on the option “Insert TSVideo” within the menu “Commands” in Adobe Dreamweaver. When you click on that option, the player's setup window will appear. We describe below all the fields of the setup window, see fig.

1. Button to add a new element in the playlist.

2. Button to delete an element from the playlist.

3. Shows all the videos present in the playlist. The fields that need to be entered for each element, are: Title, title of the video in the playlist; Location, path to the video to be played; Creator, the name of the video's author; Information, URL to the information associated with the video and which can be accessed through a button in each playlist element; Associated Image, image associated to the video, which is shown as a thumbnail in each playlist element; Caption, URL to the file with the video's subtitles.

Note: From all the fields mentioned above, only the Location field is mandatory.

4. Button to modify the data of any playlist element. Before using this button, one of the playlist elements must be selected.

5. Show Control Bar, defines whether to show the control bar, whenever the video player is loaded. If this option is unmarked, both the bar and its controls will be hidden.

6. Show Playlist Button, defines the visibility of the button that shows the playlist within the TSVideo Player.

7. Show Fullscreen Button, defines whether to show the button that allows to switch to a Full Screen mode. Note that for this purpose, TSVideo must be inserted in a webpage and allowFullScreen must contain a true value.

8. Show Caption Button, activates the button that shows or hides the subtitles related to the active video.

9. Show Previous Item Button, defines whether to show the button that allows to select (from the playlist) a video that precedes the one being played. This button is shown as deactivated if the first video is being played, or if the video is being played directly, i.e. not from a playlist.

10. Show Next Item Button, defines whether to show the button that allows to select (from the playlist) a video that follows the one being played. This button is shown as deactivated if the last video is being played, or if the video is being played directly, i.e. not from a playlist.

11. Show Volume Control, defines whether the volume control elements will be shown. Both the Volume Bar and the Mute Button are considered "volume control elements."

12. Volume (1..100), option to set the initial value for the player's volume. Integers between 0 an 100 are admitted.

13. Autoplay, defines whether the first playlist video should be played automatically once the player is loaded.

14. Repeat, tells the video player to either: repeat the same video over and over again, Value 1, or to repeat the whole playlist over and over, by starting with the first one after the last one has been played, Value 2. Value 0 tells the player to stop and await user's action once the playlist is completed.

15. Screen color, admits as value “transparent” or a valid color code in #RRGGBB format. It either shows the background behind the video in the selected color, or simply hides it.

16. Tone, admits as value a valid color code in #RRGGBB format; if combined with the configuration parameter alpha, it is used to apply a color to the video player's controls. Alpha admits as value any integer between 0 and 100. Combined with the configuration parameter tone it is used to apply a color to the video player's controls.

17. Alpha, admits as value any integer between 0 and 100. If combined with the configuration parameter tone, it is used to apply a color to the video player's controls.

After you selected the videos to play in the TSVideo Player and modified the rest of the variables, click on the OK button.

Once the video player is inserted in your webpage, a folder structure is generated at the root of your website, which includes: the file containing the actual player, TSVideo.swf, the file with the playlist, playlist.xml (the playlist's format is XSPF). The folder structure generated by the player insertion must be uploaded to the web server in the same position that you have on your website's local copy. The web page where the player has been inserted, must be published in the same way.

Depending on the configuration of the Adobe Dreamweaver, if you insert an <object> label, Dreamweaver automatically generates a wrapper in javascript code to insert the object in the webpage including the file AC_RunActiveContent.js which must be sent to the web server.