You are here

Procedures for Encoding, Uploading and Publishing Flash Video Files for HKU Video Streaming Service

The HKU Video Streaming Service allows you to store Flash video files and publish them in your web pages. The HKU Video Server supports two kinds of video sharing methods, the first is publicly accessible with no access control, and the second is restricting access to HKU Portal users only. The latter is accomplished by applying Single Sign-On (SSO) control. It is assumed that you have a valid Video Streaming account on the HKU Video Streaming Server before posting video files. You can apply for a Video Streaming account by submitting CF43.

The following procedures outline the steps for uploading video files and publishing videos for sharing. If there is a need to apply SSO control, please perform the steps outline in the “Procedure for Single Sign-On Control” below.

1. Tools

1.1 Flash video files convertor
1.2 Secure-FTP (SFTP) program
1.3 HTML editor

2. Procedures for Encoding, Uploading and Publishing Flash Video Files to HKU Video Streaming Server

2.1 Encoding your video files (e.g. mpg) to Flash video files (f4v or flv)
2.2 Uploading your Flash video files to the HKU Video Server
2.3 Publishing your Flash video files


1. Tools:

1.1 Flash video files convertor

Video files of formats other than Flash have to be converted into Flash before uploading. There are many tools to do the conversion. We shall give the procedure for using two of these:

(a) Free Video to Flash Converter

This software can be downloaded from: http://www.dvdvideosoft.com/guides/free-video-to-flash-converter.htm

(b) Adobe Media Encoder CS5

To purchase (by departments only), check prices in HKU Portal:
License: HKUPortal > Services > Tender Prices > Adobe – License > Flash Pro CS5
Installation CD media : HKUPortal > Services > Tender Prices > Adobe – Media > Flash Pro CS5

1.2 Secure-FTP (SFTP) program

Again, there are many available Secure-FTP programs. See http://www.its.hku.hk/documentation/guide/infosys/web/ssh/coreftp for the procedure in using CoreFTP LE 2.1 – free version which can be downloaded from http://www.coreftp.com/download.html.

1.3 HTML editor

2. Procedures for Encoding, Uploading and Publishing Flash Video Files to HKU Video Streaming Server

2.1 Encoding your video files (e.g. mpg) to Flash video files (f4v or flv)

If you use “Free Video to Flash Converter”:

  1. Launch Free Video to Flash Converter
     
  2. Select Input Video Files
    Click the Add files... button to select an input video file(s) from your computer.
     
  3. Select Output Location
    Click the Browse... button and choose the location where you would like to save your converted video files. Click Ok.
     
  4. Select FLV as Output Format.
     
  5. Limit the streaming bit-rate by choosing only Normal Quality FLV or High Quality FLV.

    clip image 002

  6. Convert Video
    Click Convert and wait the video to be converted.

 

If you use “Adobe Media Encoder CS5”:

  1. Start > All Programs > Adobe Media Encoder CS5
     
  2. Add…
    Clip Image 004
     
  3. Look in the drive where your video file is stored > select your video file > Open
    Clip Image 006
     
  4. Click “Settings”
    Clip Image 008
     
  5. Click “Preset”> select the output file property/quality.
    Clip Image 010
     
  6. Click the tab“Video” > Scroll down > Set Maximum Bit-rate not to exceed 1 Mbps.
    Clip Image 012
     
  7. Click “Output Name” > select where to store your output flash file > Save
    Clip Image 014
     
  8. Click “OK”.
     
  9. Click “Start Queue”
    Clip Image 016

 

2.2 Uploading your Flash video files to the HKU Video Server

It is assumed that you have prepared your Flash video files. The next step would be to transfer the files to the video server with FTP program.

  1. Install the CoreFTP program on your PC.
     
  2. Run the program: Start > All Programs > CoreFTP > CoreFTP Lite
    Clip Image 018
     
  3. Input the followings:
    Site Name: HKU_Video_Server
    Host / IP /URL: fmis1.hku.hk
    Username: <your account>
    Password: <your password>
    Connection: SSH/SFTP
     
  4. Click “Connect”
     
  5. SFTP your Flash video files to /mnt/webroot/user/<yourDept>/vod
    where <yourDept> stands for the directory name assigned to your department on the HKU Video Server.
    Clip Image 020

 

2.3 Publishing your Flash video files

  1. Design your web-page which displays the Flash video file uploaded to the HKU Video Server.
     
  2. If your video file is in .f4v format, embed the following codes within the HTML codes of your web-page.

    <object width='640' height='377' id='videoPlayer' name='videoPlayer' type='application/x-shockwave-flash' classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' ><param name='movie' value='http://fmis.hku.hk/swfs/videoPlayer.swf' /> <param name='quality' value='high' /> <param name='bgcolor' value='#000000' /> <param name='allowfullscreen' value='true' /> <param name='flashvars' value= '&videoWidth=0&videoHeight=0&dsControl=manual&dsSensitivity=100&serverURL=rtmp://fmis.hku.hk/vod/mp4:
    yourDept/sample.f4v&DS_Status=true&streamType=vod&autoStart=false'/><embed src='http://fmis.hku.hk/swfs/videoPlayer.swf' width='640' height='377' id='videoPlayer' quality='high' bgcolor='#000000' name='videoPlayer' allowfullscreen='true' pluginspage='http://www.adobe.com/go/getflashplayer' flashvars='&videoWidth=0&videoHeight=0&dsControl=manual&dsSensitivity=100&serverURL=rtmp://fmis.hku.hk/vod/mp4:
    yourDept/sample.f4v&DS_Status=true&streamType=vod&autoStart=false' type='application/x-shockwave-flash'> </embed></object>

    2.1 Change yourDept to the directory name assigned to your department. Note that there are two places to change.

    2.2 Change sample.f4v to the name of the Flash video file you want to display. Note that there are two places to change.

  3. If your file is in .flv format, embed the following codes in your web-page, which is the same as the codes in (2) above with the exception that mp4:yourDept is replaced by yourDeptv:

    <object width='640' height='377' id='videoPlayer' name='videoPlayer' type='application/x-shockwave-flash' classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' ><param name='movie' value='http://fmis.hku.hk/swfs/videoPlayer.swf' /> <param name='quality' value='high' /> <param name='bgcolor' value='#000000' /> <param name='allowfullscreen' value='true' /> <param name='flashvars' value= '&videoWidth=0&videoHeight=0&dsControl=manual&dsSensitivity=100&serverURL=rtmp://fmis.hku.hk/vod/
    yourDept/sample.flv&DS_Status=true&streamType=vod&autoStart=false'/><embed src='http://fmis.hku.hk/swfs/videoPlayer.swf' width='640' height='377' id='videoPlayer' quality='high' bgcolor='#000000' name='videoPlayer' allowfullscreen='true' pluginspage='http://www.adobe.com/go/getflashplayer' flashvars='&videoWidth=0&videoHeight=0&dsControl=manual&dsSensitivity=100&serverURL=rtmp://fmis.hku.hk/vod/
    yourDept/sample.flv&DS_Status=true&streamType=vod&autoStart=false' type='application/x-shockwave-flash'> </embed></object>

    3.1 Similar to (2.2) above, change sample.flv to the Flash video file you want to display.

    3.2 Change other parameters by following (2.1).

  4. Upload your web-page to your web server.